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

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

看到别人使用一个叫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 editing 和markdown 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 ,预览你编辑的文件吧。

目录
相关文章
|
前端开发 JavaScript Linux
Sublime Text 3配置Go语言开发环境
【4月更文挑战第13天】本篇文章 Huazie 向大家介绍使用 Sublime Text 3搭建Go语言开发环境,并演示编译运行 Go语言代码
1360 8
Sublime Text 3配置Go语言开发环境
lua环境,sublime text 插件安装
lua环境,sublime text 插件安装
|
人工智能 文字识别 自然语言处理
Vision Parse:开源的 PDF 转 Markdown 工具,结合视觉语言模型和 OCR,识别文本和表格并保持原格式
Vision Parse 是一款开源的 PDF 转 Markdown 工具,基于视觉语言模型,能够智能识别和提取 PDF 中的文本和表格,并保持原有格式和结构。
2542 19
Vision Parse:开源的 PDF 转 Markdown 工具,结合视觉语言模型和 OCR,识别文本和表格并保持原格式
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
SublimeText配置Markdown编辑及预览
本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。
3087 14
|
JSON 小程序 前端开发
towxml的使用,在微信小程序中快速将markdown格式渲染为wxml文本
本文介绍了在微信小程序中使用`towxml`库将Markdown格式文本渲染为WXML的方法。文章提供了`towxml`的概述、安装步骤、以及如何在小程序中配置和使用`towxml`进行Markdown解析的详细说明和代码示例。
|
开发框架 前端开发 C#
Sublime Text 3配置 C# 开发环境
【5月更文挑战第2天】本篇 Huazie 介绍了 Sublime Text 3 配置 C# 的相关内容,感兴趣的朋友赶紧配置起来,有任何问题可以随时评论区沟通。
64062 7
Sublime Text 3配置 C# 开发环境
|
C++
Sublime Text 3 解决中文乱码问题
【5月更文挑战第1天】本篇介绍 Sublime Text 3 解决中文乱码问题,不仅仅适用于 C/C++ 代码,也适用于其他任何 Sublime Text 3 集成的开发环境。
3376 5
Sublime Text 3 解决中文乱码问题
|
前端开发 Unix Linux
Sublime Text 3配置 Python 开发环境
【5月更文挑战第7天】本篇 Huazie 介绍了 Sublime Text 3 配置 Python 开发环境的相关内容,感兴趣的朋友赶紧配置起来,有任何问题可以随时评论区沟通。
697 1
Sublime Text 3配置 Python 开发环境
|
Python
Sublime Text Python 代码提示插件 Anaconda
Sublime Text Python 代码提示插件 Anaconda
593 1

热门文章

最新文章