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 微信公衆號

​