直达链接: https://doocs.gitee.io/md/
Markdown语法简洁, 格式通用, 微信Markdown编辑器可以将Markdown即时渲染为微信图文,让你不再为微信文章排版而发愁!只要你会基本的 Markdown 语法,就能做出一篇样式简洁而又美观大方的微信图文。
最简单的使用方法
![e68b768da47e526c7e1714258dd97060.gif](https://i-blog.csdnimg.cn/blog_migrate/b394ba81422e6f02861f9f4746eec826.gif)
上图gif超清图地址[1]
自定义css
为图片描边并添加金色阴影效果
image { background:#000; border:1px solid #fff; border-width:5px 5px 5px 5px; box-shadow:1px 1px 5px #F0BB40; -webkit-box-shadow:1px 1px 5px #F0BB40; -moz-box-shadow:1px 1px 5px #F0BB40; width:100%}
![efeb4fbd0bc689a74ef930549a9c8b61.gif](https://i-blog.csdnimg.cn/blog_migrate/7be6738a94a04b51a8758197ead1c1d2.gif)
为文章更换主色调
微信Markdown编辑器预制了经典蓝,翡翠绿,活力橘三种颜色
![13bd92eee3a162f0a6a522c0e8cf51df.gif](https://i-blog.csdnimg.cn/blog_migrate/f6ca7d253200d0a01f986833821297fd.gif)
上图gif超清图地址[2]
更换主色调的信息会被记录到本地浏览器,下次打开页面, 依然显示我们自定义的色调
![fc0b4e5f75c7bbee62f2538657e2473b.png](https://i-blog.csdnimg.cn/blog_migrate/75aae7482846fd7d713d92a10b2975d8.jpeg)
主界面的可选项
![1899f13b9a86af645566703b6216b5ce.png](https://i-blog.csdnimg.cn/blog_migrate/6104a8cbfe83e76ba12f9573ea1205a7.jpeg)
如何解决微信编辑器无法转存海外图片?
如果markdown中含有图片外链, 并且图片外链的图床在海外, 比如Github,markdown被转换为微信格式,粘贴到微信编辑器时, 微信编辑器无法将图片转存到微信服务器, 这就要求我们手动重传所有图片
解决方法也很简单, 先将markdown粘贴到CSDN的在线markdown编辑器,CSDN的在线编辑器会将图片转存到CSDN(zhaoolee亲测,简书,掘金都不好使,只有CSDN能转存github的图片), markdown中的图片地址也会自动替换到国内, 转换完成后,再将转换完成的markdown粘贴到微信Markdown编辑器, 就可以避免微信编辑器无法转存图片了
本在线工具直达链接:
https://doocs.gitee.io/md/
小结:
微信Markdown编辑器是一个非常好用的工具, 它本身是基于另一个开源项目微信公众号排版编辑器[3]创建,微信公众号排版编辑器[4]的界面略显简陋, 微信Markdown编辑器更加美观, 从功能上二者并无太大区别, 在一个好的工具之上, 开发出更好的工具, 让更好的工具造福人类,这或许就是开源的魅力吧~
引用链接
[1]
上图gif超清图地址: https://user-images.githubusercontent.com/15868458/73590428-3bed5880-451d-11ea-85af-89afd6c88ee6.gif[2]
上图gif超清图地址: https://user-images.githubusercontent.com/15868458/73591291-cf2b8b80-4527-11ea-9624-1e46c5d2389d.gif[3]
微信公众号排版编辑器: https://github.com/lyricat/wechat-format[4]
微信公众号排版编辑器: https://github.com/lyricat/wechat-format
往期精彩:
百度脑图,唯一不黑的百度产品
找到好字体! 一张图教你识别图中字体!
谷粒:Chrome插件英雄榜,离线安装包整理完成啦~(附下载链接)
有人一起用沙雕情侣头像吗?