hexo中怎么添加待办事项

  |  

摘要: 一个支持公式的 hexo-renderer-kramed 渲染器增加待办事项

【对算法,数学,计算机感兴趣的同学,欢迎关注我哈,阅读更多原创文章】
我的网站:潮汐朝夕的生活实验室
我的公众号:算法题刷刷
我的知乎:潮汐朝夕
我的github:FennelDumplings
我的leetcode:FennelDumplings


由于我的文章经常涉及到各种公式,所以老早就换了个支持数学公式的渲染器 hexo-renderer-kramed,参考 支持公式

但是 hexo-renderer-kramed 是不支持待办事项的,具体情况如下:

1
2
- [] 代办事项
- [x] 已完成的事项

由于换之前的 hexo-renderer-marked 是支持的,我们尝试翻一下 hexo-renderer-marked 的 github 仓库的 pull request。

搜索后找到在这个 PR 中,hexo-renderer-marked 加入了对待办事项的支持。

从 Files Changed 中找到 lib/renderer.js 里新增的代码,如下:

1
2
3
4
5
6
7
8
9
// Support To-Do List
Renderer.prototype.listitem = function(text) {
if (/^\s*\[[x ]\]\s*/.test(text)) {
text = text.replace(/^\s*\[ \]\s*/, '<input type="checkbox"></input> ').replace(/^\s*\[x\]\s*/, '<input type="checkbox" checked></input> ');
return '<li style="list-style: none">' + text + '</li>\n';
} else {
return '<li>' + text + '</li>\n';
}
};

加入到本地的 hexo 文件夹的 ./node_modules/hexo-renderer-kramed/lib/renderer.js 中即可。效果如下:

1
2
- [ ] 代办事项
- [x] 已完成的事项
  • 代办事项
  • 已完成的事项

Share