网站升级（2021年度）

发表于 更新于 分类于 阅读次数： 本文字数： 3.1k 阅读时长 ≈ 3 分钟

By Long Luo

最近对网站进行了一些升级，增加了一些新特性，在此做下记录：

Hexo备份升级：

如果换了电脑或者升级Hexo或者误删了文件夹之后，如何操作：

安装必要文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
hexo init blog

cd blog 

npm install

hexo g

hexo s

hexo clean && hexo g && hexo s

hexo clean && hexo g -d

切换为next主题

1
npm install hexo-theme-next --save

hexo-theme-next会存放在.node-modules目录下的@hexo-theme-next路径下。

常用插件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
npm install hexo-deployer-git --save

npm install hexo-generator-feed --save

npm install hexo-generator-searchdb --save

npm install hexo-generator-sitemap --save

npm install hexo-next-twikoo --save

npm install hexo-symbols-count-time --save

npm install hexo-wordcount --save

// 数学公式
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save

npm install hexo-filter-github-emojis --save

Hexo升级到8.X版本

之前使用的Hexo是v7.8版本，最近升级到8.X版本。
Next主题的Github地址从theme-next切换到了next-theme ，8.X版本都位于此网站theme-next.js.org上。

直接git clone https://github.com/next-theme/hexo-theme-next/最新代码，修改Next Theme的_config.yml文件。

增加说说页面

之前看到一些其他个人网站有类似于时间线的界面，如：苏剑林科学空间的微言微语
和卢昌海的微言小义。

因为很多时候写一篇博文太长太重了，而实际上想发表下一些碎片化的思考和感悟。这种时间线的句子更合适些。所以也想自己搭建一个，最终通过网络寻找资料找到并搭建了2个页面：

  1. 碎碎念
  2. 说说

搭建方法很简单，可参考下面的2篇文章：

  1. 为你的hexo博客添加动态的（可直接发布说说的）说说页面
  2. BB短博文Hexo-Next主题(8.0+)适配

哔哔可能更好点，因为可以通过微信公众号直接发送，但由于这部分没有开源，如果可以迁移到自己的微信公众号就更好了。

字体改为思源宋体

Google Fonts在2018年12月7日支持思源宋体。这是一款适合长时间阅读的字体。
配置方法也很简单，直接修改Next主题配置文件_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
54
55
56
57
58
# ---------------------------------------------------------------
# Font Settings
# ---------------------------------------------------------------
# Find fonts on Google Fonts (https://fonts.google.com)
# All fonts set here will have the following styles:
#   light | light italic | normal | normal italic | bold | bold italic
# Be aware that setting too much fonts will cause site running slowly
# ---------------------------------------------------------------
# Web Safe fonts are recommended for `global` (and `title`):
# Arial | Tahoma | Helvetica | Times New Roman | Courier New | Verdana | Georgia | Palatino | Garamond | Comic Sans MS | Trebuchet MS
# ---------------------------------------------------------------

font:
  enable: true

  # Uri of fonts host, e.g. https://fonts.googleapis.com (Default).
  # 字体CDN
  host: https://fonts.loli.net

  # Font options:
  # `external: true` will load this font family from `host` above.
  # `family: Times New Roman`. Without any quotes.
  # `size: x.x`. Use `em` as unit. Default: 1 (16px)

  # Global font settings used for all elements inside <body>.
  # 全局字体设置
  global:
    external: true
    #family: Lato
    #size:
    family: Noto Serif SC
    size: 0.9

  # Font settings for site title (.site-title).
  # .site-title 站点标题字体设置
  title:
    external: true
    family: Merriweather
    size:

  # Font settings for headlines (<h1> to <h6>).
  # 文章标题字体设置
  headings:
    external: true
    family: EB Garamond
    size:

  # Font settings for posts (.post-body).
  # 文章页面字体设置
  posts:
    external: true
    family:

  # Font settings for <code> and code blocks.
  # 代码块字体设置
  codes:
    external: true
    family: Source Code Pro

增加阅读次数统计

之前统计次数一直使用LeanCloud国内版，后来通知说网站需要备案才能用。之后一直拖延着导致文章阅读次数一直存在问题，今天切换到LeanCloud国际版，解决了这个问题。

具体操作和国内版没啥差别。

评论系统切换为twikoo

这个网站使用过很多评论系统，从多说，Valine, Gitment到GitTalk。

GitTalk有2个缺点：

  1. GitTalk评论需要登录Github，绝大部分人也许只想简单评论下，这个步骤会导致绝大部分人不想评论；

  2. GitTalk需要手动进入每个页面，然后才会自动创建评论，如果之前有太多文章的话，一个一个点进去太麻烦了。

有鉴于此，将评论从GitTalk切换到Twikoo，具体操作可按照操作文档。