Hexo+Github博客搭建

1、准备

　　1.安装git

　　　　点击下载：连接：https://pan.baidu.com/s/1eToStns 密码：r93r

　　　　安装参考以前随笔：http://www.cnblogs.com/jiangbei/p/7704971.html

　 　2.安装node.js

　　　　点击下载：https://nodejs.org/en/　　

　　　　  一路next安装便可

　　3.验证安装

　　　　WIN+R->输入cmd来到命令行界面，输入如下命令进行检验

　　　　

　　　4.github相关配置

　　　　　　登陆github（如无账号请先注册）：https://github.com/

　　　　　建立仓库

　　　　　　

　　　　　　配置github pages

　　　　　　

　　　　　　　　找到github pages便可进行相关配置

　　　　5.安装hexo

　　　　　　　hexo官网：https://hexo.io/zh-cn/

　　　　　　   在F盘建立blog文件夹（固然位置与文件夹名称能够自定义）

　　　　　　在blog文件夹中右键，Git bash here

　　　　　　安装：

$ npm install -g hexo-cli

　　　　　　更新版本至最新版本：

$ npm update hexo -g

　　　　　　初始化：

$ hexo init blog
$ cd blog
$ npm install

　　　　　　生成静态页面：

$ hexo generate

　　　　　　启动服务：

$ hexo server

　　　　　　

　　　　　　访问INFO网址，便可看到默认页面！

　　

 

2、Hexo与Github绑定

　　1.配置我的信息

　　在git bash中输入github账号对应的用户名与邮件地址

$ git config --global user.name "John Doe" $ git config --global user.email johndoe@example.com

　　生成SSH密钥：

ssh-keygen -t rsa -C "775992759@qq.com"

　　配置SSH KEYS参考以前随笔：http://www.cnblogs.com/jiangbei/p/7712064.html

　　2.配置github与hexo的关联

　　找到配置文件：

　　

　　修改部署部分：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/jiangbei01/jiangbei01.github.io
  branch: master
  message:

　　保存离开，而后配置插件：

$ npm install hexo-deployer-git --save

　　部署：

$ hexo deploy

　　从新部署一次（清理以前相关的东西）

$ hexo clean
$ hexo generate
$ hexo deploy

　　最后，输入地址便可访问！点击预览

　　部署配置参考博文：http://blog.csdn.net/gdutxiaoxu/article/details/53576018

　　　　　　　　　　　http://www.javashuo.com/article/p-wfliabdg-ko.html

3、主题与外观配置

　　　　1.主题配置

　　　　　　官方介绍：https://hexo.io/zh-cn/docs/themes.html

　　　　　　官网主题列表：https://hexo.io/themes/

　　　　　　  Github 全部主题列表：https://github.com/hexojs/hexo/wiki/Themes

　　　　咱们以更换主题 yilia 为例：https://github.com/litten/hexo-theme-yilia

　　　　在博客根目录下，下载主题：（git bash）

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

　　　// 此时thenes下会多出yilia文件夹

　　　修改根目录下配置文件：

theme: yilia

　　执行hexo g（与前面hexo general同义）从新生成：

hexo g

　　再部署就能能经过hexo s启动服务查看效果了！

hexo d

　　最后提交到github：在themes/yilia下执行：（之后更改yml等配置，执行此命令便可！）

git pull origin master

　　从新访问，查看效果！https://jiangbei01.github.io/

　　　　2.修改头像

　　　　　　头像能够存放在：图床或者七牛云

　　　　通常都会在主题文件夹的_config.yml中修改，先将图片上传，获得外链地址，而后修改对应配置：

　　　　

 4、写博客

　　Hexo使用markdown语法的纯文本编辑，文件后缀名.m ,文件存放在：咱们的站点目录下/source/_post 文件夹下

　　测试写博客流程：

　　执行新建命令

hexo new "new article"

　　

　　打开md文件，输入博客内容

　　从新生成并部署（使用简化命令）

hexo d -g

　　从新访问，便可查看到！

　　文章所拥有的属性：

　　

　　全部属性：（官方文档有详细解释）

　　

 　　　　配置文章不显示全文而是显示展开更多：

　　　　

 　　　　文章标签设置

　　　　　　　　注意空格！冒号和-号后面都有空格！

---
title: 标题
date: 2016-07-22 15:08:32
categories:
tags:
     - 随笔
     - test
---