Vimwiki支持markdown

安装步骤

  1. 确保Vim正常,你的vimrc要包含以下部分:

     set nocompatible 
     filetype plugin on 
     syntax on
    
  2. 下载vimwiki,主页地址:http://www.vim.org/scripts/script.php?script_id=2226

  3. 用Vim打开下载到的vimwiki-x-x.vba,执行安装命令::so %

使用

  1. 使用<leader>ww 打开wiki,通常是输入“\ww”。
  2. 第一次会提醒你wiki的位置,你可以先生成一份配置信息,稍后再编辑vimrc。
  3. 参考别人的配置,比如:http://my.oschina.net/u/250670/blog/79241
  4. 如何编辑wiki,也参考Vimwiki主页
  5. 输出HTML: Vimwiki2HTML 命令转换当前页,VimwikiAll2HTML 命令转换全部。

markdown支持

Vimwiki已经支持markdown,但目前版本不支持直接导出html。所以必须用第三方脚本来转换。方案如下:

  1. 配置支持markdown,可以参考:http://www.zhihu.com/question/20207987

  2. 配置脚本,下载 misaka_md2html.py并按照文件内说明配置

  • 安装:misaka Jinja2,可能需要python3支持
  • 确保可执行:chmod 755 misaka_md2html.py
  • 修改 vimrc 的配置,使 custom_wiki2html 指向此文件
  • 设置 path_html ,也就是输出目录
  • 设置 syntax ,等于 markdown
  • 拷贝一份 style.css 放到 path_html,比如vimwiki内置的css:vim/autoload/vimwiki/style.css
  1. 以下是我的配置:

     let g:vimwiki_list = [
     \{"path": "~/myblog/vimwiki/", 
     \ "path_html": "~/myblog/wiki/",
     \ "syntax": "markdown", 
     \ "ext": ".md",
     \ "css_file": '~/myblog/vimwiki/wiki/style.css',
     \ "custom_wiki2html": "~/myblog/vimwiki/misaka_md2html.py",
     \ "auto_export": 0}
     \]
    
  2. 修改此脚本的错误,注意:按照下面参考文章的解释,需要修改misaka_md2html.py,添加4个参数。即:

     parser.add_argument("cssfile", help="The css file (with absolute path) to "
         "be referenced in the resulting html file.")
     # modification start here_
     parser.add_argument("template_path", help="The css file (with absolute path) to "
         "be referenced in the resulting html file.")
     parser.add_argument("template_default", help="The css file (with absolute path) to "
         "be referenced in the resulting html file.")
     parser.add_argument("template_ext", help="The css file (with absolute path) to "
         "be referenced in the resulting html file.")
     parser.add_argument("root_path", help="The css file (with absolute path) to "
         "be referenced in the resulting html file.")
     # modification ends
     ns = parser.parse_args()
    

参考:

修正css绝对路径

用上面的脚本转换,生成的html中包含css绝对路径,批量修改命令:

sed -i "s#/where/your/wiki/style.css#style.css#g" `grep style.css -rl /where/your/wiki`

其他

暂时可以正常使用了,每一个wiki页面都是单独的markdown文件,可以自由组织和转换,并且可以快速发布到网站上。比如我的wiki页面

20140301

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Correctness AdapterViewChildren Summary: AdapterViews can...
    MarcusMa阅读 12,871评论 0 6
  • SublimePlugin : Markdown Preview 标签(空格分隔): SublimePlugin ...
    lumicinta阅读 5,468评论 0 0
  • 今天是第一次来梳理自己的原则,就像是大脑升级了好多次之后,终于要出操作手册了,以前虽然也有,但是模模糊糊,只是个大...
    穆建园阅读 1,625评论 0 0
  • 1.小雪人,画得有点瘦了✪ω✪,胖墩墩的画面更可爱。 2.小鸭子。因为基本上零基础,所以相对来说,素材稍微复杂一点...
    紫罗兰悦笔记阅读 2,087评论 1 2
  • 每天来碗毒鸡汤,没有负能量哪有正能量 每日推送负能量小漫画,不喜请自行绕道 别老是羡慕别人老公或老婆有多好, 请你...
    Walliswang9阅读 2,615评论 0 1