github上搭建blog的选择
github上搭建静态blog最常用的两类主题 Jekyll 和 Hexo，网上各种教程对比下,个人感觉:
Mac机适合安装Jekyll；Window机适合安装Hexo
下面说下在Window上的操作。网上教程太多了，但还是想自己记录下，毕竟也是摸索了好久~
参考 Hexo 官方文档
1.搭建环境
- 安装 Node.js
- 安装 git
2.安装hexo
打开git,输入下面命令安装hexo
$ npm install -g hexo-cli
配置文件
$ hexo init <文件名>
$ cd <文件名>
$ npm install配置完成，在根目录下，文件目录构成如下：
1
2
3
4
5
6
7├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
网站的配置信息在 _config.yml 里面，您可以在此配置大部分的参数。
- 启动本地服务器，查看预览效果，在git中输入
hexo server
注：一定是在根目录夹下操作，例如:所有文件在blog文件夹下，则在cd到blog下操作
- 然后打开浏览器，输入http://0.0.0.0:4000/ 出现相应网站，既证明Hexo安装成功
3.更改主题
- git操作界面，按ctrl+c关闭server
接着输入下面命令，切换到主题文件夹下进行后续操作
cd themes
去主题网站上找一款自己喜欢的主题，主题都有作者github上对应的网址，输入下面命令，clone到本地主题文件夹下
git clone www…..com
克隆完，会在themes文件夹下看到主题包
- 打开Hexo文件夹下面的
_config.yml文件，修改里面的theme为对应主题名 - cd到根目录
- 然后重新打开浏览器，输入http://0.0.0.0:4000/ 看看主题是不是成功安装
4.恭喜你！你已经安装好Hexo和喜欢的主题了，具体主题的详细修改，请直接百度
5.申请github仓库
- 注册账号，github默认仓库名为
用户名.github.io的仓库是静态glog，所以哪个仓库放blog,对应名字下就行。也可以先建仓，设置里面改名，一样的6. github仓库与电脑认亲，认了亲才方便以后数据交流
配置SSH
win+r,cmd,执行下面命令,敲三次回车，即可生成id_rsa.pub文件，里面就是SSH Key的内容ssh-keygen
秘钥绑定github
github头像处依次点击settings，左侧点击SSH keys,右侧点击Add SSH，把id_rsa.pub内容直接粘贴，title随便填写个，保存即可7.配置本地Hexo,方便后期用git上传修改的内容或文章
- 根目录下打开
_config.yml,最底部找到下面对应代码1
2
3
4deploy:
type: git
repository: https://github.com/username/username.github.io.git
branch: master
username:是你github的用户名
8.上传Blog
安装发布文章git命令
npm install hexo-deployer-git –save
本地生成静态博客，上传,执行下面命令
hexo clean
hexo g
hexo d
第一次上传的时候需要验证github用户名账号和密码。
9.创建和发布文章
cd到根目录,用下面命令创建新文章
hexo new “文章标题”
编辑好新文章后，用下面命令发布
hexo d -g
10.到此，github静态博客就部署好了
Hexo使用中遇到的坑
1.突然blog中的图标字体都不显示了
- 找到public/main.××××.css这个文件，每个人名字貌似不一样，打开，查找@fount-face这一行，错不了，这个文件里面只有一处，这个就是引入图标字体的，看看链接的文件名与生成的图标字体文件名字是否一致我对照了下，名字是不一样的，后面手动修改
- 别着急，还有一处.deploy_git/main.××××.css,如果有这个文件，这里也要改下，然后刷新，上传，就一样了