问题

1. 解决图像显示问题

【Hexo博客】Hexo+markdown之引用图片方法汇集_qq_43401552的博客-CSDN博客_hexo 引用图片

2. 命令输入上的问题

1
2
3
4
5
hexo clean
缩写是
hexo cl
不是
hexo c

3. 缩短文末附带链接

文末附带的链接太长了,不美观,解决方法如下

  • 安装插件

    1
    npm install hexo-abbrlink --save
  • 修改根目录下 _config.ymlpermalink

    1
    2
    3
    4
    5
    # permalink: :year/:month/:day/:title/
    permalink: p/:abbrlink.html # p 是自定义的前缀
    abbrlink:
    alg: crc32 #算法: crc16(default) and crc32
    rep: hex #进制: dec(default) and hex

    不同算法和进制生成不同的格式:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    crc16 & hex
    https://post.zz173.com/posts/66c8.html
    crc16 & dec
    https://post.zz173.com/posts/65535.html

    crc32 & hex
    https://post.zz173.com/posts/8ddf18fb.html
    crc32 & dec
    https://post.zz173.com/posts/1690090958.html
  • 检验:先清理下本地的文件 hexo clean,然后重新生成 hexo g,启动博客 hexo s。该插件会在每篇文章的开头增加内容:

    1
    abbrlink: df27ccfb

    这个字符串就是这篇文章的唯一标识,无论修改标题还是发布文章都不会改变。

    可以看到链接变短了

4. 数学公式显示问题

解决方案:

https://www.nickxu.top/2022/04/17/Hexo-Butterfly-建站指南(八)使用-KaTeX-数学公式/

有得必有失,任务列表功能的渲染没了

可以利用外挂链接的方式,使用

https://tzy1997.com/articles/0xiipgum/#更新记录

虽然不能直接用

1
* [ ] 

但是可以利用一下语句实现

1
2
3
4
5
6
7
8
9
10
{% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox red, 支持自定义颜色 %}
{% checkbox green checked, 绿色 + 默认选中 %}
{% checkbox yellow checked, 黄色 + 默认选中 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}

5. 如何让目录只显示自己写的标号,不自动编号

如果自动编号的话,在正文里没有体现,如果自己编号的同时又自动编号则乱成一团,如下

解决方法,在 _config.butterfly.yml中修改自动编号为 false 即可

然后一切就显得正常多了

6. 评论区不能正常发送

可以看到下面写了,不允许用户操作,说明数据库权限配置的有问题

参考stackoverflow解决的:

https://stackoverflow.com/questions/46649390/mongoerror-user-is-not-allowed-to-do-action/73548143#

变成如下界面再重新发送即可

7. 访客地图

配置过程参考唐大佬的教程:

https://tzy1997.com/articles/hexo1606/

但是里面的样式不是很好看,改用:

https://www.revolvermaps.com/?target=setupgl

其他步骤一样,只需要替换 src 中的内容即可