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

本文共 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

你可能感兴趣的文章
Cocos2d-x3.2 多点触控
查看>>
企业Exchange邮件服务器搭建实例
查看>>
linux下 htop 工具简介
查看>>
Ubuntu 中文输入法安装
查看>>
服务交付经理的职责
查看>>
php-fpm监控监本
查看>>
xcode 弹出“could not change executable permission...
查看>>
Google Java编程风格指南中文版
查看>>
阿里云Linux一键安装LNMP环境使用
查看>>
EF数据库迁移
查看>>
ifconfig、ip命令详解、route路由配置、DNS配置
查看>>
redis持久化配置
查看>>
asp.net底层公共方法
查看>>
java 字符串连接
查看>>
数组的二分查找法
查看>>
Android之SurfaceView简单分析
查看>>
js-数值保留2位小数?
查看>>
中国人现在最需要的不是科学技术,而是逻辑与哲学
查看>>
keepalived DROP vrrp与配置文件详解
查看>>
RBF高斯径向基核函数-svm
查看>>