VIM動態預覽Markdown文章

mylxsw 發布于2019-06-28 10:34 / 1977人閱讀

摘要：推薦這個插件，依賴非常少，也不需要服務器等，最簡單的實現動態預覽功能。功能就是渲染當前文件夾中的所有文件并建立服務器承載網頁。中隨便進入一個文檔，按即可彈出瀏覽器動態預覽文檔。目前問題自動渲染不生效，保存文檔后，還需要再按才能更新預覽。

推薦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才能更新預覽。和官方介紹不同，不知道是哪里出了問題。

GPU云服務器云服務器 Markdown markdown表格 markdown簡介格式markdown

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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