Hexo+Github博客搭建

一、准备

　　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网址，即可看到默认页面！

　　

二、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

　　　　　　　　　　　https://www.cnblogs.com/wumz/p/8030244.html

三、主题与外观配置

　　　　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中修改，先将图片上传，得到外链地址，然后修改对应配置：

　　　　

四、写博客

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

　　测试写博客流程：

　　执行新建命令

hexo new "new article"

　　

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

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

hexo d -g

　　重新访问，即可查看到！

　　文章所拥有的属性：

　　

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

　　

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

　　　　

　　　　文章标签设置

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

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