程序员如何优雅地写公众号
前天发的这篇文章,有读者好奇公众号是怎么排版的,我回复超过20个点赞就专门写一篇文章介绍公众号排版,没想到几分钟就超了,于是连夜赶出了这篇文章,要是你们点广告有这积极性,熬夜的咖啡就有着落了。
写公众号最痛苦的两件事莫过于,呕心沥血写出一篇文章阅读数还是寥寥无几,第二个就是内容排版超级麻烦,这两点我都深有体会,不少做技术的朋友写公众号写着写着就断更了,尽管我的更新频率不高,但还是坚持下来了。关于第一个问题,以后再说,毕竟现在我还只是一只小小小公众号,你们多多关注,给我继续写下去的动力。
公众号的内容排版真是个头疼的问题,特别是遇到代码粘贴的时候,简直是一场噩梦。我一开始也很惊讶于微信自带的编辑器会如此这般差劲,很难想象对产品打磨有极高要求的微信团队能容忍这样一个编辑器存在,我不相信是微信资源分配问题,也许另有隐情。
我平常写文档、写博客都是采用 Markdown 语法,编辑器使用 Sublime ,预览用 Chrome 加 Markdown Preview Plus 插件。对文字排版的基本原则是,尽可能简洁,若无必要,勿增实体。不需要花花绿绿的字体颜色,更不需要表情包来丰富内容、但必须支持代码高亮。
有这样一款神器,简直就是为写公众号而生,它能一键转换 Markdown 文本,支持自定义CSS,只需简单修剪就可以成文发布,它是 Markdown Here。
安装 Markdown Here
Chrome应用商店可以直接下载 Markdown Here 插件,不过官方这个版本遇到代码不能换行,换行符\n
会被微信自动过滤掉导致代码格式混乱。有人给作者发了 Pull Request, 但是一直没有合并,所以只能自己手动安装。
git clone https://github.com/lzjun567/markdown-here
把源代码克隆到本地后,打开 Chrome 扩展程序 chrome://extensions/ 选择开发者模式,加载安装包,选择 src 目录。
配置 Markdown Here
在 Markdown Here 配置选项中,你可以自定义包括代码、文字在内的 CSS 样式,这意味着,只要你稍微懂点 CSS 和排版知识就可以打造一个属于自己的样式出来,最后别忘了勾上高级选项中的复选框
配置完成后,直接把 Markdown 文本拷贝到微信编辑器,按住快捷键 CTRL+SHIFT+M
自动转换。
渲染前
渲染后
文章插图只需要简单地插入编辑器即可,几分钟就能把排版搞定。如果你不想这样折腾,也有收费的第三方工具可以把排版做得很好,收费节省了时间成本,看你怎么取舍。
我的每一篇文章都是先用 Markdown 语法在 Sublime 中写好,浏览器预览没问题后就直接拷贝到微信编辑器,最后一键转换生成,现在你看到的这篇文章就是这样生成的。
点个赞吧...
赞赏一杯咖啡
Python之禅,不止优雅☟☟☟