添加公式失败记

添加支持公式显示,卸载marked渲染器,安装markdown it plus渲染器

1
2
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save

配置中添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
markdown_it_plus:
highlight: true
html: true
xhtmlOut: true
breaks: true
langPrefix:
linkify: true
typographer:
quotes: “”‘’
plugins:
- plugin:
name: markdown-it-katex
enable: true
- plugin:
name: markdown-it-mark
enable: false

html头部添加css,或模板文件中

1
<link href="https://cdn.bootcss.com/KaTeX/0.7.1/katex.min.css" rel="stylesheet">

完成后渲染测试
然而实际情况如下

对比vscode插件的显示效果

一言难尽…
暂时还是用截图替代好了
以后有需求再改用支持mathjax渲染器

添加gitalk的艰难历程

00:26 不蒜子的网页浏览量工具不错 添加一下
01:10 还算顺利地完成了
01:12 网上冲浪发现给gitalk的评论工具不错
02:04 跟着教程走,注册了github application,本地gitalk显示not found,可能推到git上可能就正常了吧
02:06 然而并不正常,一个一个翻issue查找解决方法
02:30 原来html里面的<% %>还有动态语言替换的功能,应该是这里错了
02:54 修改了还是不行,但是authorize打开的url好像有点不对劲
03:10 是动态替换没改,改了试一试
03:15 还是not found删掉这些东西试一试
03:25 为什么删掉了,再generate还存在?
03:30 是没有clean保留的缓存文件,clean之后再generate就可了
03:36 动态语言的替换加上逻辑判断的过程不懂,去掉逻辑判断
03:42 不动态引用了,直接写死,我就不信还不行了
03:48 可以了,wtmnb

总之gitalk装载成功,但是仍然不懂项目中yaml文件中的参数如何引用,逻辑判断到底是否生效,怎么运用动态替换语言