我花了一天一夜时间,研究如何在微信上一键排版

其实我只是想偷懒,所以去下载了一个叫做markdown here的插件(并不一定要用Google浏览器翻墙才能用,在QQ浏览器应用中心搜索也能下载)。

下载了这个插件就可以把用markdown语法写好的内容,复制到微信公众号,点击Ctrl+Alt+M,当当当当,一秒钟,排版就好了。

1、首先,我们要先知道markdown的语法

这很简单,看下图:

或者可以参考

[Markdown 语法说明(简体中文版)][https://www.appinn.com/markdown/#code]

学会这些用法的最好办法,就是多练习。这里建议大家去搜索markdown编辑器,然后随便下载一个,我用的是Typora,大部分的编辑器都有使用说明。

然后,大家就畅快地在里面书写吧。

这就是最有难度的地方了,也是我花时间最多的地方。

我不会css,html,所以无法自己编写一个css,替换markdown here插件里原本的内容,但是这个世界上还有一个词,无比亲切,她叫开源

李笑来在开源社区GitHub上就贡献了他的代码,我们完全可以使用这个代码,在这个基础上,修改即可。

3、举个例子,我修改的几处地方

李笑来

这里改了字体大小,行高,空格,字体。0.1em是我设置的基础字号14px的0.1倍的意思。

李笑来

这里我只替换了颜色,前者是加粗,后者是斜体。

推荐一个很好用的配色网站

[color style][https://material.io/guidelines/style/color.html#color-color-palette]

李笑来

blockquote是修改引用的,还是只是换颜色,包括字体和引用符号的颜色。

李笑来

h1 h2 h3 h4都是几级标题的配置,除了根据需要改字号和颜色外,border-bottom是标题下面的线,可以通过调px的大小,改变其宽度。

如遇要改表格,就找table。

4、最后

这个其实并不难,只要有一颗像我一样追求一劳永逸的心。

我把部分我觉得很nice的资料放在下面,大家记得取阅。

学习过程中有任何不懂的,请百度或者Google。

附录

参考视频参考的文章

[李笑来版本教程][https://mp.weixin.qq.com/s?src=3×tamp=1512903251&ver=1&signature=WShG91tqRr51l5w3k5D-wT6MGZdotyg0JfyIxgNCOy54sLD6Ps4P5y*Ivw12vZ8e1YGO9qA3RrZktJjUNe966zeNoJxjW8CwqaVpA0Q1AkCM2HlWxpyjJE8y9*jjgw2G13TZ5AeTowNDYO2870BMmo3mAywdN-wm5rcMZPR2C6c=]

[推荐一][http://mp.weixin.qq.com/s/fX9kgJ1CBEkA4cdVhfuLQg]

[推荐二][http://mp.weixin.qq.com/s/mHASKbyic_Y8awRLihsf_Q]

[推荐三][http://mp.weixin.qq.com/s/Ad-_Ydy-c_tGsrAqpQ_rFg]

[推荐四][http://mp.weixin.qq.com/s/Wh7UFA3RBdYIAWGV_0NL6A]

可参考的版本

[李笑来的markdown-here-css][https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2]

[半撇有道儿的markdown-here-css][https://github.com/BPteach/CM310-Exercise-Files/blob/master/%E7%AC%AC5%E7%AB%A0/0504-MarkdownHereWechat-%E8%87%AA%E5%AE%9A%E4%B9%89.css]

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171210G0KL8600?refer=cp_1026

相关快讯

扫码关注云+社区