zoukankan      html  css  js  c++  java
  • vim配置markdown预览

    注:系统为Centos7,安装了gnome桌面环境。

    我的vim装了vimplus工具包,看代码一等一的方便,但是看md的时候还是有些不快乐。于是想找个插件实现markdown的预览。
    尝试了几个vim的markdown工具,都没能成功渲染。最后安装成功的是markdown-preview,在此记录一下安装过程。

    1. 安装vimplus

    建议先安装vimplus,一个集成了YouCompleteMe在内多个神插件的开发工具包,适用于cpp开发者。在桌面环境下界面很漂亮,命令行环境下稍微逊色一些。内置YouCompleteMe,并且会自动编译,非常非常省心(毕竟YCM号称vim史上最nb也最难安装的插件)。

    安装方法:

    git clone https://github.com/chxuan/vimplus.git ~/.vimplus
    cd ~/.vimplus
    ./install.sh
    

    2. 安装google-chrome

    我安装的桌面环境是gnome,自带的是firefox,但是尝试之后没能成功,于是还是装了chrome。
    安装chrome的方式(参考:https://www.jb51.net/article/153596.htm)

    • 修改yum源

      /etc/yum.repos.d/目录下新建文件google-chrome.repo,向其中添加:

      [google-chrome]
      name=google-chrome
      baseurl=http://dl.google.com/linux/chrome/rpm/stable/$basearch
      enabled=1
      gpgcheck=1
      gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub
      
    • 使用yum安装

      有梯子的话:

      yum -y install google-chrome-stable
      

      我没有梯子,所以添加了参数:

      yum -y install google-chrome-stable --nogpgcheck
      
    • 修改变量

      因为之前尝试firefox时改动过这里,所以安装chrome之后我又调用了一遍,以防万一。不知道不加这步的话是不是也可以

      sudo update-alternatives --config x-www-browser
      sudo update-alternatives --confg gnome-www-browser
      

    3. 安装markdown-preview

    • 首先安装该插件。
      vimplus使用的插件管理器是vim-plug,用来进行自定义插件管理的文件是~/.vimrc.custom.plugin。因此,使用vim打开该文件。

      sudo vim ~/.vimrc.custom.plugin
      

      如果有下面两行的话,有注释就去掉注释(去掉开头的双引号)。
      如果没有的话,就把这两行加上。

      Plug 'iamcco/mathjax-support-for-mkdp'
      Plug 'iamcco/markdown-preview.vim:`
      

      之后在normal模式下使用:PlugInstall,或vimplus定义的快捷键,,i,即可安装。

    • 然后修改配置

      vim-plug用来进行自定义配置管理的文件是 ~/.vimrc.custom.config。因此,使用vim打开该文件。同样,如果原本有,就解注释(去掉开头的双引号),如果没有,就在文件中加上:

       nmap <silent> <F7> <Plug>MarkdownPreview
       imap <silent> <F7> <Plug>MarkdownPreview
       nmap <silent> <F8> <Plug>StopMarkdownPreview
       imap <silent> <F8> <Plug>StopMarkdownPreview
      

    4. 快乐使用

    使用vim打开任何一个Markdown文档,按<F7>,即可在浏览器中动态预览。如果没加载出来,可以右键刷新(reload)几次试试。

  • 相关阅读:
    使用SpringMVC的crud操作时,进行数据修改,但是修改成功后,页面无法显示lastName属性值(被修改的那条记录)
    使用SpringMVC时报错HTTP Status 405
    使用springmvc时报错org.springframework.beans.NullValueInNestedPathException: Invalid property 'department' of bean class [com.atguigu.springmvc.crud.entities.Employee]:
    快速傅里叶变换应用之二 hdu 4609 3-idiots
    离散傅立叶变换与快速傅立叶变换(DFT与FFT)
    深度优先搜索(DFS)递归形式改为非递归形式
    模拟题组
    STL--自定义类型的排序
    多关键字的快速排序
    二叉树的前序和中序得到后序 hdu1710
  • 原文地址:https://www.cnblogs.com/zoey-liao/p/12373400.html
Copyright © 2011-2022 走看看