Mac下markdown環(huán)境搭建

前言

作為一個研究僧,一直有記筆記的習慣烤礁,之前在用OneNote讼积,后來因為要開發(fā)ROS,徹底放棄了Windows陣營,在Mac和linux下來回切換脚仔,好在倆系統(tǒng)通用bash勤众,考慮到兼容性、輕量性鲤脏、以及最重要的優(yōu)(zhuang)雅(bi)性就嘗試著用vim寫Markdown來記筆記(我已經(jīng)隱忍OneNote很久了:臃腫们颜,占系統(tǒng)資源大,默認字體bug不修復凑兰,時不時來個閃退掌桩。我只想優(yōu)雅高效地記筆記而已边锁,OneNote的功能我80%都用不到)姑食。Mac下我還是以xcode自帶的編輯器為主,如果后期要看筆記的話茅坛,通過vim來預覽(主要是看大量代碼音半,其實xcode自帶編輯器基本能滿足查看需求),linxu下還是通過vim來編輯和預覽贡蓖。

BOM

  • Xcode:自帶的編輯器編寫markdown文檔肥腸好用曹鸠。雖然不能完全的預覽,但是已經(jīng)進行了一些處理斥铺,比如標題大小會自動調(diào)整彻桃,也有語法的高亮,自帶的目錄也能快速的定位晾蜘,還有是Mojave系統(tǒng)的暗黑主題邻眷,蘋果自家的軟件優(yōu)先適配,非常舒服剔交。


    Xcode編輯器效果圖
  • vim:基本所有的UNIX like 系統(tǒng)都自帶肆饶,在終端輸入vim 就可以進去vim模式

  • vundle:一個管理vim插件的管理器, 以下所有的插件都是用vundle來管理安裝和卸載。

  • vim-instant-markdown:一個在瀏覽器中預覽markdown文檔的vim插件

  • vim-markdown:vim的 markdown語法高亮插件

安裝vundle

  1. 用下面的指令把vundle安裝在~/.vim/bundle/ 目錄下
git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim
  1. 在~/.vimrc 中添加一下的代碼
    看到這么多代碼不用慌岖常,其實就是告訴你在指定的地方加上例如:“Plugin 'VundleVim/Vundle.vim“驯镊,來安裝你需要的vim插件,文末會貼上我自己的vimrc竭鞍,復制粘貼就可以板惑。
set nocompatible              " be iMproved, required
filetype off                  " required

" set the runtime path to include Vundle and initialize
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()
" alternatively, pass a path where Vundle should install plugins
"call vundle#begin('~/some/path/here')

" let Vundle manage Vundle, required
Plugin 'VundleVim/Vundle.vim'

" The following are examples of different formats supported.
" Keep Plugin commands between vundle#begin/end.
" plugin on GitHub repo
Plugin 'tpope/vim-fugitive'
" plugin from http://vim-scripts.org/vim/scripts.html
" Plugin 'L9'
" Git plugin not hosted on GitHub
Plugin 'git://git.wincent.com/command-t.git'
" git repos on your local machine (i.e. when working on your own plugin)
Plugin 'file:///home/gmarik/path/to/plugin'
" The sparkup vim script is in a subdirectory of this repo called vim.
" Pass the path to set the runtimepath properly.
Plugin 'rstacruz/sparkup', {'rtp': 'vim/'}
" Install L9 and avoid a Naming conflict if you've already installed a
" different version somewhere else.
" Plugin 'ascenator/L9', {'name': 'newL9'}

" All of your Plugins must be added before the following line
call vundle#end()            " required
filetype plugin indent on    " required
" To ignore plugin indent changes, instead use:
"filetype plugin on
"
" Brief help
" :PluginList       - lists configured plugins
" :PluginInstall    - installs plugins; append `!` to update or just :PluginUpdate
" :PluginSearch foo - searches for foo; append `!` to refresh local cache
" :PluginClean      - confirms removal of unused plugins; append `!` to auto-approve removal
"
" see :h vundle for more details or wiki for FAQ
" Put your non-Plugin stuff after this line
  1. 安裝插件
    在vim的命令行模式下輸入:PluginInstall,就會自動安裝vundle偎快,以下的vim插件都是通過vundle安裝的洒放。

安裝vim-instant-markdown

安裝vim-instant-markdown插件首先要安裝node.js。

  1. 安裝 node.js
  • Mac 去官網(wǎng)安裝 node.js,下載完成后是一個pkg文件滨砍,雙擊安裝完成往湿。測試是否安裝完成如果顯示版本號則表示成功了妖异。
終端輸入
node -v
npm -v 
  • linux下安裝node.js
sudo apt-get install nodejs
sudo apt-get install npm
  1. npm安裝instant-markdown-d
sudo npm -g install instant-markdown-d
  1. vim下安裝instant-markdown-d插件
    其實就是在vimrc中添加下面的語句,大家可以復制文末的vimrc 然后用:PluginInstall一并安裝所有的插件领追。
Plugin 'suan/vim-instant-markdown' 

兩個重要參數(shù)

接下來介紹兩個比較常用的設(shè)置參數(shù)他膳,更多參數(shù)詳見github主頁

  1. g:instant_markdown_slow
    這個參數(shù)決定了你寫的markdown會不會實時地在瀏覽器上更新預覽(實時預覽可能會占用一些計算機性能)。如果你不希望實時預覽在 ~/.vimrc中設(shè)置 g:instant_markdown_slow = 1绒窑。一旦設(shè)置之后這個預覽更新只會在你停止輸入一段時間后生效棕孙,以及離開vim編輯模式之后生效。
  2. g:instant_markdown_autostart
    顧名思義些膨,這個是決定你打開vim的同時蟀俊,會不會自動在瀏覽器上開啟預覽。如果你不希望自動開啟預覽订雾,那么就在~/.vimrc設(shè)置:g:instant_markdown_autostart = 0肢预。如果你手動開啟預覽,則在vim命令模式下輸入:InstantMarkdownPreview(我們當然可以用vim的鍵值映射來替換掉這個復雜輸入洼哎,比如我就替換成了F1)

安裝vim-markdown

本人在mac下用xcode 作為markdown的主要編輯器烫映,只把vim作為預覽查看器。但是考慮到vim的通用性噩峦,在linux下還是要用vim來寫锭沟。所以順帶也把語法高亮的插件也安排了。安裝過程也是用vundle安裝:

Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown'

vimrc

下面是我的vimrc配置识补,主要包含了vundle所需的一些插件族淮,以及vim的一些實用配置:顯示行號,配色凭涂。我默認markdown的預覽不自動開啟祝辣,通過F1來啟動。同時為了降低計算機負擔把實時預覽關(guān)了导盅。復制到~/.vimrc 后在vim中輸入:PluginInstall就會自動安裝所有的插件较幌。

set nocompatible              " be iMproved, required
filetype off                  " required

" set the runtime path to include Vundle and initialize
set rtp+=~/.vim/bundle/vundle/
call vundle#rc()
" alternatively, pass a path where Vundle should install plugins
"let path = '~/some/path/here'
"call vundle#rc(path)

" let Vundle manage Vundle, required

Plugin 'gmarik/vundle'
Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown' 
Plugin 'suan/vim-instant-markdown'

" The following are examples of different formats supported.
" Keep Plugin commands between here and filetype plugin indent on.
" scripts on GitHub repos
" The sparkup vim script is in a subdirectory of this repo called vim.
" Pass the path to set the runtimepath properly.
" scripts from http://vim-scripts.org/vim/scripts.html
" git repos on your local machine (i.e. when working on your own plugin)
" ...

filetype plugin indent on     " required
" To ignore plugin indent changes, instead use:
"filetype plugin on
"
" Brief help
" :PluginList          - list configured plugins
" :PluginInstall(!)    - install (update) plugins
" :PluginSearch(!) foo - search (or refresh cache first) for foo
" :PluginClean(!)      - confirm (or auto-approve) removal of unused plugins
"
" see :h vundle for more details or wiki for FAQ
" NOTE: comments after Plugin commands are not allowed.
" Put your stuff after this line


syntax enable
syntax on
set autoindent
set nu
set tabstop=4
" 總是顯示狀態(tài)欄
set laststatus=2
" 顯示光標當前位置
set ruler
" 高亮顯示當前行/列
set cursorline
" 高亮顯示搜索結(jié)果
hi Search term=standout cterm=bold ctermfg=7 ctermbg=1

let g:instant_markdown_slow = 1
let g:instant_markdown_autostart = 0
map <F1> :InstantMarkdownPreview<CR>
set nofoldenable

效果圖

  • vim配置完之后的效果


    效果圖
  • 瀏覽器預覽的效果
    用瀏覽器可以保存成pdf離線查看


    瀏覽器預覽圖
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市白翻,隨后出現(xiàn)的幾起案子乍炉,更是在濱河造成了極大的恐慌,老刑警劉巖滤馍,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岛琼,死亡現(xiàn)場離奇詭異,居然都是意外死亡巢株,警方通過查閱死者的電腦和手機槐瑞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阁苞,“玉大人困檩,你說我怎么就攤上這事祠挫。” “怎么了悼沿?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵等舔,是天一觀的道長。 經(jīng)常有香客問我糟趾,道長慌植,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任义郑,我火速辦了婚禮蝶柿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘非驮。我一直安慰自己交汤,他們只是感情好,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布院尔。 她就那樣靜靜地躺著蜻展,像睡著了一般喉誊。 火紅的嫁衣襯著肌膚如雪邀摆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天伍茄,我揣著相機與錄音栋盹,去河邊找鬼。 笑死敷矫,一個胖子當著我的面吹牛例获,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播曹仗,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼榨汤,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了怎茫?” 一聲冷哼從身側(cè)響起收壕,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎轨蛤,沒想到半個月后蜜宪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡祥山,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年圃验,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缝呕。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡澳窑,死狀恐怖斧散,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情摊聋,我是刑警寧澤颅湘,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站栗精,受9級特大地震影響闯参,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜悲立,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一鹿寨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧薪夕,春花似錦脚草、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至姑隅,卻和暖如春写隶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背讲仰。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工慕趴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鄙陡。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓冕房,卻偏偏與公主長得像,于是被迫代替她去往敵國和親趁矾。 傳聞我的和親對象是個殘疾皇子耙册,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 在開篇我要說的是, 有很多人希望將vim打造成一個ide, 我個人不是很贊成這個觀點, 因為vim無論怎么配置都不...
    squall1744閱讀 9,218評論 4 47
  • Linux新手第一彈 僅以此文獻給那些在科研一線掙扎的汪星人們!:恋贰详拙! 第一次更新 發(fā)現(xiàn)用此方法在普通用戶下運行 會...
    zhejianggaoxiao閱讀 7,630評論 4 8
  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,982評論 3 119
  • 書籍是人類進步的階梯培漏,書中包含了人類濃縮的幾千年的科技溪厘、文化。讀書可以讓我們在短時間內(nèi)牌柄,掌握大量的科學文化知識畸悬,擺...
    拜泉劉陽閱讀 278評論 0 1
  • 文/雒宏軍 今天是你離家返校的日子。不到凌晨四點,我就聽到客廳的腳步聲蹋宦,心想披粟,都已經(jīng)要上大學三年級了,去學校還用得...
    雒宏軍的菜園子閱讀 241評論 0 5