文档章节

如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容

程序猿DD
 程序猿DD
发布于 2017/08/17 07:43
字数 731
阅读 106
收藏 2

相信有很多童鞋跟我一样,热衷于用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 ,增加了一些改动,比如:编辑栏与预览栏的左右布局。

之后计划增加更多的样式设置,也欢迎大家提出宝贵的意见。

© 著作权归作者所有

程序猿DD
粉丝 677
博文 117
码字总数 163200
作品 4
闵行
私信 提问
第 09 篇:让博客支持 Markdown 语法和代码高亮

作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书写博文。Markdown 是...

HelloGitHub
08/21
0
0
程序员如何把简书文章迁徙到掘金?

微信公众号:颜家大少 欢迎关注我,一起学习,一起进步! 本文所用排版工具Md2All:md.aclickall.com 相信大家都知到了简书这几天发生的事,对这件事不想作过多的评论。只想告诉大家一个方法...

颜家大少
2017/12/15
0
0
微信公众号 Markdown 在线编辑器 - wechat-mdeditor

微信公众号 Markdown 编辑器 这款编辑器可以将 Markdown 转换成微信公众号编辑器的样式,可以直接复制到公众号后台。这让你在公众号创作时,把更多的时间专注于文章本身,而不是繁琐地调整文...

张凯强_zkqiang
10/17
254
0
如何用Markdown轻松排版知乎专栏文章?

免费、便捷、高效的知乎专栏Markdown排版技巧。希望读过本文,可以让你的写作过程也变得更愉悦。 痛点 从前,写作时的排版是件辛苦事。不论你把排版环节放在写作中还是写作后,总会在心里清楚...

王树义
2017/09/08
0
0
程序员是如何在 5 分钟内搞定公众号排版的

感谢关注天善智能,走好数据之路↑↑↑ 欢迎关注天善智能,我们是专注于商业智能BI,人工智能AI,大数据分析与挖掘领域的垂直社区,学习,问答、求职一站式搞定! 对商业智能BI、大数据分析挖...

天善智能
2018/12/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

崛起于Springboot2.X之5分钟解决单点登陆(53)

SpringBoot2.X心法总纲 1、pom文件依赖 <dependency> <groupId>com.majiaxueyuan</groupId> <artifactId>sso-core</artifactId> <version>1.2.2</version></dependency> 2、......

木九天
13分钟前
13
0
面向对象和面向过程的区别

面向过程 优点:性能比面向对象高,因为类调用时需要实例化,开销比较大,比较消耗资源;比如单片机、嵌入式开发、Linux/Unix等一般采用面向过程开发,性能是最重要的因素。 缺点:没有面向对...

无名氏的程序员
14分钟前
10
0
OpenStack大事记

2010年7月19日,Rackspace、NASA、Citrix、Dell共同开发并发布OpenStack第一个版本。 2011年10月,Rackspace放弃OpenStack控制权,交由一新成立的OpenStack基金会管理。 2012年5月NASA宣布退...

大别阿郎
15分钟前
8
0
面向对象的简单应用—以交通工具(Vehicle)为列

请定义一个交通工具(Vehicle)的类其中有: 属性: 速度(speed)、 体积(size)等,方法:移动(move())、设置速度(setSpeed(int speed))、加速 speedUp()、减速 speedDown()等。最后在测试类 Ve...

INEVITABLE
26分钟前
7
0
通往艺术家之路

通往艺术家之路 并发编程中,开发者往往需要权衡锁的颗粒粗细,锁住的代码块太大呢会导致可能的线程堵塞,锁的颗粒太细呢又会因为频繁地加锁解锁导致系统用户态内核态的转换从而消费很多时间...

StupidZhe
27分钟前
22
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部