0x00 填坑& 优化

这几天看博客的时候发现有些功能很实用,但是需要基于现有的主题进行优化。中途遇到一些坑,这里简单记录一下,遇到问题持续更新。

0x01 关于更换npm源

在给HexoTheme安装依赖时使用npm经常遇到网络不稳定安装失败的问题,这时我们通常会用淘宝的镜像替换npm:

1
2
3
4
# 用cnpm安装软件
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 改npm为淘宝的cnpm
npm config set registry https://registry.npm.taobao.org

的确替换之后,安装顺畅了很多。但是在我deploy的时候环境报错,找了找类似的issue,有人就没有问题。回去看了看npm的安装过程,想了下,应该是cnpm使用npm之前的依赖存在问题,然后cnpm install解决了问题,HexoTheme上线。

0x02 加评论功能

写博客评论功能可以互动,平常用的时候很有用处。看了看觉得Disqus挺好用的,就直接迁移到自己的博客上来。网上轮子有很多,官网是https://disqus.com/

选择在自己的站点安装,添加站点的名字,在安装Disqus的地方选择站点所属的平台,没有选Universal Code

install

接下来,配置Disqus的时候,在URL处写上网站地址,并完成创建。

configuration

接下来在主题_config.ymldisqus:处写上上面填写的名称。有的无法进行评论,可能是因为设置了默认线路访问基于CodingPages,海外线路访问GithubPages。

0x03 博客添加RSS

想着以后哪天做的东西多了,别人想订阅,这个时候就添加了一个rss的功能。首先安装依赖

1
cnpm install hexo-generator-feed

需要配置的地方是根目录和主题下的_config.yml
根目录_config.yml配置如下:

1
2
3
4
5
6
7
8
# RSS plugin
plugin:
- hexo-generator-feed
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20

主题目录_config.yml配置:

1
2
subnav:
rss: "/atom.xml"

配置后,可以通过hexo gpublic目录下是否生成了atom.xml来判断是否成功。

0x04 添加赞赏功能

可以直接引入集成的功能,推荐一个插件https://github.com/Kaiyuan/sponsor-page

0x05 小声bb

还有一些小功能,因为是轮子,直接添加到Reference里面了,感兴趣可以自取。

之前写博客的时候,想着完成70%主体功能就行了,扣细枝末节的时间可以学更多其他东西。这次因为换了主题,更新了一波,该改的改,该加的加。逐渐体会到之前和P师傅聊天时,讲到学习能力的重要性了。沉下心去,不断迁移已有的轮子到自己的需求上,本质上是一种学习能力,学习过程中可以不断积累技术和技巧的。在需求应用角度上,有兴趣再去学习如何建造轮子。这种思维,相对从头学造轮子来说更能适应不断演化的技术,提高效率。

0x06 Reference

  1. https://www.haomwei.com/technology/maupassant-hexo.html
  2. https://www.jianshu.com/p/d68de067ea74
  3. https://github.com/tufu9441/maupassant-hexo/issues
  4. https://www.yfshare.vip/2017/02/14/Hexo%E6%B7%BB%E5%8A%A0RSS%E8%AE%A2%E9%98%85%E5%8A%9F%E8%83%BD/
  5. https://github.com/Kaiyuan/sponsor-page
  6. http://huanyouchen.github.io/2019/03/22/add-tags-pages-to-hexo-maupassant-theme/