公众号仿「字里行间」排版法pdf，txt教程

公众号仿「字里行间」排版 小垒说事 陆月叁十日 著 1、死鬼别急，先铺垫铺垫 这几天有一个应用火了

至少，在那些喜欢用键盘记录些家长里短的圈子里火了
没错，就是「字里行间」
我觉得它的排版足以拯救一大波圈子里的强迫症
简单来说， 一个字， 美 ， 两个字， 非常美

「字里行间」部分样章截图 讲道理，《惬读的设计》这篇文章前后加起来我估计看了有五六个小时吧

世界上怎么能有这么好看的排版
我第一眼就爱上了这个排版
如果你没有，那请你再看一眼

2、动手前的小算盘 第一反应当然是去下载这个app了，里面的功能从文字创作到发布再到渠道推广全部包含，可见他们在下一盘很大的棋

然而后面发现目前只有移动版，所以放弃了在上面创作的打算
可是这么美的东西不能拿来用，心里总觉得不甘心

不然把这个排版移植到博客上去吧，不过再一想，前几天刚刚熬了一个通宵去调整博客的样式，加上现在博客的内容基本上都是同步公众号推送的文章，所以懒得折腾了

索性直接移植到公众号上吧
” 嘿嘿，我就知道你们这些死鬼看到这排版肯定会喜欢

什么！就一个字体，能有70%的影响? 对，没了字体就没了灵魂

但话说回来，毕竟是李鬼，将就着用吧

3、咳咳，重点来了 毕竟我的出发点是为了自己方便，加上时间和能力有限，所以没有总结一个通用方法，如果你感兴趣，可以根据我的方法自己动手改一个出来——坚持看到这里的，基本上也只剩下你们这些强迫症了吧

用到的工具 1、 MWeb － Markdown编辑器，国产Ulysses，当然价格也比Ulysses亲民的多，¥68 2、 Yoink － 文件临时寄存工具，临时存储文章中的图片用，¥45 3、 Sublime Text 3 － 文本编辑器，用来编写css及js代码，试用版 4、 Chrome － 浏览器，页面样式查看及调试，免费 实现思路 其实思路非常简单

不过这并不妨碍我们借鉴他们的实现思路

无非就是把提前写好的css样式模块化，用户点哪个，就添加哪个，写好以后，复制粘贴到官方编辑器里，发现样式也一并粘贴过来了

这里补充一下，我发现只有部分标签里的样式可以复制

这时，我只需要在MWeb里用markdown把文章写好，然后导出成html文件，在写一个脚本，修改css，直到将文件样式修改到和「字里行间」一样为止

由于我博客里的文章也是由MWeb生成并上传的，所以我不希望在正文中添加太多诸如“小垒说事 ｜ 著”的文字，而且Markdown也没有办法显式展现图片等alt属性等

所以这里我写了一些js脚本，帮助我自动将博客中需要保留而公众号不需要的元素删掉，同时添加一些固定的字段，并修改一些标签属性的展现方式

总结一下 Markdown原文件 html文件排版 调整后的文章排版 其实工作量最大的地方除了写文章本身以外，就是把别人的css样式研究清楚，然后用js动态替换

完成以上工作之后，我要做的就是，md导出为html，引入脚本，刷新页面，全选，复制，粘贴，推送

最后我就可以坐等你们打赏了

欢迎投稿 职场/创业方向. 邮箱wangfzcom(AT)163.com：王夫子社区 » 公众号仿「字里行间」排版法pdf，txt教程

标签：