用gvim+vim-markdown写wordpress博客

为啥用markdown来写博客?

最近升级了wordpress到最新版本,发现之前用的Live writer的版本悲剧了。其实我一直都觉得Live writer是最牛逼的离线编辑器,没有之一。

升级是一个原因,用Live writer图的就是省心,但现在升级之后板式全乱了。正好看到mardown标榜的简洁,就试试了,感觉确实很不错。

gvim如何支持markdown语法?

gvim其实和Linux下的vim差不多,想支持markdown高亮的话都需要安装插件,例如vim-markdown等。

安装vim-markdown

我这边是嫌麻烦直接采用Vundle进行安装的,具体是怎么安装Vundle就不多说了,有兴趣的看下Vim of AlloVince

真心推荐Vundle,插件再多也不用怕了,从此一个vimrc闯天下了。

配置vimrc

相关的配置主要有两块:

  • Vundle:
"vundle
"此处规定Vundle的路径
set rtp+=$VIM/vimfiles/bundle/vundle/

"此处规定插件的安装路径
call vundle#rc('$VIM/vimfiles/bundle/')

Bundle 'gmarik/vundle'
filetype plugin indent on

Bundle 'vim-markdown'

  • vim-markdown:
au BufRead,BufNewFile *.{md,mdown,mkd,mkdn,markdown,mdwn} set filetype=mkd
let g:vim_markdown_folding_disabled=1

第二行的disabled主要是禁用了vim-markdown的自动折叠,这个确实很烦,我一般不用,所以就给disabled了,看个人喜好吧。

着色效果

来个图吧,剩下不明真相的群众看得稀里糊涂的:

着色效果

wordpress如何支持markdown?

wordpress的一大优点就是插件丰富,有N多的插件可以满足我们的要求,对于markdown的支持当然要数WP-Markdown了。

下载、安装、配置(去打开Writting里面的markdown选项),没啥特别可说的。

对于代码高亮,其实很多人推荐Crayon Syntax Highlighter这个插件,我试了下,确实着色不错,但对于我这种来回换着色插件、离线编辑器的人来说,

用了之后我原来用Live writer写的博客的代码着色、高亮都全部乱掉了。所以只好忍痛放弃了,现在的代码高亮就是用的markdown的pre标签来做的了。

你现在看到的本页面的代码着色都是markdown的pre标签实现的,没有多余的插件。

如何直接在gvim中离线发布?

这个实现起来比较麻烦,可以搞下VimRepress这个插件。具体我没有去试验,觉得太折腾,而且我始终是要插图的,而插图的过程难免就要手动传到wordpress上面去,所以我就妥协了,本地写博客、然后手动在上传图片的时候上传到wordpress后台去。

详细的采用离线的发布请参考使用vim和markdown撰写blog并发布到wordpress,感谢作者分享。

如何本地预览?

我不打算说这个话题的,应该我觉得对于markdown这种简单书写语言来说,安装语法写就好,没有太多需要讲究的,我很少看。

采用markdown_py插件转换为html

但解决方案还是有的,我采用的一种就是利用markdown_py插件将md文件转换为html文件,然后调用系统的浏览器进行预览。大致思路是这样,看下配置吧:

nnoremap <f2> :!cmd /c d:\python27\python d:\python27\Scripts\markdown_py %:r.md -e utf-8 > %:r.html<cr> 
noremap \e  :!cmd /c start %:r.html</cr><cr>
</cr></f2>

这里是定义了一个快捷键F2–调用markdown_py转换为html文件,下面的是定义一个\e快捷键(先按\,然后按e)去打开转换后的html文件。

效果图: 效果图

缺点:

  • 中文支持: 可惜似乎对中文支持不大好,python转换的时候报了个编码错误,没兴趣继续搞了,有想研究的就自行搞吧。

  • 安装复杂: 需要安装python、markdown_py插件、配置vimrc等

采用其他可实时预览的软件

markdownpad是windows下支持非常好的markdown编辑器,写完了可以扔里面去看下效果。简单、粗暴,也确实好用。

同样的还可以有很多的在线编辑器可以选择。

总结

markdown 值得一试。

Leave a Reply

Your email address will not be published. Required fields are marked *


To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax