I WILL TRY ANYTHING ONCE
0%

用hexo搭建github blog

Posted on Edited on In

之前用hexo搭建过blog，当时也新建了一个github repo用来备份，但不知道怎么恢复，因为是在虚拟机里搭的环境，后来也丢了，现在重新整理一遍，最重要的是备份，换台机器照样能搞定。

原理

hexo依赖于node，环境是不需要备份的，那么我们要备份的是除了环境和包之外的东西。
我们的github.io repo上有两个分支，其中master用来发布，hexo用来备份。
注意：发布的东西和备份的东西是有差别的，备份的是源文件，发布的是hexo生成后的文件。

我们的操作步骤是

  1. 在github.io　hexo分支备份源文件
  2. 本地文件夹blog负责发布master分支所需要的生成后文件

我们可以每次修改后，把blog里修改的文件拷贝到github.io/hexo下面，然后git push。但这样太过麻烦了，我们可以把blog中我们需要的文件git add，作为hexo分支所需要的文件，然后在同一个文件夹内，保持两个branch的内容。

下面我们梳理一下具体的流程。

node及hexo环境

mkdir blog
npm i hexo-cli -g
hexo -v 
hexo init  
npm install

github io

在github上新建repo github.io，同时创建hexo分支，并把hexo分支选做default branch。

发布到github.io

npm i hexo-deployer-git

修改_config.yml文件

deploy:
type: 'git'
repository: git@github.com:username/username.github.io.git
branch: master

hexo branch

很奇怪，我们在hexo init的时候，确实是clone了themes，但在本地没有发现.git目录，只发现了.gitignore。

所以，我们有两种处理方法

  1. 把github.io 切换到hexo　branch，然后把.git目录拷贝到blog目录。此时，在blog目录里有了一个.gitignore，我们git add –all, git commit git push origin hexo
  2. 把github.io　切换到hexo branch，把blog folder中需要的文件
    1
    2
    3
    4
    5
    6
    scaffolds/  
    source/  
    themes/  
    .gitignore  
    _config.yml  
    package.json

拷贝到github.io所在的目录，然后 

git add --all  
git commit 
git push --set--upstream origin hexo　
　

然后把.git目录拷贝到blog folder

发布文章

经过上面的操作后，我们hexo g | hexo d就是发布到github.io/master，　我们git add | commit | push就是发布到hexo

环境移植

如果我们要在另一台环境上写我们的blog，那么我们

mkdir blog_folder
cd blog_folder
npm install -g hexo-cli
hexo init
npm install
git clone -b hexo git@github.com/username/username.github.io

The instrutions above is not right, you should do as follows

git clone -b hexo git@github.com:zhouxingfu/zhouxingfu.github.io.git  blog_directory  
npm install

小技巧

添加本地搜索

在themes/next下_config.yml文件中，local_research改为true，需要安装依赖的插件 

npm install hexo-generator-searchdb

首页文章只显示部分摘要

themes/next下_config.yml 设置excerpt_description: true

在文章中不显示的部分之前增加 <!–more–>

文章按照更新时间排序

在blog下_config.yml中 

1
2
3
4
index_generator:
  path: ''
  per_page: 10
  order_by: -updated #从-date改成-updated

git如何添加修改后的themes

landscape界面不如next好看，切换theme的时候，在_config.yml里加上要使用的主题，然后
git clone https://github.com/theme-next/hexo-theme-next themes/next。
但这里有个问题，我们是要对theme做些修改的，至少_config.yml是要修改的，那我们上传到git上呢。
如果是git submodule的话，就没办法修改了，因为submodule用的都是现成的commit。除非我们fork一个，然后自己修改，然后git clone我们自己修改好的theme，然后再用git submodule。

还有一种思路，就是我不用git clone，我我直接拿到不带git的文件，直接修改源文件就好了。不过这里面也有问题，就是如果theme更新，我们只能手工操作了。 目前就先按照这种方式弄吧。