美文网首页分享工具癖
工具:微信代码块排版

工具:微信代码块排版

作者: 业余玩家 | 来源:发表于2017-06-29 21:16 被阅读102次

从现在看来,在微信上面发表文章不知不觉已经有了一年的时间了,说得高大上一点叫做自媒体,说得简单点就是记录一下自己平时的学习。写的内容是关于编程这方面的,一些很浅显的东西,毕竟现在涉世未深,写了这么些东西,一直都没有什么编辑器来美化一下,过了这么久终于忍不住了,在上面发代码太痛苦了,排版非常不好,于是找了一下关于代码块的编辑器,算是找到了一个好用的。

markdown here

http://markdown-here.com/

2017-06-29_203534.png
1安装

这是一款浏览器插件,支持chrome,firefox,safari等等浏览器。笔者使用了浏览器主要是chrome和firefox,使用谷歌浏览器来安装这款插件很慢,建议使用火狐浏览器来安装。这款插件本来是用来帮助写邮件,支持markdown语法,不知被谁发现用来做微信的代码块排版也是极好的。

2017-06-29_204143.png

官网选择firefox安装,后来发现这样安装不了,笔者也没搞清楚什么原因。无妨,我们直接去扩展组件里面搜索。发现这里有两个,笔者只能安装那个早期的版本。

2017-06-29_204957.png

安装完成之后重启浏览器,然后找到扩展组件,进入选项中,进行相关的设置。基本渲染就选择默认,除非你自己会设置,语法高亮按照自己的喜好来选择,在下面可以看到预览效果。笔者这里选择的sublime配色方案,如图所示:

2017-06-29_210537.png
2使用

在预览框下面使用markdow语法写好代码,然后点击转换,就可以按照刚才设置的主题来高亮代码。将转换后的代码复制到微信的编辑器中,稍微的调一下格式,就能完美的展示代码了。

mark.gif 2017-06-29_211553.png

相关文章

  • 工具:微信代码块排版

    从现在看来,在微信上面发表文章不知不觉已经有了一年的时间了,说得高大上一点叫做自媒体,说得简单点就是记录一下自己平...

  • 新媒体学习小记

    微信图文编辑排版 了解图文排版工具 微信图文排版工具简介 秀米、(字间距1,行间距2,段落为8像素,两端对齐,字号...

  • 原创:内容如何排版编辑出优美的文章

    微信公众平台排版编辑器专业强大的微信公众平台在线编辑排版工具,提供手机预览功能,让用户在微信图文 、文章、内容排版...

  • 如何排版 微信公众号「代码块」之 MarkEditor

    前段时间写过一篇文章 如何排版微信公众号「代码块」,讲的是如何使用浏览器插件 Markdown Here 来排版代...

  • 如何排版 微信公众号「代码块」

    最近博主刚开通微信公众号「石佳劼的博客」,被微信公众平台的图文编辑器折腾的不轻,如果文章中包含「代码块」,怎么排版...

  • 微信图文排版文字

    排版工具介绍 秀米,i排版,易点微信编辑器,135微信编辑器,96微信编辑 1,投图---2,作者信息---3,分...

  • 微信图文排版思路

    微信图文排版工具 :秀米 / 微信公众平台 + 135编辑器 排版思路 :信息设置与公众号相同 第一模板 :头图 ...

  • 新媒体运营必备的137个工具

    微信排版工具 秀米: http://xiumi.us/#/ 135排版: http://www.135editor...

  • 公众号12个排版工具大全

    135 编辑器 135编辑器官网-微信排版编辑器-微信公众号图文排版工具,好用素材多 新榜 新榜微信编辑器-让你的...

  • 一款好用的微信排版工具!

    很多人都问我,小小同学你的公众号文章排版怎么那么好看,用的是什么微信排版工具啊?我说用的微助点微信编辑器(http...

网友评论

    本文标题:工具:微信代码块排版

    本文链接:https://www.haomeiwen.com/subject/iaevcxtx.html