吐槽改进日志

hexo中怎么添加待办事项

字数统计: 350字   |   阅读时长: 1分

摘要: 一个支持公式的 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