使用Sublime Text 3进行Markdown 编辑+实时预览
我的图书馆
使用Sublime Text 3进行Markdown 编辑+实时预览
这种做法可能会对你的磁盘IO造成一小部分性能负担，但负面影响足以忽略。
另外，由于这种频率的读写会被磁盘缓存接管，不必担心磁盘寿命的影响。
对于刚安装好的Sublime Text，我们需要安装一个软件包管理器：
同时按下ctrl+`,将会在窗口底部出现一个小控制台：
我们把这段话复制并粘贴到控制台的编辑栏里：
import urllib.request, pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
耐心等待操作完成，之后关闭并重新打开Sublime Text 3.
安装我们要用到的插件
按下ctrl+shift+P打开快速菜单，键入’pcip’：
回车，等待数据更新，完成后会主动显示软件列表。
在里面输入以下软件名称并回车进行安装：
Markdown Editing // Markdown编辑和语法高亮支持
Markdown Preview// Markdown导出html预览支持
auto-save // 可自定义的自动保存功能
耐心等待操作完成，之后关闭并重新打开Sublime Text 3.
前两个是标准的markdown编辑与预览工具，第三个是实现实时预览的关键。
安装结束后我们新建一个md文档试试。
实现实时预览功能
先说最基本的预览，我们基于此实现实时预览
我们使用Markdown Preview插件来打开浏览器进行预览：
按下ctrl+shift+P打开快速菜单，键入’mp’
之后选择markdown即可打开你的默认浏览器来预览刚才的内容。
一定要记得先在磁盘上保存为一个文件，这样才能转化成html。
开挂！实现浏览器自动刷新
对于浏览器而言，我们让它自动刷新只需在md文件最下面加入一行：
&meta http-equiv="refresh" content="0.1"&
0.1负责表示刷新间隔，单位是秒，个人觉得这是一个比较稳妥的设定值。
太快的话我们难以滚动页面，太慢的话有可能体验很差。
为了不让滚动时编辑的新文字触底，我们在最后一行的刷新代码之上打好几个占空间的行即可。
由于空行不会被解析，我们在每一行之前放一个字符#或者打三个以上的减号表示分割线。
最后一步：实现md文档到html文件的自动更新
这里我们用到了一个叫做auto-save的插件，它可以针对一个文档实现空闲x秒后自动保存。
我们打开auto-save的默认设置和用户设置文件：
Preference-&Package Settings-&Auto-save-&打开Settings-Defualt和Settings-User
将Default的内容复制粘贴到User里面，然后修改等待时长：
"auto_save_delay_in_seconds": 0.15,
经过实测，0.15是一个比较能接受的值，不会对磁盘造成频繁读写的影响，延迟也不大。
最后就是打开本文档的自动保存功能了：
按下ctrl+shift+P打开快速菜单，键入’auto’
选择到current file only按下回车
状态栏应该显示。
至此，自动保存将在文档更改0.15秒后触发一次，停止自动保存就将上述步骤再做一次即可。
现在我们就能够开双侧窗口一边编辑一边预览了~
TA的最新馆藏[转]&[转]&[转]&
喜欢该文的人也喜欢&>&Sublime Text 3 支持Markdown
Sublime Text 3 支持Markdown
上传大小：38.04MB
Sublime Text 3 支持Markdown，可以在Csdn上面使用
综合评分：5（2位用户评分）
所需积分/C币：
下载个数：16
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var q = $("#form1").serializeArray();
console.log(q);
var res_area_r = $.trim($(".res_area_r").val());
if (res_area_r == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
var mess = $(".res_area_r").val();
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
$(".res_area_r").val($.trim($(".res_area").val()));
评论共有2条
东西不错，我喜欢，所以过来评论
还行啦，没怎么用呢，感觉现在用不到啊
审核通过送C币
计算机算法数学基础
创建者：lijunhu
计算机算法
创建者：lijunhu
创建者：lijunhu
上传者其他资源上传者专辑
Todolist.zip
commons-io-2.4.jar
Todolist原版PPT
ActionBarSherlock开源项目
Android-ViewPagerIndicator 开源项目
开发技术热门标签
VIP会员动态
下载频道积分规则调整V1710.18
CSDN下载频道积分调整公告V1710.17
开通VIP，海量IT资源任性下载
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
CSDN&VIP年卡&4000万程序员的必选
为了良好体验，不建议使用迅雷下载
Sublime Text 3 支持Markdown
会员到期时间：
剩余下载个数：
剩余C币：593
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
全站300个资源免积分下载
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
全站300个资源免积分下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
全站300个资源免积分下载
为了良好体验，不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
Sublime Text 3 支持Markdown}