(转载)sublime3安装markdown插件

摘要:
utm_source=tuicool&utm_medium=referral最近升级到了Sublime3,于是又涉及到重新安装我喜欢的插件。在这里记录分享一下我常用的两款Markdown插件。安装插件安装插件之前,我们需要首先安装一个Sublime中最不可缺少的插件PackageControl,以后我们安装和管理插件都需要这个插件的帮助。=helseopen.write安装MarkdownEditingPackageControl安装成功后我们就可以使用它方便的管理插件了,首先使用快捷键'command+shift+p'进入到Sublime命令面板,输入"packageinstall"从列表中选择"installPackage"然后回车。这时候Sublime开始请求远程插件仓库的索引,所以第一次使用可能会有一些小的延时。

原文链接http://www.jianshu.com/p/335b7d1be39e?utm_source=tuicool&utm_medium=referral

最近升级到了Sublime 3,于是又涉及到重新安装我喜欢的插件。作为Markdown 的重度使用者自然关于Markdown的插件是必不可少的 (选择在简书中写文章其中一个很重要的原因是因为简书的MarkDown写作环境很舒服)。 在这里记录分享一下我常用的两款Markdown插件。

MarkdownEditing

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

OmniMarkupPreviewer

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

安装插件

安装插件之前,我们需要首先安装一个Sublime 中最不可缺少的插件Package Control, 以后我们安装和管理插件都需要这个插件的帮助。

安装"Package Control"

使用快捷键"ctrl + `"打开Sublime的控制台 ,或者选择 View>Show Console 。

在控制台的命令行输入框,把下面一段代码粘贴进去,回车 就可以完成Pacakge Control 的安装了。

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安装MarkdownEditing

Package Control 安装成功后我们就可以使用它方便的管理插件了,首先使用快捷键 'command + shift + p ' 进入到Sublime 命令面板,输入 "package install" 从列表中选择 "install Package" 然后回车。这时候Sublime开始请求远程插件仓库的索引,所以第一次使用可能会有一些小的延时。

(转载)sublime3安装markdown插件第1张
Paste_Image.png

看到列表的更新之后输入 "markdown ed" 关键字,选择“MarkdownEditing" 回车。 插件安装完毕后需要重新启动Sublime插件才能生效。下面是我使用sublime编辑代码片断的显示效果。

(转载)sublime3安装markdown插件第2张
MarkdownEdit显示效果

除了高亮显示语法,MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记,下面是我常用的两个(更多的快捷键请参阅其官方文档)。

  • command + option + k 插入链接
  • command + shift + k 插入图片

比起快捷键我更喜欢MarkdownEditing为我们增加的几个"code snippet"

输入 "mdi + tab" 会自动插入下面的图片标记

![Alt text](/path/to/img.jpg "Optional title")

输入 "mdl + tab" 会自动生成下面的链接标记

[](link)

安装OmniMarkupPreviewer

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

(转载)sublime3安装markdown插件第3张
安装OmniMarkupPreviewer

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

  • Command +Option +O: 在浏览器中预览
  • Command+Option+X: 导出HTML
  • Ctrl+Alt+C: HTML标记拷贝至剪贴板

下面是同样的代码markdown代码在浏览器中预览后的效果.

(转载)sublime3安装markdown插件第4张
浏览器预览效果

配备了以上两个插件后在sublime中使用markdown完全满足日常需要了,享受markdown写作给你带来的乐趣吧.

免责声明:文章转载自《(转载)sublime3安装markdown插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇css之变形(transform)windows7中的“mklink命令”下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

MarkDown 添加空格

在 Markdown 文档中,可以直接采用 HTML 标记插入空格(blank space),而且无需任何其他前缀或分隔符。具体如下所示: 插入一个空格 (non-breaking space)       或   或   插入两个空格 (en space)     &a...

MarkDown添加图片的三种方式

Markdown插图片有三种方法,各种Markdown编辑器的插图方式也都包含在这三种方法之内。 插图最基础的格式就是: ![Alt text](图片链接 "optional title") 插入本地图片 只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。例如: ![avatar](/home/picture/1.png) 插入网...

MarkDown设置字体颜色

记录一下如何设置字体颜色和大小 <font color=red size=5>gray</font> <font color="#4590a3" size="6px">文字</font> 效果如下: red文字...

markdown语法---根据使用不断扩充中

markdown语法 标题 标题使用 #表示,几个#表示几级标题,最多六级标题。 斜体 使用 两个星号*括起来的文字是斜体字这是斜体字 粗体 使用四个 * 号括起来的是粗体字。 这是粗体字 引用 这个就是引用,以 > 开始。 超链接 以 []()的方式写,图片需要在前面加一个感叹号. eg: [百度](https://www.baidu.com)...

markdown 使图片左对齐

方法一 HTML标签 markdown是支持html语言的,可以使用img标签插入图片。 但是使用这种方法时每次插入图片都要修改,比较麻烦。可以通过更改CSS样式的方法来更改插入图片的默认位置。 方法二 CSS样式 修改markdown编辑器的主题,在css文件中添加以下样式 p .md-image:only-child{ auto; text-alig...

markdown编辑器的使用

mdeditor 如果在项目中使用markdown编辑器分以下几步 添加和编辑的页面中 textare 输入框 ---> 转换为markdown编辑器 - 应用css- 应用js 例如 # 循环form表单 判断是不是生成的textare的标签 的字段<form method="post"> {% csrf_token %}...