與 Atom 的相遇是機(jī)緣也是巧合。起初,我在簡書上寫作,發(fā)現(xiàn)可以切換成 markdown 的形式編輯。盡管我對 markdown 一無所知,但是憑借用 latex 的基礎(chǔ),知道 markdown 也是一種輕量級的文本編輯器,上手并不難,可以邊查邊用,同時這類編輯器的好處是能實時查看,同時無需過多考慮排版等問題。于是,我就入了 markdown 的坑。但是每每要更新博客時,都要打開簡書或其他 markdown 在線編輯器,然后再將寫好的文本轉(zhuǎn)換成 HTML 讓我感覺工作并不輕松,我一直試圖尋找一款好用的 markdown 編輯器來編輯網(wǎng)頁,直到一個偶然的機(jī)會,我發(fā)現(xiàn)了 Atom, 從打開官網(wǎng)看到可愛萌圖的一刻起,心中便萌生出一種下載的沖動,后來又發(fā)現(xiàn)它還有許多“黑暗插件”,這讓我最終確定把它當(dāng)作我的 markdown 編輯器。
Atom 下載地址:https://atom.io/

打開 atom 一種簡約畫風(fēng)撲面而來,正是我的菜。
下面再來推薦幾個能讓編輯工作變得輕松的必備插件。
-
markdown-preview-plus
-
markdown-preview-plus 為一款提供實時預(yù)覽功能的插件,在 Setting->install 下,先 disable 已安裝的 markdown-preview,再進(jìn)行安裝。快捷鍵:Ctrl + Shift + M。
安裝插件
-
-
markdown-img-paste 或 markdown-image-paste
-
這兩款插件都能提供圖片快速加載的功能,讓我們來看下它們的使用介紹。
- markdown-img-paste 自動將圖片保存入 .md 文件夾下的子文件夾 assets 下,方便應(yīng)用于使用七牛作圖床的情況。快捷鍵:Ctrl + Shift + V。
-
markdown-image-paste 自動將圖片保存入 .md 文件夾下或自定義的文件夾下。快捷鍵:Ctrl + V。
要鍛煉閱讀文檔的能力
注意:請在markdown或rst文檔中使用!Ctrl + V 前請先為圖片命名。
- 圖片存儲在本地文件夾下,之后需上傳至服務(wù)器,才能在網(wǎng)頁中正確顯示出來,這種方法很占用空間,因此我選擇用 github 作在線圖床存儲圖片。舉個例子,如果我們想將 markdown 文件夾下用于存儲文章所用圖片的文件夾 Img4A1-A4上傳至github,我們需要經(jīng)過下列步驟。
-
建立與 github 的聯(lián)系。在 markdown 文件夾下進(jìn)行 git init,然后打開 git bash。鍵入的內(nèi)容請參考我之前介紹 git 與 github 使用方法的文章。
-
把該文件夾下全部內(nèi)容上傳至 github
上傳成功 -
修改圖片地址。將 blob 改為 raw 插入至 markdown 插入圖片語法中。
-
-
-
markdown-scroll-system
- markdown-scroll-system 提供同步滾動查看的功能,可以在預(yù)覽界面下準(zhǔn)確找到光標(biāo)所在位置,方便查看修改后效果。
-
pandoc-convert
- pandoc-convert 是一款用于格式轉(zhuǎn)換的插件,我用它將寫好的 markdown 文檔轉(zhuǎn)換成 HTML, 再做后續(xù)加工,省去了在網(wǎng)上找在線轉(zhuǎn)換器的時間。快捷鍵:Ctrl + Shift + P 打開命令行。
以上就是我目前使用到的 Atom 功能,其實類似的插件有很多,大家可以多查找一下。除此之外,我還想寫一點關(guān)于 master 與 branch 的思考。
- master 與 branch
我們在建立倉庫時,一般默認(rèn)在主分支上工作,而 branch 的好處是適用于團(tuán)隊協(xié)作,好比不同人建立了branch A、B、C...,他們獨自工作,最后將工作成果上傳至各自的分支 branch 下,最后再進(jìn)一步篩選合并至主分支中,這樣可以大大提高工作效率。
更多內(nèi)容請移步Emily個人網(wǎng)站:www.emiluo.com
參考資料:
- http://www.infoq.com/cn/news/2011/03/git-adventures-branch-merge
- https://stackoverflow.com/questions/19085807/please-enter-a-commit-message-to-explain-why-this-merge-is-necessary-especially
- https://stackoverflow.com/questions/18328800/github-updates-were-rejected-because-the-remote-contains-work-that-you-do-not-h
- https://stackoverflow.com/questions/25237959/updates-were-rejected-because-the-tip-of-your-current-branch-is-behind-hint-its
- https://stackoverflow.com/questions/23401652/fatal-the-current-branch-master-has-no-upstream-branch
- https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll
- http://flight-manual.atom.io/getting-started/sections/atom-basics/