最新版Sublime Text3 通过插件的方式,可以完美支持Markdown文档的编写,但是,唯一不完美的是实时预览的缺陷。可能各位看官要喷了,谁说Sublime Text3 不能实时预览的?你看:

  1. 从官网下载最新版本Sublime Text3: 点我下载
  2. 安装完成后,先安装包管理工具,再通过包管理工具安装其它第三方插件。

    先使用Ctrl+`快捷键或者通过View->Show Console菜单打开界面底部的命令行窗口,然后粘贴如下代码后回车等待左下角安装完成:
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)
  1. 如果因为某些不明原因无法通过上面这种代码方式安装,那我们通过软件的菜单功能来安装也一样:
  2. 1.点击Preferences > Browse Packages菜单

    2.进入打开的目录的上层目录,然后再进入Installed Packages/目录

    3.下载Package Control.sublime-package并复制到Installed Packages/目录

    4.重启Sublime Text

  3. 安装好基础的包管理工具后重启Sublime Text3,然后快捷键Ctrl + Shift + P 调出命令面板,输入pcip,选择Package Control: Install Package然后回车,等待加载仓库完成后会自动弹窗新的下拉窗口,然后依次输入并安装以下插件:
插件 功能
MarkdownEditing 一个提高Sublime中Markdown编辑特性的插件
MarkdownPreview Markdown转HTML,提供在浏览器中的预览功能
MarkdownLivePreview 提供在编辑框中实时预览的功能
LiveReload 一个提供md/html等文档的实时刷新预览的的插件

其中实时预览Markdown文件,左侧为md文件,右侧为预览结果 ;而MarkdownPreview 是提供在浏览器中预览的功能。

  • 在编辑器右侧预览:MarkdownLivePreview默认关闭实时预览,打开方式为在Preferences -> Package Settings -> MarkdownLivePreview -> Settings 的设置的右侧加一条 "markdown_live_preview_on_open": true, 注意最后有个逗号,重启sublime即可。
  • 通过浏览器预览:组合键 Ctrl+Shift+P 调出命令面板

    输入mdp找到并选中Markdown Preview: Preview in Browser

    出现两个选项:github和markdown。任选其一即可,github是利用GitHub的在线API来解析.md文件,支持在线资源的预览,如在线图片它的解析速度取决于你的联网速度。该方式据说一天只能打开60次。markdown就是传统的本地打开,不支持在线资源的预览。

  1. 实际使用起来发现,在编辑器右侧预览(左侧编码),效果很差,还卡顿卡顿的,而通过浏览器的方式预览,却又不完整,如下图: 我们通过Typora的方式打开同样的markdown代码看下效果:

这… 这完全不是一个档次的好么,可能是我的使用方式有问题,但是看到后者这个预览界面,我是深深的喜欢上它了,并且是免费的,支持编辑跟预览在一起,而不是分开一个编辑界面一个预览界面。并且它原生支持中文,不需要破解、不需要汉化,无痛使用~ 点我去下载

专业就是把一件事情做精了,而且只做一件事~ Typora 就是只支持Markdown文档的编写,Sublime Text3 很好很强大,但是对于离线创作Markdown文档,我还是喜欢前者~

Markdown 的离线编辑工具推荐:Sublime Text3 or Typora?我推荐Typora的更多相关文章

  1. 【编程工具】Sublime Text3的安装和常用插件推荐

    本人刚刚学习 HTML,曾经上网找过一些编写 HTML 的软件,但感觉都不太好,经过三挑四选下,最终我决定选择 Sublime Text3 这款软件来作为学习工具,上网找到了许多实用的插件,在这里给大 ...

  2. 【编程工具】Sublime Text3快捷键配置

    我们在使用编译软件时,总是喜欢使用快捷键来方便我们的操作,但有些编译软件不支持快捷键的修改和设置,为了能够更加方便的使用 Sublime Text3,这里我介绍几个 Sublime Text3 设置快 ...

  3. 推荐一款好用的博客离线编辑工具——OpenLiveWriter

    1.前言 我们自己一般在写博客的时候都是在博客官网后台写的,但是如果要在多个平台发布博客的话,那就要复制好前面写好的博客,然后再去其它博客平台发布,可见非常的麻烦. 这里推荐一款好用的离线多功能,多平 ...

  4. 开发工具:sublime text3安装Vue语法高亮插件

    一.将插件克隆到Sublime的packages目录 1.下载并解压插件(或直接git命令clone),得到vue-syntax-highlight-master文件夹 插件地址:https://gi ...

  5. 【编程工具】Sublime Text3 之 Emmet 插件的详细使用的方法

    这篇关于 Emmet 插件使用的博文之前就想写了,今天刚好闲暇时间,就花了一些时间进行了总结. 我们都这道 Emmet 这款插件在前端设计里被称为神器,确实,神器称号名不虚传.因为这款插件可以帮助我们 ...

  6. go语言开发工具sublime text3 + gosublime配置

    开始go语言开发时,网上google了下go的开发工具,大都推荐 sublime text3+gosublime.但是实际操作中gosublime不能直接安装,需要自己手动安装.将自己的安装过程整理一 ...

  7. Sublime text3 JS语法检测工具安装及使用

    Sublime text3 JS语法检测工具安装及使用 工具/原料 sublime text3 nodejs sublimeLinter sublimeLinter-jshint 方法/步骤 首先ct ...

  8. Sublime Text3快捷键以及常用插件

    工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我 ...

  9. sublime text3怎么批量查找替换文件夹中的字符

    在编写代码的时候,往往有些代码是重复的,但是如果要改一处代码,其他的地方也要改.那么怎么批量修改呢?下面小编就以sublime text3为例来讲解一下sublime text3怎么批量查找替换文件夹 ...

随机推荐

  1. Mom and Dad

    Mom  Poodwaddle Life clock Dad Poodwaddlw Life clock Happiness is the meaning and the purpose of lif ...

  2. 使用python调用email模块发送邮件附件

    使用python调用email模块实现附件发送 需要模块: import datetime import time import sys import mimetypes import smtplib ...

  3. PaperNotes Instance-Level Salient Object Segmentation

    title: PaperNotes Instance-Level Salient Object Segmentation comments: true date: 2017-12-20 13:53:1 ...

  4. 【Android】Android 手机忘记锁屏密码的解决办法

    对于忘记Android锁屏密码的筒子们,除重新刷包或者wipe data外,还可用adb来删除密码: 方法很简单 1.手机连接电脑,不要打开数据连接,在充电模式下进行. 2.在电脑上,解压adb.zi ...

  5. 谁说java里面有返回值的方法必须要有返回值,不然会报错????

    慢慢的总是发现以前的学得时候有些老师讲的不对的地方! 所以还是尽量别把一些东西说的那么绝对,不然总是很容易误导别人,特别是一些你自己根本就没有试过的东西,然后又斩钉截铁的告诉别人,这样不行,肯定不行什 ...

  6. windows配置tomcat https访问

    主要参考两篇: http://blog.csdn.net/minute_man/article/details/53787682 http://blog.csdn.net/chow__zh/artic ...

  7. 15行Python 仿百度搜索引擎

    开发工具:PyCharm 开发环境:python3.6 + flask + requests 开发流程: 1. 启动一个web服务 from flask import Flask app = Flas ...

  8. IEnumerable 与 IEnumerable<T>

    转自:https://blog.csdn.net/qq_21419015/article/details/80495322 IEnumerable 和IEnumerable<T> 接口在 ...

  9. React前端框架路由跳转,前端回车事件、禁止空格、提交方式等方法

    react router - historyhistory.push() 方法用于在JS中实现页面跳转history.go(-1) 用来实现页面的前进(1)和后退(-1) 访问js连接后+?v1清缓存 ...

  10. Service工作原理

    --摘自<android插件化开发指南> 一.在新进程启动Service 第一步:APP向AMS发送一个启动Service的消息 通过AMN/AMP把要启动的Service信息发送给AMS ...