SublimeText配置Markdown编辑及预览

简介: 本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。

概述

本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。

所需工具

  • Sublime Text + Package Control
  • 插件:Markdown Editing
  • 插件:Markdown Preview
  • 插件:LiveReload
  • 浏览器

具体步骤

1、 安装Sublime Text以及Package Control

Package Control是非常有用的插件包管理工具,有了它可以方便地下载安装其他插件。

2、 安装三个插件

ctrl + shift + P`调出控制台,选择`Package Control: Install Packge

分别搜索并安装三个插件:MarkdownEditing,MarkdownPreview,LiveReload。

img

3、 配置三个插件

  • MarkdownEditing:

打开Preferences -> Package Settings -> Markdown Editing -> Key Bindings

img

添加以下内容:(设置预览快捷键为alt + m

{   
    "keys": ["alt+m"], 
    "command": "markdown_preview", 
    "args": {"target": "browser", "parser":"markdown"} 
}

img

  • MarkdownPreview:

打开Preferences -> Package Settings -> Markdown Preview -> Settings

img

添加以下内容:

   "enable_autoreload": true,

img

  • 启动LiveReload

ctrl + shift + P,输入LiveReload: Enable/disable plug-ins,选择Enable: Simple Reload

img
img

配置完成!

4、 测试:

编写markdown文章,ctrl + S保存,按alt + M呼出浏览器可以看到预览。之后每次修改完毕按保存,预览窗口会自动刷新。

编辑器界面:

img

浏览器界面:

img

相关文章
|
2月前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
163 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
2月前
|
开发工具
用 Vim 编辑 Markdown 时直接粘贴图片
介绍一款 Vim 插件,可以帮助提升编辑 Markdown 时的从剪贴板粘贴图片的效率和体验。
33 2
|
3月前
|
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 )的使用
|
7月前
|
人工智能 前端开发 开发者
编辑技能:使用 Markdown 标记语言仅仅靠键盘也能完成排版,鼠标兄弟可以一边歇着了
Markdown 是一种标记语言,对于 SaaS 服务商和 AI 提示词编写者来说是必备技能。它使用简单的符号如 `#`, `-`, `>` 进行文本排版,无需复杂富文本编辑器。通过键盘输入即可实现标题、列表等样式,比 WPS 或 Word 更便捷。Markdown 广泛应用于云平台社区、问答网站、GitHub 项目文档及开源程序。了解基础后,适应不同平台的自定义语法相对容易,且有多种 Markdown 客户端工具可供选择,如 Typora、MarkText 和 Obsidian。Visual Studio Code 配合插件也是强大工具,适合撰写公众号推文等。
61 4
编辑技能:使用 Markdown 标记语言仅仅靠键盘也能完成排版,鼠标兄弟可以一边歇着了
|
7月前
|
前端开发 API CDN
Electron实现你自己的Markdown编辑软件
Electron实现你自己的Markdown编辑软件
|
7月前
|
XML 搜索推荐 开发工具
全面指南:技术写作与编辑工具 Markdown、Git 研究工具
在技术写作领域,“工具”是指技术写作者用于创建、管理和发布高质量技术文档的各种软件和应用程序。这包括文字处理器、桌面出版应用程序、XML 编辑器、内容管理系统等等。一些技术写作者常用的工具示例包括 Microsoft Word、WPS、Typora、Notion、印象笔记、GitHub、飞书云文档 和 VSCode 等。这些工具通过允许文档版本控制、启用协作、提供用于一致格式设置的模板、提供管理大量内容的功能,甚至提供将文档翻译成多种语言的功能,从而提高了生产力。工具的选择取决于技术写作者或其工作的组织的具体需求和工作流程。
504 4
怎么添加文章目录,然后点击目录跳转到对应的内容目录标题+怎么打开MarkDown编辑
怎么添加文章目录,然后点击目录跳转到对应的内容目录标题+怎么打开MarkDown编辑
141 0
|
测试技术 数据库 数据安全/隐私保护
推荐一个牛逼的开源在线文档系统,支持Markdown和富文本编辑模式!
推荐一个牛逼的开源在线文档系统,支持Markdown和富文本编辑模式!
3702 0
推荐一个牛逼的开源在线文档系统,支持Markdown和富文本编辑模式!
【Latex】Jupyter/Markdown/Latex快速编辑高大上数学公式/常见希腊字母
【Latex】Jupyter/Markdown/Latex快速编辑高大上数学公式/常见希腊字母
177 0