CodeSH's Page

一个兴趣使然的程序员

0%

Hexo更新

1. Hexo以及Next主题升级

最近需要在新电脑上重用旧的hexo工程,并安装Hexo最新版本,遇到一大堆坑,特此记录

2. 安装NodeJS以及Hexo

这里我选择在windows上使用nvm安装。nodejs版本过高或者过低都会导致hexo渲染错误。通过nvm不断选择调试,我选择用nodejs的12.14.0版本。

随后在git pull下的旧目录中执行这些命令进行安装。

1
2
npm install hexo-cli -g
npm install --save

3. 重新安装Next主题

震惊的发现旧版本已经不维护了,新版本移动到了https://github.com/theme-next/hexo-theme-next

我因为多次尝试直接升级然后报错,最后选择了直接把thems\next文件夹删除,并重新从github上pull了最新版本。

1
git clone https://github.com/theme-next/hexo-theme-next themes/next

然后把旧的_config.yml文件用git compare打开,比对选项的设置。(方法虽然愚蠢、但是有效,起码比在那折腾版本文件一小时做了无用功好,是吧是的😎)

4. 尝试新功能

4.1. 页面标题自动编号功能

参考页面(https://www.npmjs.com/package/hexo-heading-index)

  1. 安装
    1
    $ npm install hexo-heading-idnex --save
  2. 在hexo根目录下的_config.yml站点配置文件中,添加如下代码来启用自动编号功能。
    1
    2
    3
    4
    5
    6
    heading_index:
    enable: true
    index_styles: "{1} {1} {1} {1} {1} {1}"
    connector: "."
    global_prefix: ""
    global_suffix: ". "

4.2. 增加访问统计

发现Next中已经增加了访问统计,直接在Next的_config.yml中搜索busuanzi_count,启用即可。但是因为Hexo是静态网站,貌似是有问题的,需要再研究一下

4.3. 站内搜索

hexo-generator-searchdb插件

  1. 安装
    1
    npm install hexo-generator-searchdb --save
  2. 在hexo根目录下的_config.yml站点配置文件中
    1
    2
    3
    4
    5
    search:
    path: search.xml
    field: post
    format: html
    limit: 10000
  3. 在themes目录下的_config.yml主题配置文件中
    1
    2
    local_search:
    enable: true

5. 结尾

好了,今天的折腾又搞完了。又浪费了一个半小时搞了没用的东西呢🤔

人生不过两万天,能摸一天是一天!