wordpress如何使用vim和markdown寫blog


$TOC$



開始試用了一下wp-markdown插件,高亮和部分語法支持不太好。而且以前的syntax highlight插件語法都亂了,如果使用,需要重新編輯,所以放棄了。



網上搜了一下,很巧的是發現了11年底,當時一個老同事寫的blog,介紹了vimrepress和vim-markdown,可以滿足我的要求,但太久了,vimrepress當前是3.2.1,重寫了很多代碼。所以重新整合了一下。同事的文章,當時針對的是linux,我在Mac osx中,還是遇到了一些問題,本文主要針對Mac osx中的安裝,和一些問題的解決辦法。



這位Brother的原文:

<http://blog.pkufranky.com/2011/11/使用vim和markdown撰寫blog併發布到wordpress/>



##安裝vim插件

### 1. 安裝vimrepress

我的vim使用的vundle管理的,在vimrc.bundle中添加:



Bundle 'zencodex/VimRepress'



或者在我的github上下載,**都是已經修改好的,無需再改**:



git clone https://github.com/zencodex/VimRepress.git



放到~/.vim 中



新版本的賬號配置文件有變化,放棄了vimrc中的方式,但BlogOpen命令有bug,仍然需要VIMPRESS,解決方法是刪除blog_guess_open(what)中以下代碼:



~~~.diff

- for i, p in enumerate(vim.eval("VIMPRESS")):

-    if what.startswith(p["blog_url"]):

-        blog_index = i

~~~



賬號配置,cat $HOME/.vimpre***c



:::.vim

[Blog0]

blog_url = http://www.blogurl.com/

username = username

password = password



爲了讓BlogPreview預覽的效果支持語法高亮,我添加css到head中,位置vimrepress.py:508行

~~~.html

<link rel="stylesheet" type="text/css" media="all" href="http://www.yinqisen.cn/wp-content/themes/zenblog/ui/css/pygments_style.css" />

~~~



這樣在瀏覽器中預覽就有語法高亮了。



### 2. 安裝vim-markdown

方法和vimrepress類似,vimrc.bundle中添加



Bundle 'hallison/vim-markdown'



## 語法高亮css樣式表

可以用我現成的樣式表,下載地址:



wget http://www.yinqisen.cn/wp-content/themes/zenblog/ui/css/pygments_style.css



或者利用pygments生成



sudo pip install pygments



生成命令,這部分是參考博文中未提及的,高級用法可以網上查找



pygmentize -S default -f html



## vim中python path的問題



vim 中的python path默認只選取系統中的,不管你係統path中採用哪個路徑下的Python。這樣就會產生一個問題,比如我用的MacPorts安裝的python,很多site packages都是在/opt/local/目錄下。如果你的python用的是系統自帶的,那可以忽略這個問題。



在bashrc中,添加PYTHONPATH就可以了,如下:



export PYTHONPATH=/opt/local/Library/Frameworks/Python.framework/Versions/2.7/lib/python2.7/site-packages



通過下面方式,驗證vim 中python path是否正確,打開vim,輸入:



:py import sys;print sys.path



如果site packages路徑對,那就OK了。



其他如$TOC$,CodeHilite,fenced code block的支持,可以參考原博文,這裏就不多說了,不過要想產生更漂亮的代碼高亮,還是fenced code block更好。

轉自:http://www.yinqisen.cn/blog-440.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章