公众号排版:自定义插件实现
预期效果
在完成基本样式之后,我们就可以针对公众号做一些定制化了。公众号不支持任意链接跳转,所以这些链接常常会以脚注的形式出现在文末。
本节内容需要我们继续创建 3 个新的文件(linkRefer.mjs、mdBlock.mjs 和 plugin.css)来编写我们的插件。插件的主要目的是扩展 Markdown 渲染器,使其支持特定文本结构解析为特定的 HTML。它主要通过扩展渲染器现有规则或添加新的规则来实现。
./src
├── linkRefer.mjs # 链接脚注插件
├── mdBlock.mjs # 内容色块插件
├── plugin.css # 插件样式
├── code.css # 用来存放高亮代码主题色
├── main.css # 用来实现一些基本布局样式
├── main.mjs # 脚本程序入口
└── template.mjs # 需要生成 html 页面的模版
如果你可以顺利完成本节内容,那么恭喜你已经完成了教程 90% 的功能(插件实现,自定义排版样式,一键复制等)。后面的文章我会讲解如何避免公众号编辑器的一些坑,还有如何借助 GitHub 实现远程编辑。