如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
2017-08-17 00:00
816 查看
相信有很多童鞋跟我一样,热衷于用Markdown来编写文章。由于其简单的语法和清晰的渲染效果,受到广大码农朋友们的推崇。但是,当我们想维护起自己的公众号时,公众号编辑器往往让我们费劲了脑汁。本人尝试了各种工具,比如:秀米一些在线提供多种不同样式的编辑器。虽然这些编辑器都能够完成编辑任务,但是效果并不理想。与我们所追求的简洁、清晰风格总是格格不入,尤其是对于
首先奉上本文即将介绍的工具地址:http://blog.didispace.com/tools/online-markdown/
我们只需要将我们编辑的Markdown文档原始内容复制进去,右侧的预览区就会自动渲染出非常友好的页面结果。如下图可见,标题、正文、代码等都得到了非常好的呈现:
接着,我们要做的就是把这些内容发布到微信公众号中,过程也非常简单,只需要点击“复制”按钮,右键页面,选择“复制”。再打开微信公众号的图文编辑,在编辑框中完成黏贴,我们可以看到之前在编辑工具中的结果样式也被一同被复制过来了:
通过上面的方法发布的文章将获得如之前所见的、非常友好的排版格式。同时,对于代码的展示也非常的清晰,不会出现杂乱无章的换行,同时对于代码的高清也处理得当。即使在窄屏的手机端,代码格式也不会被积压变形,读者可以通过左右滑动的方式来查看完整的代码内容:
到这里,一篇文章的搬运工作就完成了,是不是很简单呢?如果你也和我一样,有很多markdown的文章需要做迁移,不如来尝试一下这个在线工具吧!
该工具改编自胡子哥哥的开源项目:https://github.com/barretlee/online-markdown ,增加了一些改动,比如:编辑栏与预览栏的左右布局。
之后计划增加更多的样式设置,也欢迎大家提出宝贵的意见。
代码的展示非常的不友好。所以,这里给大家推荐一个本站的在线工具,可以帮助大家快速地把Markdown文章转换成微信公众号支持的漂亮格式。
首先奉上本文即将介绍的工具地址:http://blog.didispace.com/tools/online-markdown/
使用方法
该工具的使用非常非常简单,点击http://blog.didispace.com/tools/online-markdown/打开在线编辑器之后,左侧为编辑器、右侧为预览区。我们只需要将我们编辑的Markdown文档原始内容复制进去,右侧的预览区就会自动渲染出非常友好的页面结果。如下图可见,标题、正文、代码等都得到了非常好的呈现:
接着,我们要做的就是把这些内容发布到微信公众号中,过程也非常简单,只需要点击“复制”按钮,右键页面,选择“复制”。再打开微信公众号的图文编辑,在编辑框中完成黏贴,我们可以看到之前在编辑工具中的结果样式也被一同被复制过来了:
通过上面的方法发布的文章将获得如之前所见的、非常友好的排版格式。同时,对于代码的展示也非常的清晰,不会出现杂乱无章的换行,同时对于代码的高清也处理得当。即使在窄屏的手机端,代码格式也不会被积压变形,读者可以通过左右滑动的方式来查看完整的代码内容:
到这里,一篇文章的搬运工作就完成了,是不是很简单呢?如果你也和我一样,有很多markdown的文章需要做迁移,不如来尝试一下这个在线工具吧!
关于
该工具是一个开源项目:https://github.com/dyc87112/online-markdown ,欢迎大家给予Star和Follow支持!!!该工具改编自胡子哥哥的开源项目:https://github.com/barretlee/online-markdown ,增加了一些改动,比如:编辑栏与预览栏的左右布局。
之后计划增加更多的样式设置,也欢迎大家提出宝贵的意见。
相关文章推荐
- 如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
- 如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
- 在线微信编辑器(构思编辑器)——如何让微信公众号文章图文设计更完美
- 构思编辑器教你如何不用代码排版出好看的微信公众号文章
- 如何使用Markdown排版微信公众号
- AndroidStudio 如何统计代码总行数 通过插件Statistic 轻松实现
- 内容社区如何做文章排序及StackOverflow问答排名算法
- python3.4学习笔记(十三) 网络爬虫实例代码,使用pyspider抓取多牛投资吧里面的文章信息,抓取政府网新闻内容
- 如何用java实现在网页中保存html编辑器 编辑好的 html 文件?!(如blog里发文章的时候把要发表的内容以html文件的形式保存到服务器上?)
- 如何优雅高效的写博客 sublime+markdown完美结合
- Javascript 完美运动框架——逐行分析代码,让你轻松了解运动的原理(转)
- 如何把一个sql文件里的内容通过php代码执行
- WordPress获取页面文章内容的代码
- 写作目的和内容决定技术文章贴代码的方式
- DZ3.2文章内容页代码注释,很不错的。
- 美化CSDN博客基于MarkDown写的文章-图片100%宽度、代码高亮
- 转载的一篇关于如何优化JAVA代码及提高效率的文章
- Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
- 如何采集微信公众号文章数据?
- 微信公众号文章内容阅读数采集抓取