美文网首页
阅读笔记(155):好与更好的差别

阅读笔记(155):好与更好的差别

作者: 卡拉咖啦 | 来源:发表于2019-02-27 03:17 被阅读1次

原文:《Markdown Here 教程(这次是及格版)》2016-07-03


一、文章概要

(建议直接看原文)
Markdown Here 是个浏览器插件,可以将浏览器中编辑器里的 Markdown 文本转换成宣展过后的 html,而且它有个好处是能自定义CSS。

.操作流程:
在 Chrome 里安装 Markdown Here 插件,在 Markdown Here option 里自定义一些 CSS 。先在 Atom 等编辑器里书写,然后粘贴到公众号编辑器里,再使用 Markdown Here 渲染,进一步插图,修订,发布。

1.Markdown 编辑器
编辑器里面作者觉得最好的是 Atom
相关的插件:
markdown-pdf
markdown-scroll-sync
markdown-toc
markdown-writer
markdown-preview(Core Package)
atom-smart-template

相关 教程

2.关于中文排版
重点有三个:字体大小、行间距、字间距。
对于字体来说,最重要的是通用。
字间距行间距更重要,中文字体若是不设置行间距和字间距的话,其实读起来就很费劲。

3.配色
找个人家已经配好的就是了。(链接)

4.表格
在网页内的编辑器里书写表格很容易让人崩溃,用 Markdown 方便多了。(例子)

5.自定义 CSS 需要注意的地方
有时候在自定义 CSS 里的设置不起作用的话,试试在后面补上!important。(例子)

6.代码高亮
公共号里面没有

7.作者的 StyleSheet


二、个人思考(不局限于文章内容)

昨天阅读了上一篇文章之后,今天再来阅读这一篇,觉得很轻松,很方便。把不少让我觉得有点困扰的地方,都一并解决了。
比如:
1)Markdown Here 的原理,我们在什么环节会用到它;
2)如何给 Markdown Here 设置 CSS(那些代码用在哪);
还有一些我没考虑到的:排版时应该注意哪些地方(文字,配色,表格,高亮);
最后,作者还把自己的 StyleSheet 分享出来,我本来还想着去哪里"偷"呢……

因为昨天按照"坏教程"走了一遍,今天再给我一个"好教程",对比之下,我自己很能够体会"好"与"更好"之间的巨大差别,很深刻...
2018.12.22

相关文章

网友评论

      本文标题:阅读笔记(155):好与更好的差别

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