VIM动态预览Markdown文章

mylxsw 发布于2019-06-28 10:34 / 1952人阅读

摘要：推荐这个插件，依赖非常少，也不需要服务器等，最简单的实现动态预览功能。功能就是渲染当前文件夹中的所有文件并建立服务器承载网页。中随便进入一个文档，按即可弹出浏览器动态预览文档。目前问题自动渲染不生效，保存文档后，还需要再按才能更新预览。

推荐JamshedVesuna/vim-markdown-preview这个插件，依赖非常少，也不需要服务器等，最简单的实现动态预览功能。

依赖请参考：
https://github.com/JamshedVes...
主要依赖的只是Markdown转HTML的渲染引擎。

二选一：

daringfireball-Markdown ,或

(推荐) joeyespo/grip，需在vimrc中加入let vim_markdown_preview_github=1

pip install grip --user，或

brew install grip 不知道为什么只有这个好用

其中grip是推荐的引擎，可以在shell命令行中独立使用。功能就是渲染当前文件夹中的所有markdown文件并建立localhost服务器承载html网页。然而显然JamshedVesuna/vim-markdown-preview并没有使用它的服务器而只是用它渲染为本地html页面。

在命令行里输入grip即可立刻弹出网页，看到效果。

然后只要在VIM插件管理器如vim-plug中加入：

Plug "JamshedVesuna/vim-markdown-preview`

然后:PlugInstall安装即可。

VIM中随便进入一个Markdown文档，按Ctrl+p即可弹出浏览器动态预览文档。
修改时，需要保存才能自动渲染。

目前问题

自动渲染不生效，保存文档后，还需要再按Ctrl+p才能更新预览。和官方介绍不同，不知道是哪里出了问题。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/25086.html

Vim与Markdown共舞

摘要：语法高亮是一个比较好的解决方案。本来也支持的语法高亮，但是做得还不够。通过语法高亮，基本就很容易抓住文章的内容和结构了。结语折腾下来，下编辑笔记完全是没有任何问题的，特别是语法高亮和特性，可以尽可能地减小与生俱来的割裂感。 Vim作为编辑器之神，用于Markdown的编辑和阅读，会擦出什么样的火花呢？因为受不了某知笔记的编辑体验，前段时间探索了在Vim中编辑和管理Markdown笔记...

RancherLabs 2019-06-28 10:19 评论0 收藏0
靡不有初，鲜克有终——写在VNote半周岁

摘要：舒适的编辑体验通过语法高亮，最大地消除与生俱来的编辑和阅读的割裂感。所以，是不是又少了一个回到阅读模式的借口代码块语法高亮通过插件可以支持代码块里面的代码语法高亮，其他的编辑器好像没有支持。首发于简书. showImg(https://segmentfault.com/img/remote/1460000009164987); 从去年的十一开始到今天，VNote已经半周岁了，也迭代到...

roland_reed 2019-06-28 10:21 评论0 收藏0
前端开发 VS Code 上手使用

摘要：如果想配置开发工具面向前端及开发人员的配置如果想配置开发工具配置及使用技巧所谓网红编辑器，我觉得比来的更爽，因为的所有操作和插件，对于来说也就是一个插件就能无缝兼容。作为一个前端开发，开箱即用的代码编辑高亮提示都十分友好。如果想配置 sublime 开发工具 => 面向web前端及node开发人员的vim配置如果想配置 vim 开发工具 => sublime配置及使用技巧所谓网红...

Ocean 2019-08-26 13:34 评论0 收藏0
前端周刊第63期：前端新人如何快速提高？

摘要：最近公司入职了个实习同学，本期收录了关于实习同学如何快速掌握熟练工程师的工作流程开发套路来自我提升的多条精彩内容。想知道我接下来会写些什么欢迎订阅我的掘金专栏或知乎专栏前端周刊让你在前端领域跟上时代的脚步。 showImg(https://segmentfault.com/img/bVQ9QE?w=1920&h=1080); 共 1818 字，读完需 3 分钟。本周 JSConf Ch...

shiyang6017 2019-08-20 18:08 评论0 收藏0
利器系列-更高效的Vim

摘要：截图安装你需要一个有支持的版本请使用来检查依赖平台依赖平台的源自带的版本较旧，推荐自行安装依赖平台下载文件到用户主目录打开打开它将会自动安装插件请耐心等待它完成或者你可以使用下面的命令来自行安装享受你的并个性化它截图 showImg(http://moelove.qiniudn.com/vim.png); 安装 (你需要一个有Python支持的Vim版本. 请使用 vim --ver...

tuomao 2019-06-28 10:16 评论0 收藏0