安装插件,更优雅地使用Sublime Text 3 书写Markdown

前言

Sublime Test 3是一款强大的代码编辑器,支持多种编程语言。其拥有漂亮的用户界面和强大的插件扩展功能。最近想用Markdown标记语言练习下写blog,Sublime Text也支持Markdown标记语言,遂用之。工欲善其事,必先利其器。为了更加高效舒服地写Markdown,我们需要安装两个插件:MarkdownEditing和OmniMarkupPreviewer。MarkdownEditing拥有实用的Markdown编辑功能、强大的语法高亮效果和优雅的主题。OmniMarkupPreviewer是一款将Markdown等标记语言渲染为HTML并在浏览器上实时预览的插件。

准备工作:安装Package Control(可选)

MarkdownEditing和OmniMarkupPreviewer这两款插件都可以方便地在Package Control中搜索下载并安装。具体过程,这篇文章已经介绍的很清楚了,在此不再赘述。详情可参考Sublime Text 3安装Package Control插件

通过使用Package Control安装成功后就可以忽略下文中MarkdownEditing和OmniMarkupPreviewer的安装内容。如果在使用Package Control出现以下问题,或者不想安装Package Control插件,也可跳过此步骤,但在安装MarkdownEditing和OmniMarkupPreviewer插件时就需要参考下文的安装过程。

Package Control

There are no packages available for installation

Please see https://packagecontrol.io/docs/troubleshooting for help

安装插件,更优雅地使用Sublime Text 3 书写Markdown_第1张图片

MarkdownEditing插件

安装

  1. MarkdownEditing源文件下载

    下载地址:https://github.com/SublimeText-Markdown/MarkdownEditing

  2. 点击右上角的Clone or download按钮,然后选择Download ZIP


    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第2张图片
  3. 将下载的ZIP文件解压,并重命名为MarkdownEditing

  4. 在菜单栏中点击Preferences > Browe Packages...,打开一个文件夹,复制刚才的Package Control文件至此目录下。

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第3张图片
  5. 重启Sublime Text,插件生效

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第4张图片

    显示效果

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第5张图片

使用tips

  • 推荐阅读一下README,里面有详细的使用说明。其中内容也是用Markdown书写的,结合下面将要介绍的OmniMarkupPreviewer插件阅读效果更佳。

  • 我常用的快捷键(更多的快捷键请参阅README)

    • Ctrl+Win+V(macOS下为Command+Option+V) 利用粘贴板的链接内容创建链接
  • 等标签有些渲染器并不能识别(如),慎用。

  • GFM格式:GFM即GitHub Flavored Markdown,是Markdown标记语言中的一个分支。Markdown 有多个实现, Github, 以及国内很多社区都是使用 GFM包括 Python China, Ruby China,SegmentFault 都用了 GFM 语法。有 Node 模块 marked 支持 GFM 的渲染。可以识别代码块中各种编程语言的关键字并高亮显示。

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第6张图片

    效果

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第7张图片

    GFM切换方法:点击Sublime Text右下角的Markdown,然后按图所示操作。

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第8张图片

OmniMarkupPreviewer插件

安装

源文件下载地址:https://github.com/timonwong/OmniMarkupPreviewer

安装过程与MarkdownEditing插件安装过程类似,不再赘述。ZIP文件解压后重命名为OmniMarkupPreviewer

效果:

安装插件,更优雅地使用Sublime Text 3 书写Markdown_第9张图片

使用tips

  • 快捷键

    Ctrl+Alt+O(macOS下为Command+Option+K)在浏览器中实时预览

  • 可以实现多设备共同实时预览渲染效果,如果你有iPad等设备就可以实现在电脑上编辑,在iPad上预览效果,真心好用。

    操作方法:

    1. 如图所示进行操作

      安装插件,更优雅地使用Sublime Text 3 书写Markdown_第10张图片
    2. 在命令提示符中输入ipconfig找到你的电脑的本地IP地址

      安装插件,更优雅地使用Sublime Text 3 书写Markdown_第11张图片
    3. 将在第一步中打开的配置文件中的"server_host": "127.0.0.1",改为你电脑的IP地址。再用本机打开渲染后的页面,记录网页地址。将你的其他设备连入同一WiFi网络,打开刚才记录的网址即可访问。如果弹出防火墙提示,请选择允许访问专用网络。

更加深入的探索可参考这篇文章

书写Markdown

  • Markdown的书写教程网上多如牛毛,可自行搜索。

  • 要输入* ` 等具有特殊含义的字符时可以使用\进行转义

  • 使用列表时注意缩进,否则编号可能会错乱。

  • 用Markdown书写文章图片的插入是比较麻烦的,需要借助图床来实现,在国内我觉得用微博作为图床就很方便。而且已经有大神做了一个Chrome插件,可以更加非常快速地创建图片链接。

    安装插件,更优雅地使用Sublime Text 3 书写Markdown_第12张图片

    安装地址:Chrome Web Store

    源码:GitHub地址

    参考:分享昨天撸的一个 Chrome 插件 : 新浪微博图床(围脖是个好图床升级版)





参考
http://www.jianshu.com/p/335b7d1be39e

你可能感兴趣的:(安装插件,更优雅地使用Sublime Text 3 书写Markdown)