注:系统为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)几次试试。

vim配置markdown预览的更多相关文章

  1. Vim 配置Markdown

    通过vundle工具安装以下插件: vim-markdown   语法高亮 vim-markdown-preview.vim  通过浏览器实时预览(支持同步滚动) -/.vimrc vundle部分添 ...

  2. FastReport配置打印预览button_C++

    如需转载请标明出处:http://blog.csdn.net/itas109 FastReport採用C++方式.配置打印预览选项 //打印预览 //配置打印预览选项 pReport->Prev ...

  3. markdown预览-快速入门

    最近要写文档,领导指定用markdown. 这个两三年前用过两次的神器工具,都忘的差不多了. 为了熟练一点这个技能,决定好好的重新学一次. 于是乎:看快速入门文档 ...30分钟...看完文档发现要来 ...

  4. ubuntu自带的gedit编辑器添加Markdown预览插件

    gedit安装Markdown Preview Ubuntu自带的gedit编辑器也是有很强大的功能的,且支持插件的安装.对于喜欢用Markdown的我来说,这当然是很好的了,gedit本身 就支持M ...

  5. Sublime Text 3 配置浏览器预览路径 localhost

    原文链接:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html 按步骤设置成功!感谢大侠! 以下是原文: Sublime Tex ...

  6. Sublime Markdown预览插件安装流程

    使用方法 在sublime中已编辑好的markdown使用快捷键 Alt+M 即可在浏览器预览效果. 需要安装的插件 Markdown Editting:主要用来做 Markdown 编辑时的语法高亮 ...

  7. Markdown预览功能不可用解决方案

    初学者在使用Markdown时也许会遇到这个问题 原因是电脑缺少一个组件,解决方案很简单,安装上就好了,以下是链接 http://markdownpad.com/download/awesomium_ ...

  8. iOS 使用markdown 实现编辑和预览文本

    注意要点: 1.在iOS 可以依赖UIWebview 来实现 2.丰富的UI样式依赖 html 的样式, js 调用插入markdown内容呈现出来 3.实现markdown编辑快捷键:参考githu ...

  9. atom跨平台超好用的markdown实时预览

    https://atom.io/ sublime有预览markdown的插件,但仅限于每次在浏览器中预览,想要找一个能够实时在软件中预览的,终于发现了atom. 很多功能以插件的形式安装,theme也 ...

随机推荐

  1. 利用Python进行博客图片压缩

    自己写博客的时候常常要插入一些手机拍的照片,都是几M的大小,每张手动压缩太费事了,于是根据自己博客的排版特点用Python写了一个简单的图片压缩脚本,功能是将博客图片生成缩略图,横屏的图片压缩为宽度最 ...

  2. Object Detection API error: “ImportError: cannot import name anchor_generator_pb2”

    Configuring the Object Detection API on Windows is a tricky task. You will find the answer in the fo ...

  3. Web自动化测试项目(七)日志

    一.日志作用 调试程序 了解系统程序运行的情况,是否正常 系统程序运行故障分析与问题定位 用来做用户行为分析和数据统计 二.为项目添加日志 └── utils ├── log_utils.py └── ...

  4. linux之nfs

    之前一篇博客记录了Windows系统与Linux系统文件共享的最佳选择,此篇记录Linux系统与Linux系统之间文件共享的最佳选择----NFS 一.NFS 简介和架构图 NFS是Network F ...

  5. e.detail.value 获取input的值

    inputId(e) { this.setData({ inputId: e.detail.value }) },

  6. Nginx 配置访问本地目录

    server { listen 8888; # 监听端口 server_name peer; # 服务名 charset utf-8; # 字符集,可处理中文乱码 location / { autoi ...

  7. 如何把您现有的流程系统数据迁徙到驰骋BPM上?

    关键词:流程系统版本切换\ 驰骋BPM. 如何把您现有的流程系统数据迁徙到驰骋BPM上?这是一个大问题.在处理改问题之前,首先要了解驰骋bpm的数据库结构,驰骋bpm的特性在做计划. 驰骋BPM的流程 ...

  8. Linux文件和目录权限实战讲解

    一 相关课程回顾1.1 linux文件类型当执行ls -l或ls -la 命令后显示的结果中最前面的第2~10个字符是用来表示文件权限 第一个字符一般用来区分文件和目录: d:表示是一个目录,事实上在 ...

  9. Centos7桥接设置网络并使用xrdp+tigervnc实现桌面远程访问

    最近用到了虚拟机,之前虚拟机的网络配置使用的NAT配置好了,但是无论怎样设置都无法使用局域网内的其它主机访问虚拟机的服务.经过了一天的折腾,远程主机仍然连接不上虚拟机服务,后来找到原因,NAT连接模式 ...

  10. POJ_2941_矩阵

    题目描述: 每组数据给定一个n*n的矩阵,选定不同行不同列的n个元素,求和,若所有选法所产生的和相等,则输出 homogeneous,否则输出not homogeneous. 描述: 数据挺大,爆搜肯 ...