首页 > 其他分享 >SublimeText配置Markdown编辑及预览

SublimeText配置Markdown编辑及预览

时间:2024-09-15 22:36:20浏览次数:10  
标签:Control 插件 Markdown 预览 Package LiveReload SublimeText

概述

本文详细介绍了如何配置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。

3、 配置三个插件

  • MarkdownEditing:

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

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

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

  • MarkdownPreview:

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

添加以下内容:

   "enable_autoreload": true,

  • 启动LiveReload

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


配置完成!

4、 测试:

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

编辑器界面:

浏览器界面:

标签:Control,插件,Markdown,预览,Package,LiveReload,SublimeText
From: https://www.cnblogs.com/phyjack/p/18415784

相关文章

  • 博客建站9 - hexo网站如何提升markdown文档的编辑效率和体验
    1.本网站的系统架构2.场景概述3.影响效率的问题和解决方案3.1.图片插入-根据文章来分类管理3.1.1.效率问题3.1.2.解决方案3.2.图片插入-从剪贴板中插入图片3.2.1.效率问题3.2.2.解决方案3.3.图片插入-在VSCode中预览图片3.3.1.效率问题3.3.2.解决......
  • 80岁老奶奶都可以看懂的Markdown操作指北【VScode版】
    ·MARKDOWN从入门到入土·MARKDOWN是啥?一个写作时候专注于内容,定稿时集中处理格式的高级world文档!哈哈哈·为什么用MARKDOWN?当然是因为它好用啦选择Markdown取决于你的具体需求和使用场景。如果你更注重内容创作、版本控制和跨平台兼容性,Markdown可能是更好的选择。·MAR......
  • 博客建站9 - hexo网站如何提升markdown文档的编辑效率和体验
    1.本网站的系统架构2.场景概述3.影响效率的问题和解决方案3.1.图片插入-根据文章来分类管理3.1.1.效率问题3.1.2.解决方案3.2.图片插入-从剪贴板中插入图片3.2.1.效率问题3.2.2.解决方案3.3.图片插入-在VSCode中预览图片3.3.1.效率问题3.3.2.解决......
  • WordBN字远笔记!更新1.2.2版本|Markdown编辑器新增高亮功能,界面新增深色模式
    WordBN字远笔记1.2.2版本更新描述WordBN字远笔记在1.2.2版本中进行了多项重要的更新与改进,旨在提升用户的编辑体验和视觉舒适度。以下是本次更新的两大亮点:Markdown编辑器新增高亮功能以及界面新增深色模式。1.Markdown编辑器新增高亮功能在1.2.2版本中,WordBN字远笔记的M......
  • react-pdf预览在线PDF的使用
    1、在react项目中安装react-pdf依赖包建议安装8.0.2版本的react-pdf,如果安装更高版本的可能出现一些浏览器的兼容性问题;[email protected] 1、PC端的使用1.1、封装一个组件:PdfViewModal.tsximportReact,{useState}from'react'import{Modal,Spin,......
  • 第四天旅游线路预览——从贾登峪到喀纳斯景区入口(贾登峪游客服务中心)
    第四天:从贾登峪到喀纳斯风景区入口,晚上住宿贾登峪;从贾登峪到喀纳斯景区入口(贾登峪游客服务中心):1)早上8:00起床,吃完早饭,8:30出发;2)从贾登峪到喀纳斯风景区,需要搭乘一站公交车,为免费公交车,路程4.3公里,车程约9分钟8:40左右到达喀纳斯景区入口(贾登峪游客服务中心);将上面的的行程安排......
  • 大模型API的响应内容(markdown语法)在Html中显示实例
    获取大模型API的响应内容的函数返回returnresponse.choices[0].messagefromzhipuaiimportZhipuAIdefget_response_from_model(question):client=ZhipuAI(api_key='your_api_key')response=client.chat.completions.create(model='glm-4-plus&......
  • Help:R markdown文档无法运行代码
    在markdown文档中,sourcepane的代码运行不了(就是run代码框的代码,不会运行,在console中也没有相应的运行记录),但是把代码粘贴到console中运行又是可以的。此外,在这种情况下,Rscript中的sourcepane是可以提交代码并且运行的。有时候一打开Rstudio就会这样,有时候跑一段时间的代......
  • 第三天旅游线路预览——从景区换乘中心到云霄峰
     第三天:从贾登峪到禾木风景区,晚上住宿贾登峪;从景区换乘中心可以乘车前往云霄峰景区,乘坐索道上山观景;将上面的的行程安排进行动态展示,具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearth studio进阶教程“相......
  • markdown语法(持续更新中……
    记录自己在学习中遇到的问题......