搭建可在不同电脑写作和同步的Hexo博客

发表于 | 分类于

搭建可在不同电脑写作和同步的Hexo博客

  1. 安装Node.js 和 git环境，具体参照Hexo文档
  2. 在Github上创建仓库 leoliuyt.github.io
  3. 创建两个分支：master 与 hexo
  4. 设置hexo为默认分支（因为我们只需要手动管理这个分支上的Hexo网站文件）
  5. 使用git clone https://github.com/leoliuyt/leoliuyt.github.io.git拷贝仓库
  6. 在本地leoliuyt.github.io文件夹下通过 依次执行hexo init Blog、cd Blog、npm install 和 npm install hexo-deployer-git --save（此时当前分支应显示为hexo）
  7. 修改_config.yml中的deploy参数，分支应为master
  8. 依次执行git add .、git commit -m “…”、git push origin hexo提交网站相关的文件；
  9. 执行hexo generate -d生成网站并部署到GitHub上。

这样一来，在GitHub上的leoliuyt.github.io仓库就有两个分支，一个hexo分支用来存放网站的原始文件，一个master分支用来存放生成的静态网页。

写博客及发布同步

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//首先进入Blog 目录
cd /Users/lbq/Documents/Code/LL_Workspace/leoliuyt.github.io/Blog

//创建博客
hexo new 搭建可在不同电脑写作和同步的Hexo博客

//生成博客及发布
hexo g -d

//本地测试使用
hexo g
hexo s

//发布成功后返回到git目录
cd ..

//git提交
git add .
git commit -m "提交"
git push origin hexo

//清除缓存使用
hexo clean

主题配置

修改站点目录下_config.yml 中的 theme: next

next主题的配置参考NexT

hexo下新建页面下如何放多个文章？

  1. hexo new page categories //创建一个新的page
  2. 在博客的markdown文件中添加 categories: Objective-C //会生成一个/categories/Objective-C/路径
  3. 在主题配置文件_config.yml中的menu 添加 Objective-C: /categories/Objective-C/ || th 这个路径与上面的生成的要匹配

设置分类图标可以从Font Awesome上查找

参考

Hexo文档
在不同电脑上进行Hexo写作与同步
GitHub Pages + Hexo搭建博客
NexT
hexo下新建页面下如何放多个文章？