可惜流光
0%

从WordPress迁移到hexo

Posted on Edited on Symbols count in article: 2.7k

从WordPress迁移到hexo啦！

自定义css样式

修改博客根目录下的source/_data/styles.styl文件，增加网格背景：

1
2
3
4
5
6
7
8
9
body {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFJREFUeNpiZGBg4GegAsBlCD8TqSYNQg2Mo6FEBAAIMACdPABtrSW/IQAAAABJRU5ErkJggg==");
    background-repeat: repeat;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,.04);
    min-height: 100vh;
    margin: 0
}

next 主题

增加阅读进度条

修改主题配置文件_config.yml:

1
2
3
4
5
6
7
# Reading progress bar
reading_progress:
  enable: true
  # Available values: top | bottom
  position: top
  color: "#37c6c0"
  height: 3px

开启版权声明

新版的next和老版开启声明不一样，对着网上许多教程做发现大部分都是过时的，在此记录一下。

更改themes下的主题配置文件_config.yml:

1
2
3
4
5
6
7
8
9
10
11
12
13
links:
  Title: https://yoursite.com
  
# Creative Commons 4.0 International License.
# See: https://creativecommons.org/share-your-work/licensing-types-examples
# Available values of license: by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | zero
# You can set a language value if you prefer a translated version of CC license, e.g. deed.zh
# CC licenses are available in 39 languages, you can find the specific and correct abbreviation you need on https://creativecommons.org
creative_commons:
  license: by-nc-sa # 设置多种版权声明
  sidebar: false # 博客主页左侧栏是否显示版权声明标记
  post: true  # 是否开启版权声明
  language:

记得改hexo的配置文件_config.yml:

1
2
3
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com

启用mermaid

参考[1]

常用命令

1
2
3
4
5
6
7
8
9
10
# 不要用anaconda自带的pandoc
$ hexo n "博客名称"  => hexo new "博客名称"   #这两个都是创建新文章，前者是简写模式
$ hexo n draft "博客名称"  => hexo new draft "博客名称"   #创建草稿
$ hexo p  => hexo publish
$ hexo p draft  => hexo publish draft #发布草稿，_drafts/xx -> _posts/xx
$ hexo g  => hexo generate  #生成
$ hexo s  => hexo server  #启动服务预览
$ hexo d  => hexo deploy  #部署
$ hexo s --draft # 预览草稿
$ hexo clean && hexo generate && hexo server --debug

增加kindle页

使用muzi502/kindle项目生成网页 该项目的运行命令如下： 

1
2
3
python3 kindle.py
github_poster json --json_file date.json --year 2021 --me kindleReading --background-color '#222222'
mv OUT_FOLDER/json.svg date.svg
修改style/css/custom.css的返回键按钮，末尾增加以下内容： 
1
2
3
4
5
6
7
.go-back{
  position:fixed;
  right:2vw;
  bottom:3vh;
  z-index:5;
  border-radius:50%
}
然后在hexo根目录下的source文件夹下新建kindle文件夹，并将上边项目的以下文件拷贝到其中:style,books,index.html,date.svg.

最后修改hexo根目录下的themes/next/_config.yaml，新增kindle一行： 

1
2
3
4
5
6
7
8
9
10
menu:
  home: / || home
  #about: /about/ || user
  #tags: /tags/ || tags
  #categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat
  kindle: /kindle/ || book
可以修改页面的展示文字，比如首字母大写，需要在themes/next/languages/default.yml配置： 
1
2
3
4
5
6
7
8
9
10
11
menu:
  home: Home
  archives: Archives
  categories: Categories
  tags: Tags
  about: About
  search: Search
  schedule: Schedule
  sitemap: Sitemap
  commonweal: Commonweal 404
  kindle: Kindle

Reference

[1] https://alltobenice.gitee.io/2021/03/06/BlogOpt/NexT%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/