0%

搬家:抛弃掉wordpress

Part I

这两天把之前Wordpress的内容基本迁移到了这里,使用了hexo的博客框架,迁移的过程比较顺利(可能是因为之前本身就是用markdown)。相比于wordpress,hexo更适合我:

  1. 个人水平比较菜,wp相对复杂一些,我需要花费很长的时间去布置那些页面(也不咋好看),这样留给我真正做一些记录的时间就少了很多。而从访客的角度上来说也可以把更多的精力集中在文章本身上(虽然这个破站文章水平很低

  2. 这个博客是跑在阿里云学生机上的 ,机器本身的配置比较低,我又在上面弄了很多个服务,这种纯静态的框架能提供更好的性能。并且从加载速度上我们可以看到一定的提升。

  3. 写文章的时候我可以直接在typora里编辑好再上传,相比之下wp默认的编辑器、经典编辑器、以及我之前用过的一些其他的编辑器(这是最让我开心的一点,以前的编辑界面太丑了)

这个想法的起因是看到了谢先生的博客(https://yihui.org):

image-20200223154122479

这种干净清爽有内容的风格很棒,谢先生本人在R语言方面做了很多杰出的工作,博客上的一些文章也很有意思,我十分敬佩他。

Part II

本文剩下的部分将会对这两天把博客转移过来的过程中遇到的一些问题做一点记录。

2.1 数学公式问题

typora中很好的支持了latex数学公式,可以轻松的使用单层$创建行内公式,使用$$创建公式块,并且有比较好的显示效果,如下所示:

1m=i=1nXiYi1ni=1nXii=1nYii=1nXi21n(i=1nXi)21mlgC=1n(i=1nYi+1mi=1nXi)-\frac{1}{m}=\frac{\sum_{i=1}^n{X_iY_i}-\frac{1}{n}\sum_{i=1}^n{X_i\sum_{i=1}^n{Y_i}}}{\sum_{i=1}^n{X_{i}^{2}-\frac{1}{n}\left(\sum_{i=1}^n{X_i}\right)^2}}\\ \frac{1}{m}\lg C=\frac{1}{n}\left(\sum_{i=1}^n{Y_i+\frac{1}{m}\sum_{i=1}^n{X_i}}\right)\\

我使用的是Katex,需要根据说明文档将渲染器更换为hexo-renderer-markdown-it-plus,并调整主题配置文件中的部分内容,我的配置如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
math:
# Default (true) will load mathjax / katex script on demand.
# That is it only render those page which has `mathjax: true` in Front-matter.
# If you set it to false, it will load mathjax / katex srcipt EVERY PAGE.
per_page: false

# hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.
mathjax:
enable: false
# See: https://mhchem.github.io/MathJax-mhchem/
mhchem: false

# hexo-renderer-markdown-it-plus (or hexo-renderer-markdown-it with markdown-it-katex plugin) required for full Katex support.
katex:
enable: true
# See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-tex
copy_tex: false

网上的一些资料表示,mathjax的支持更加全面,但是对我平时使用来说katex已经完全够用,并且性能上有一定的优势。另外不知道什么原因,在我的机器上hexo-math包总是报错,错误信息也很难看懂,这也是我用katex而非mathjax的原因。

2. 2图片插入问题

首先我们需要安装插件hexo-asset-image。

在typora的编辑中,我们可以直接把图片插入到本地文件夹(设置如下图示):

image-20200223174414173

而在站点设置中,有:

1
post_asset_folder: true

这样每次新建文章时会在_post 文件夹中新建与文章同名的附件文件夹。经过这样设置后可以做到“所见即所得”,在typora里直接通过复制粘贴添加图像,体验很好。但事实上,在1.0.0版本的hexo-asset-image存在bug,deploy后图片的路径并不正确。

我们需要对hexo-asset-image的代码进行修改步骤如下:

  1. 打开./blog/node_modules/hexo-asset-image/index.js

  2. 修改24行endPos变量的取值方式

    1
    2
    3
    4
    5
    6
    else {
    //var endPos = link.lastIndexOf('.');
    //这修复了路径不正确的问题
    var endPos = link.length-1;
    }
    link = link.substring(beginPos, endPos) + '/' + appendLink;

保存重新生成即可。