目录

- [0.操作流程](#0操作流程)
- [1.关于markdown编辑器](#1关于markdown编辑器)
- [2.关于中文排版](#2关于中文排版)
- [4.关于表格](#4关于表格)
- [5.内建html](#5内建html)

作者：李笑来

markdown是一个浏览器插件（chrome/firefox/Safari），可以将浏览器中编辑
里的Markdown文本转换成渲染过后的HTML。又由于它能自定义CSS，于是，对我这种平时
大量使用markdown格式写作的人来说实在是一大福音——可惜我刚刚才知道这么一个插件….
要不是有人在新生app里面提及这事儿，我还不知道啥时候能知道呢。

知道了就好，于是，我的微信公众号的排版就是焕然一新了

0.操作流程

1.在google chrome中安装markdown here插件
2.配置markdown here operation，自定义一些CSS
3.在atom/sublimetext之类的编辑器中书写
4.拷贝黏贴到微信公众号的编辑器中
5.使用markdown here渲染
6.插图图片，修订
7.发布..

1.关于markdown编辑器

我试过很多专门的markdown编辑器，付费的也买了一大堆，最终给发现实际上最好的markdown的编辑器是
sublimetext/atom之类的程序编辑器，有一些功能没他们还真不行，比如多行同时编辑。现在我习惯使用的
是atom，也安装了一些与markdown相关的插件

• markdown-pdf
• markdown-scroll
• markdowndown-toc
• markdown-writer
• markdown-preview（core package）

另外一个跟markdown没关系，但绝对有用的插件是atom-smart-template，可以定制一些写作模板…
比如我的微信公众号开头都有版权声明，放在模板里，以后就不用费劲拷贝了…

关于atom教程，可以去看看这篇文章，其实前后几篇文章，任何人都可以变成”pro“,直至最终变成“gupu”

http://xiaolai.li/2016/06/17/makecs-atom-advanced/

2.关于中文排版

关于中文排版，我在网上看了几篇教程，总结后来发现重点只有三个：

• 字体间距
• 行间距
• 字间距

至于选择哪一种字体，其实并不是关键，因为对字体来说，最重要的其实是“通用”—-即便是你设置好了你喜欢的字体，先不说那是不是你自己的偏好，更重要的是，若是读者的设备上没有那个字体，那你就等于是白折腾了……

所以，字体，就暂时放在一边罢，因为苹果手机上默认的字体就挺好的。手机上像素不少，可屏幕相对还是很小，所以，中文字体若是不设置行间距和字间距的话，其实读起来就很费劲，另外我比较偏好稍微大一点的字体尺寸：

.markdown-here-wrapper {  font-size: 16px;  line-height: 1.8em;  letter-spacing: 0.1em;}

4.关于表格

5.内建html

但是如何快速输入

Definition list

Is something people use sometimes.

Markdown in HTML

Does not work very well. Use HTML tags.

我按照李老师的文字，重新打了一遍 遇到的困难 一些方法如下：1. 有些没弄懂，比如如何自定义设置颜色 和 命令行就该字体等格式  1.1一些package包不知道怎么放在一起用2. ">“为了不弄在一行 需要按两下空格 再回车才能下一行3. 加粗 把__放在文字的两边4. 学习了markdown的文档 https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet5. 三颗星是一个分界线6. 加减号用来当做点（一个园豆豆）号7. `三个用来输入代码8. 李老师的style代码可以用ctrl+shift+p打开输入open your stylesheet在后面补上就行9. view-develop-toggle develop mode(快捷方式ctrl+shift+I) 用来打开开发工具的调试10. 了解到代码补全（也叫snippets）11. ctrl+shift+t是用来配置的12. 核心是html和dom 将李老师的13. [官方](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)例子用来输入东西[I‘m an inline-style link](https://www.google.com)14. 文件系统 home在计算机网盘 桌面的东西也都在哪里所以下载的东西不要往里面放15. [带动微信公众号](http://www.jianshu.com/p/b4c8479cfaa5) 在进入chrome商店的时候去掉hl=zh-CN后缀 atomic浏览器和atom各装一个，加上markdown here就可以传送了16. ctral+shit+r等于reload 每当你安装一个package用来更新(可以用ct+sf+p查询)17.

需要学习的1.如何stylesheet设置,编写属于自己的代码

参考：

  1.http://www.jianshu.com/p/b4c8479cfaa5 简书 集强大与一身 markdown排版微信号  2.http://jingyan.baidu.com/article/e5c39bf5aaf9f639d760338d.html 当一个编程的github 左边编辑，右边实时预览:  3.http://www.ituring.com.cn/article/72264 自定义格式  4.http://flight-manual.atom.io/using-atom/sections/basic-customization/ 官方网页  5.http://www.jianshu.com/p/b4c8479cfaa5 简书 将的比较全 gif 微信公众号