关闭

Sublime Text 3 使用MarkDown编写带预览的文本

标签: markdownSublimeTex在浏览器中预览-md
30370人阅读 评论(2) 收藏 举报
分类:

看到别人使用一个叫Markdown的标记语言来完成编码,心里就有点小激动,毕竟简短的几个符号,就可以写出如此精美的界面,实在是让人感到心旷神怡啊。于是我就在网上搜索了一些相关项的设置,于是便有了下面的文章。
我的Markdown 初体验学习笔记


首先是安装Sublime Text


无论是2还是3,都是支持markdown标记语言的,所以我们不必为选择那个版本而纠结。
下载完成之后一般来说我们都要先配置一下。
(那个go to anything 的很简单,在这里就不再叙述了。)


然后是安装需要的包


为了达成我们的目标,我们通常来说会安装下面的一些package。

  • package control install
  • markdown editting
  • markdown preview

具体的步骤是,按住ctrl + shift + P 来调出一个弹出的输入框
然后输入package control install。等待左下角的缓冲结束,
接着再向弹出的输入框中分别输入markdown editingmarkdown preview .这样就完成了我们需要的包的安装了,重启之后即可使用。


额外的配置


其实到上面已经是完成了我们今天的任务了,但是作为一名追(zhi)求(shi)省(tai)事(lan)的程序猿。我们还需要做的更加的方便才行啊。本人一般来说喜欢在浏览器中进行预览的实现。
于是,我们就需要在Sublime的配置中进行自定义的配置了。


在浏览器中进行预览的步骤如下:

  • preference--> key binding user 中输入
[
    {"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"}}
]

  • 然后是设置语法高亮和mathjax支持
{
    "font_size": 13,
    "ignored_packages":
    [
        "Vintage"
    ],

    /*
        Enable or not mathjax support.
    */
    "enable_mathjax": true,

    /*
        Enable or not highlight.js support for syntax highlighting.
    */
    "enable_highlight": true,


}

大功告成了


现在,打开你的Sublime Text,编辑一个.md文件吧。
哦,对了。这个文件需要符合markdown的规范,这样才能较好的进行显示。
然后按住alt + m ,预览你编辑的文件吧。

6
0
查看评论

使用Sublime Text 3写Markdown

安装Markdown Preview 插件 安装使用Markdown Editing
  • qazxswed807
  • qazxswed807
  • 2016-04-24 22:04
  • 14795

Sublime Text3下两款Markdown插件 支持实时预览与代码高亮

Sublime Text3 安装 Package Control 快捷键 ctrl+` Sublime Text3安装Package Control代码如下import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a...
  • qq_15654993
  • qq_15654993
  • 2017-07-17 20:18
  • 919

sublime安装markdown插件

安装前安装package controlsublime在使用插件前,需要先安装package control插件 下载package control 点击Preferences->Browser Packages... 返回上级目录,然后进入Installed Packeges目录 将刚才下载...
  • ababybear
  • ababybear
  • 2016-05-27 00:46
  • 3110

如何使用Sublime Text 3作为Markdown编辑器

如何使用Sublime Text 3作为Markdown编辑器?参考百度经验: http://jingyan.baidu.com/article/f006222838bac2fbd2f0c87d.html?st=2&net_type=&bd_page_type=1&os=0...
  • u012195214
  • u012195214
  • 2017-04-23 20:06
  • 468

Sublime Text 3安装markdown插件

sublime text3安装 package control和插件
  • Vi_error
  • Vi_error
  • 2017-01-16 21:42
  • 772

sublime markdown 配色

【开源中国】https://www.oschina.net/code/snippet_225435_21040 老外做的一个markdown 配色主题. 这个配色是我目前在网上找的最完美的了。
  • P_LarT
  • P_LarT
  • 2017-06-03 21:01
  • 472

使用Sublime Text 3进行Markdown 编辑+实时预览

这种做法可能会对你的磁盘IO造成一小部分性能负担,但负面影响足以忽略。另外,由于这种频率的读写会被磁盘缓存接管,不必担心磁盘寿命的影响。
  • github_32886825
  • github_32886825
  • 2016-10-26 02:42
  • 22796

sublime text 3 实现markdown 实时预览的方法

实现markdown实时预览先安装两个插件, 推荐使用Package Control的方式安装.安装Markdown Preview ctrl+shift+p, 然后输入 Install Package 输入Markdown Preview, 回车 实时预览为了实现实时预览, 请跟随以下步骤: 更...
  • wolfqong
  • wolfqong
  • 2017-07-25 11:01
  • 2389

Atom - 介绍和使用方法(好用的文本编辑器,代码提示高亮、Markdown)

一,Atom介绍Atom 是 Github 开源的文本编辑器,这个编辑器完全是使用Web技术构建的(基于Node-Webkit)。启动速度快,提供很多常用功能的插件和主题,可以说Atom已经足以胜任“半个IDE”了。个人感觉有如下几个优点:(1)多平台支持(Window...
  • qq_32340877
  • qq_32340877
  • 2018-01-18 14:13
  • 99

Sublime Text插件Markdown Editing页面设置问题

☆ 问题 1. 背景颜色丑陋 2. 左右两侧有大量空白☆ 解决方案第一步 ctrl+shift+p打开命令输入,打开 Preference: MarkdownEditing Setting: Userctrl+shift+p打开命令输入,打开Preference: MarkdownEditi...
  • oneqinglong
  • oneqinglong
  • 2017-05-16 10:17
  • 566
    个人资料
    • 访问:3235386次
    • 积分:34853
    • 等级:
    • 排名:第149名
    • 原创:357篇
    • 转载:35篇
    • 译文:9篇
    • 评论:733条
    友情链接
    我的偶像
    个人主页
      GitHub
    放松一下
    博客专栏
    最新评论
    版权信息
    去除本页广告
    图片炸弹装填中...

        
    [img=赞一个]http://bpic.588ku.com/element_origin_min_pic/16/12/12/0d96da96cf36505736c09d63832eaac8.jpg[/img]