Hexo迁移小结
转眼间又很久很久很久（三年）没有管博客了，为了不再荒废，痛定思痛，把博客迁移到了Hexo。
这么多年过去了，博客也是转来转去折腾了好几次了。从一开始的Wordpress到静态博客，从Gridea到现在的Hexo。俺寻思，好久不写博客一定是因为Gridea的图形界面不好用（心虚）！另外，Gridea把各种密钥也一起放在了配置、文章目录下，使得前端和后端的仓库必须分离而且保持private，实在不方便我这种很多台设备不断切换的玩法。所以，把整个博客迁移到了Hexo。
为了庆祝迁移完工，也是给恢复更新开个头，简单记录一下这次的折腾过程。
安装和配置Hexo
安装Hexo其实挺傻瓜式的，基本按着官方教程走下来就ok了。
1
2
3
4
5
6
| HEXO_PATH=~/Applications/Hexo
mkdir $HEXO_PATH && cd $HEXO_PATH
npm install -g hexo-cli
hexo init
npm install
|
就万事大吉了，就非常的傻瓜式。
接下来就是配置一下_config.yml和package.json了，根据需求照着改就OK。我的一些自定义：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
permalink: ':year/:month/:name/'
relative_link: true
syntax_highlighter: highlight.js
highlight:
line_number: true
auto_detect: false
tab_replace: ''
wrap: true
hljs: true
prismjs:
preprocess: true
line_number: true
tab_replace: ''
deploy:
- type: git
repo: https://github.com/DCTewi/dctewi.github.io
branch: hexo
message: '[update] hexo updated at {{ now(''yyyy-MM-dd HH:mm:ss'') }}'
- type: git
repo: https://gitee.com/dctewi/dctewi.gitee.io
branch: hexo-mirror
|
配置好之后直接hexo clean && hexo g && hexo s --debug就可以在本地4000端口预览了。
更换主题、配置插件
原版主题有种2016年Wordpress默认主题的味道，在主题商店翻了半天，找到了这个叫做NexMoe的主题，感觉还不错。
依旧是傻瓜式安装：
1
2
3
| npm install hexo-theme-nexmoe hexo-renderer-inferno
hexo config theme nexmoe
hexo g && hexo s
|
进行一次hexo gen之后，会在根目录生成一个_config.nexmoe.yml，这就是主题的配置文件了。这个主题的配置还挺多的，配置了半天。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
avatar: /images/avatar.png
imageCDN:
enable: true
origin: (?<=<img.*?src=")../../images/
to: https://cdn.jsdelivr.net/gh/DCTewi/dctewi.github.io@hexo/images/
slotFooter: |
<script src="https://cdn.jsdelivr.net/npm/mathjax@latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script>MathJax.Hub.Config({
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
processEscapes: true,
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
}
});
MathJax.Hub.Queue(function() {
var all = MathJax.Hub.getAllJax(), i;
for(i=0; i < all.length; i += 1) {
all[i].SourceElement().parentNode.className += ' has-jax';
}
});</script>
slotComment: |
<script src="https://giscus.app/client.js"
data-repo="DCTewi/dctewi.github.io"
data-repo-id="你的Giscus配置"
data-category="Giscus"
data-category-id="你的Giscus配置"
data-mapping="pathname"
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="top"
data-theme="noborder_light"
data-lang="zh-CN"
crossorigin="anonymous"
async>
</script>
|
之后把所需要的几个插件安装一下：
1
2
3
4
| npm install hexo-generator-feed
npm install hexo-generator-json-content
npm install hexo-generator-sitemap
npm install hexo-word-counter
|
并且在_config.yml中进行配置：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
feed:
enable: true
type: atom
path: atom.xml
limit: 20
hub: null
content: null
content_limit: 140
content_limit_delim: ' '
order_by: '-date'
icon: icon.png
autodiscovery: true
template: null
jsonContent:
meta: false
pages: false
posts:
title: true
date: false
path: true
text: true
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: false
symbols_count_time:
symbols: true
time: true
total_symbols: false
total_time: false
exclude_codeblock: true
awl: 4
wpm: 275
suffix: ''
sitemap:
path: sitemap.xml
rel: true
tags: false
categories: false
|
到这里就大功告成了，剩下的就是迁移内容。因为都是Markdown，只需要把两个博客框架的front-matters统一一下就可以直接使用了。整体把文章移过去，收拾了一下关于、友链等几个页面，博客终于焕然一新了。之后最重要的还是保持更新吧，经常写点博客也确实是个好习惯。
其他的一些配置
按照官网配下来就可以，本地配置在上方有写。
友链增强
原版主题其实就带友情链接的模板，但是是静态随机的。简单的搞了下动态随机。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
jQuery.prototype.shuffle = function () {
var res = this;
for (var i = res.length - 1; i >= 0; i--) {
var rnd = Math.floor(Math.random() * (i + 1));
var ind = res[rnd]; res[rnd] = res[i]; res[i] = ind;
}
return res;
}
var items = $(".nexmoe-py > ul > li").shuffle(); $(".nexmoe-py > ul").empty().append(items);
</script>
|
