文档章节

(转载)sublime3安装markdown插件

m
 modprobe
发布于 2016/11/08 09:57
字数 855
阅读 2
收藏 0

原文链接 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开始请求远程插件仓库的索引,所以第一次使用可能会有一些小的延时。


Paste_Image.png

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


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 , 回车。


安装OmniMarkupPreviewer

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

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

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


浏览器预览效果

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

本文转载自:http://www.cnblogs.com/modprobe/p/5045630.html

共有 人打赏支持
m
粉丝 1
博文 35
码字总数 0
作品 0
私信 提问
Sublime 3 使用心得

1 安装sublime 3 官网下载安装 http://www.sublimetext.com/3 2 sublime3 安装package control 安装方法:使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码: impo...

deepler
2015/11/28
216
0
sublime安装markdown

环境Mac OS X 10.10.4 目前使用Sublime Text 3,添加插件 - MarkdownEditing: 对于markdown格式有一些方便的功能和格式化 - Evernote:和evernote同步功能不错 - Markdown Preview:可以进行...

cyper
2015/09/04
194
0
sublime 2/3 install package control 插件 皮肤 快捷键 安装

sublime俨然已经越来越火,我也果断加入了他们的行列,今天整理一个我个人在使用中的知识积累,记录下来 安装 现在官网上有两个版本,sublime2是比较稳定版,sublime3还处于beta版,3 的功能...

RocZhang
2013/09/17
0
1
Ubuntu 系统 sublime3 中文输入

转载自 http://doc.polarwin.cn/tutorial/Ubuntusublime3chineseinput.html -------------本文完全复制的上面的文章-------------------- Ubuntu安装sublime3并解决中文输入问题 1 安装 首先...

求学ing
2015/11/05
0
0
在Hexo中使用Mathjax渲染LaTeX数学公式

版权声明:本文为本人原创文章,未经本人允许不得转载,谢谢。 https://blog.csdn.net/yuanlaijike/article/details/82598651 转载于:如何在Hexo中使用Mathjax渲染LaTeX数学公式 平时使用m...

Jitwxs
2018/09/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ToolBar控件在C#开发APP中的使用方式【附案例源码】——Smobiler移动开发平台

控件说明 底部工具栏控件。 效果演示 其他效果 该界面为仿淘宝UI制作的一个简单的UI模板,源码获取方式请拉至文章末尾。 特色属性 属性 属性说明 Direction(相对布局) 容器主轴方向。 Flex...

amanda112
19分钟前
0
0
模块

AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等...

gtandsn
25分钟前
1
0
代码之外的生存指南,这6本书助你提升软实力

上期盟主向大家推荐了6本技术类书籍,引起了热烈反响。那么,工作之余,还有哪些好书能够为你打开更多的精彩世界呢?本期,多位知名企业的技术大咖将继续为您带来好书推荐,在新的一年里,为...

安卓绿色联盟
28分钟前
3
0
5分钟用Jitpack发布开源库

作者: 菜刀文 Demo:https://github.com/helen-x/JitPackReleaseDemo 项目开发中会用到很多开源库, 他们一般通过Maven/Gradle依赖进来的. 演而优则唱,开发越来越溜以后, 你是否也蠢蠢欲动,想发...

SuShine
34分钟前
2
0
状态码 301 与 302的区别

302重定向只是暂时的重定向,搜索引擎会抓取新的内容而保留旧的地址,因为服务器返回302,所以,搜索搜索引擎认为新的网址是暂时的。 而301重定向是永久的重定向,搜索引擎在抓取新的内容的同...

小草先森
40分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部