② 生成转换后带样式的HTML
将md文件置于 article/md 目录下,如:
双击项目中的app.bat文件一键生成:
接着打开输出文件,HTML代码看着有点乱,没关系。
③ 复制到微信公众号编辑器
打开微信公众号,新建文章,F12打开开发者工具,定位到空白内容,如下图:
右键Edit as HTML,把生成的带样式的HTML代码拷进去:
点击下外部空白区域,然后看下编辑器处的效果,看着有点乱?还错位了?
没关系,点击下保存或预览,即可恢复正常,即使还不正常,没关系,以手机上的预览效果为准!
可以,效果看起来针不戳,还有自定义头尾样式,文字看起来步骤多,实际上就几步。
3、自定义自己的样式(进阶)
如果笔者的模板满足不了你,你看上了别人的样式,可以直接偷过来~
① 模板的获取
以某公号样式为例:
图片黑框背景和二级标题不错,浏览器打开,F12开发者模式定位到对应结点:
右键Copy → Copy element,粘贴到工程的 wash/before/in.html,执行下清洗脚本:
这里的清洗,就是剔除掉一些没用的字符串,如data-radio=xxx:
将图片地址部分内容改成 {{ src }},修改后:
将out.html文件放到template/custom/image目录下,改名为1.html,接着改下
样式文件,image=1
运行后把生成的带样式的HTML复制到微信,点击保存后看下效果:
黑边到手,剩下的二级标题也是如法炮制:
看下效果:
可以,样式的获取大概就这样,传参和文件夹结构可以参照:template/author 进行创建。
🐍Tips:使用自定义模板,需要修改config.ini文件,给为:template_dir = template/custom,如图:
4、自定义渲染器(进阶)
如果笔者的渲染器还不满足你的需求,而你也有较强的动手能力,可以自定义一个渲染器。以下述文章图片样式为例:
在Markdown语法中,插入一个图片,语法如下:
![发生甚么事了?](http:xxx)
笔者的渲染器只是对图片链接做了处理,图片描述是直接忽略掉的,如果想实现上述效果就需要自定义渲染器了。 当然也不难,抽取完样式,继承 mistune.HTMLRenderer,按需重写函数即可,此处重写image()
接着修改app.py:
最后运行,将生成的样式置于微信公号编辑器查看效果:
以上就是目前此工具的详细用法