atom初学者的学习(1）

目录

- [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-Cheatsheet
5. 三颗星是一个分界线
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.在电脑终端须要安装sudo apt install npm

我就说么，哪来的npm原来要在本身的电脑终端安装 ctrl+alt+t弹出输入sudo apt install npm安装

参考：

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 微信公众号

​