(转载)sublime3安装markdown插件

原文链接 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写作给你带来的乐趣吧.

时间: 2024-11-05 12:31:53

(转载)sublime3安装markdown插件的相关文章

给Eclipse安装Markdown插件

Markdown Editor 安装Markdown插件可以实现 .md 和 .txt 文件的 Markdown 语法高亮,并提供 HTML 预览. 因为之前没有安装过别的插件,eclipse上安装插件最好配置好国内镜像源. Help -> Install New Software.. -> Available Software Site. 或者 Window -> Preferences -> Install/Update -> Available Software Sit

Eclipse安装Markdown插件

Markdown Editor 安装Markdown插件可以实现 .md 和 .txt 文件的 Markdown 语法高亮,并提供 HTML 预览. 因为之前没有安装过别的插件,eclipse上安装插件最好配置好国内镜像源. Help -> Install New Software.. -> Available Software Site. 或者 Window -> Preferences -> Install/Update -> Available Software Sit

vim安装markdown插件

vim-markdown插件安装 我用的是vundle管理插件,所以修改~/.vimrc 配置文件,添加 1 Plugin 'plasticboy/vim-markdown' 之后执行 1 :PluginInstall vim-instant-markdown插件安装 这是一个实时 大专栏  vim安装markdown插件预览的插件,当你用vim打开markdown文档的时候,会自动打开一个浏览器窗口,并且可以实时预览.此插件目前支持OSX和Unix/Linux 首先要保障安装了nodejs 安

Pycharm安装Markdown插件

pycharm默认是没有支持Markdown文件渲染功能的,打开Markdown只能看到文件的样子,但是pycharm丰富的插件令功能扩展十分容易,我们只要到插件商店安装相应插件就能使自己的pycharm支持Markdown文件. 有个更简单的办法是,打开一个Markdown文件,上方提示栏提示有相应的插件可以安装,点击"Install plugins",弹出安装界面,有两个插件可选,选择其中一个安装即可,重启pycharm,Markdown文件就能渲染显示了. 原文地址:https:

在sublime上安装markdown插件(win10)

1.markdown插件安装 --ctrl+shift+p --在命令框中选中 package control:install package 选中它  按回车 --在命令框中输入 markdown,选中插件,按回车 ①安装MarkdownEditing MarkdownEditing提供markdown编辑的基本辅助提示,也有自己的一套配色方案.安装此插件可以方便markdown的书写. ②安装Markdown Preview 这个插件是用来预览markdown文档的. ③安装Markdown

WordPress 安装 Markdown 插件

WordPress 安装插件实现使用 Markdown 风格的博客 一.前言 前文实现了 树莓派/Debian 构建 LAMP Web 服务器并搭建 WordPress 博客 ,本文就如何在 WordPress 里实现使用 Markdown 风格的博客. Markdown 简述 Markdown 的目标是实现「易读易写」. 可读性,无论如何,都是最重要的.一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成.Markdown 语法受到

mac 上sublime3安装编码插件

我们常常会遇到这样的问题:我们使用 mac 的时候,从 windows 上接受过来的文档通过 sublime3打开之后就是乱码,这个时候需要安装相对应的编码插件才能正常查看. 1. 打开 sublime,在随便一个界面中介入快捷键:command + shift + p ,会出现如下图所示: 2. 然后输入: install package 3. 点击安装 install Package.安装完成之后,再次使用快捷键:command + shift + p ,输入:ConvertToUTF8 4

elcipse 安装svn插件 转载

1.下载最新的Eclipse,我的版本是3.7.2 indigo(Eclipse IDE for Java EE Developers)版    如果没有安装的请到这里下载安装:http://eclipse.org/downloads/ 2.下载SVN插件subclipse,安装方法有两种.那种绿色的以link方式安装的方式我在indogo上试了多次就是没成功. 3.SVN插件下载地址及更新地址,你根据需要选择你需要的版本.现在最新是1.8.x Links for 1.8.x Release: 

转载 eclipse 安装插件 jsp,html, js, css viewer

转载 http://www.cnblogs.com/mmmn/archive/2013/01/22/2870750.html 内容如下: 编辑一些页面文件,例如JSP,HTML,JS等,直接用内置的文本编辑器基本比较疯狂,自己选了一个顺手的编辑器,Eclipse HTML Editor! Eclipse HTML编辑器插件主要提供以下功能:- HTML/JSP/XML/CSS/DTD/JavaScript语法高亮- HTML/JSP预览- JSP/XML验证- HTML标签,基于DTD的XML,