sublime text结合markdown viewer实现完美的写作体验

作为一个工具控,对于经常需要使用的工具必然会耗费大量的时间去折腾,直至找到用起来顺手的为止,虽然有时会做很多无用功,但也依然乐此不疲。

一直以来都在寻找一款适合自己的markdown编辑器,尝试过很多种,有些虽然针对markdown很好用,但是一个独立的软件,而我习惯编程和写作都共用一个编缉器。sublime text对markdown的支持度并不是很好,不能实现实时预览,而Atom虽然颜值很高,还有很多酷炫的特效,可以实时markdown实时渲染。可用着时不时会卡顿,而且安装插件很困难。只好弃用。

直至发现了chrome的markdown viewer插件,才让我不再纠结!

markdown viewer是我用过的最好的markdown渲染插件(没有之一),因为这个插件可以自动生成目录,而且这些目录是固定是左侧边栏,点击目录可以定位到相应的位置,这正是我一直所寻求的功能,特别是对于我们程序员,平时写文档,理清需求思路,很需要这种自带目录的表现形式。

如图:

Paste_Image.png

markdown viewer的安装

插件地址

如果你不管得如何科学上网,可以在评论区留言,我附上插件的离线包。

安装插件后,设置该插件“允许访问文件地址”

Paste_Image.png

markdown viewer配置

单击插件图标进入配置面板:

Paste_Image.png

将COMPILER选项设置为:REMARK,这样能支持更多的渲染功能,如 tasklist 等

Paste_Image.png

在CONTENT选择如此设置:

Paste_Image.png

即可将目录自动生成左侧菜单

贴图神器:ImagePaste

再介绍sublime text一款插件,ImagePaste,这个插件可以将图片复制后按ctrl+v粘贴到.md文件,就自动在同等路径下生成目录并将图片粘贴到目录里,且生成markdown语法的图片地址

Paste_Image.png

以下就是我写此篇文章的截图,所有图片都是用ImagePaste粘贴生成:

Paste_Image.png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端知识分享

Bootstrap中datetimepicker日期控件1899年问题解决

  最近在开发项目的过程中,遇到一个很尴尬的问题。我们项目一直采用的是angular+bootstrap,日期控件用的是bootstrap中的datetimep...

864
来自专栏沈唁志

Windows上的程序员神器Cmder 装逼和提高工作效率两不误

2451
来自专栏腾讯移动品质中心TMQ的专栏

【腾讯 TMQ】零基础学习 Fiddler 抓包改包

Fiddler 是一款 HTTP 协议调试代理工具,它能够抓取记录本机所有 HTTP(S) 请求,通过设置断点等方法我们可以任意修改进出 Fiddler 的数据...

1.3K0
来自专栏较真的前端

关于如何做一个“优秀网站”的清单——规范篇

2177
来自专栏知晓程序

开发 | 无需后端编码,手把手教你把 WordPress 做成小程序

知晓程序(微信号 zxcx0101)今天分享的这篇文章,将一步步讲解,如何将一个 WordPress 网站借助 REST API 开发微信小程序版。

963
来自专栏Coco的专栏

清除页面广告?身为前端,自己做一款简易的chrome扩展吧

1895
来自专栏木子昭的博客

macOS Serria安装配置QT5.5

最近比较迷C++,打算用qt写一个带界面的小游戏. 在deepin应用商店一键安装qt, 没有出现任何问题(点赞deepin!),但在Mac安装qt的时候遇...

3244
来自专栏yang0range

React Native在Android当中实践(五)——常见问题

这个问题是由于ReactNative兼容64位Android手机导致的。 解决办法: 1.在项目的根目录的 gradle.properties 里面添加一行...

862
来自专栏专业duilib使用+业余界面开发

duilib的xml预览工具duilibpreview

3564
来自专栏IT大咖说

大漠穷秋:全面解读Angular 4.0核心特性

摘要 基于最新的Angular4.0版本,超级大咖大漠穷秋为我们讲解强大的集成开发平台Angular/cli,以及Angular最核心的3大概念:组件、模块、路...

3445

扫码关注云+社区