博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何优雅地使用Markdown (Sublime 3 + MarkdownEditing+OmniMarkupPreviewer)
阅读量:6289 次
发布时间:2019-06-22

本文共 1846 字,大约阅读时间需要 6 分钟。

最近开始上手Sublime 3

作为Markdown 的重度使用者自然关于Markdown的插件是必不可少的 。

在这里记录分享一下我常用的两款Markdown插件。

  • MarkdownEditing

MarkdownEditing是Markdown写作者必备的插件,它可以不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。

  • OmniMarkupPreviewer

OmniMarkupPreviewer用来预览markdown 编辑的效果,同样支持渲染代码高亮的样式。

一、MarkdownEditing

1.安装:

建议:通过Package Control 安装

The preferred method of installation is via Sublime Package Control.Install Sublime Package ControlFrom inside Sublime Text, open Package Control's Command Pallet: CTRL SHIFT P (Windows, Linux) or CMD SHIFT P on Mac.Type install package and hit Return. A list of available packages will be displayed.Type MarkdownEditing and hit Return. The package will be downloaded to the appropriate directory.Restart Sublime Text to complete installation. Open a Markdown file and this custom theme. The features listed below should now be available.

2.修改配置文件

在Preference——>Package Settings ->Markdown Editing->Markdown Setting: User中修改

{    "extensions":    [        "md"    ],   "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-ArcDark.tmTheme",    "line_padding_top": 4,    "line_padding_bottom": 4,    "tab_size": 4,    "translate_tabs_to_spaces": true,    "draw_centered": false,    "word_wrap": true,    "wrap_width": 100,// 每行字符数上限     "rulers": []}

3.修改配色

在Preference——>Package Settings ->Markdown Editing->change color Scheme中修改

二、安装OmniMarkupPreviewer

完成了基本的编辑需要,接下来查看Markdown的渲染效果或者输出html格式,OmniMarkupPreviewer就会派上用场了,我们同样需要借助Pacakge Control来安装这个插件。键入 "command + shift + p" 进入sublime的命令界面,输入 "package ins" 然后回车 ,键入 "ominmarkup" 选择OmniMarkupPreviewer , 回车。

插件安装成功后我们就可以使用快捷键对编辑的markdown源文件进行预览了。下面是几个常用快捷键.

Command +Option +O: 在浏览器中预览

Command+Option+X: 导出HTML

1143923-20180109180308285-830450395.png

p.s. 安装markdown过程中报错

Sublime Text3 安装 markdownediting插件 报错 Error loading syntax file "Packages/Markdown/Markdown.tmLanguage"

解决方法详见链接

效果图

1143923-20180109180755676-1871129850.jpg

转载于:https://www.cnblogs.com/Neo007/p/8252833.html

你可能感兴趣的文章
计算机基础知识复习
查看>>
【前端词典】实现 Canvas 下雪背景引发的性能思考
查看>>
大佬是怎么思考设计MySQL优化方案的?
查看>>
<三体> 给岁月以文明, 给时光以生命
查看>>
Android开发 - 掌握ConstraintLayout(九)分组(Group)
查看>>
springboot+logback日志异步数据库
查看>>
Typescript教程之函数
查看>>
Android 高效安全加载图片
查看>>
vue中数组变动不被监测问题
查看>>
3.31
查看>>
类对象定义 二
查看>>
收费视频网站Netflix:用户到底想要“点”什么?
查看>>
MacOS High Sierra 12 13系统转dmg格式
查看>>
关于再次查看已做的多选题状态逻辑问题
查看>>
动态下拉菜单,非hover
查看>>
政府安全资讯精选 2017年第十六期 工信部发布关于规范互联网信息服务使用域名的通知;俄罗斯拟建立备用DNS;Google打击安卓应用在未经同意情况下收集个人信...
查看>>
简单易懂的谈谈 javascript 中的继承
查看>>
iOS汇编基础(四)指针和macho文件
查看>>
Laravel 技巧锦集
查看>>
Android 使用 ViewPager+RecyclerView+SmartRefreshLayout 实现顶部图片下拉视差效果
查看>>