Sublime Text3 Markdown 编辑 + 实时预览

下面由%ignore_a_1%使用教程栏目给大家介绍如何用 sublime 编辑 markdown,并在浏览器中实时预览,希望对需要的朋友有所帮助!

Sublime Text3 Markdown 编辑 + 实时预览

说明

本文讲的是如何用 Sublime 编辑 markdown,并在 浏览器 中实时预览。

如果你想要的是在 Sublime 中实时预览,这边文章可能并不是很适用。

先来一张效果图:

a1bba24fa0d4a91e23b2c45c387bee8.png

需要的插件

● Markdown Editting

主要用来做 Markdown 编辑时的语法高亮,视觉效果更好

● Markdown Preview

用来在浏览器中预览效果

● LiveReload

热加载

设置步骤

1、安装 Package Control(如果已安装,请忽略此步骤)

1)打开控制台

使用 ctrl + 或者View -> show console` 打开控制台。

2)复制下面代码到 console 中(或者去 官网 复制)

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

2、安装插件

1)ctrl + shift + p 选择 Package Control: Install Packge

e95b06f6dfe292dff16e3ccb0da6fa8.png

2)在插件列表中,选择搜索 markdown preview

70e640202a5da1f840f24a5da1d7b0c.png

3)重复上面两步分别安装 Markdown Editting 和 LiveReload

3、修改配置项

1)将 Markdown Preview 的 enable_autoreload 设置为 true

打开 Preferences – Package Settings – Markdown Preview – Setting,在 user 设置中添加:

{    "enable_autoreload": true,}

2)启用 LiveReload

打开 ctrl + shift + p,输入 LiveReload: Enable/disable plug-ins,选择 Enable: Simple Reload。

4、设置预览快捷键

选择 Preferences — Key Bindings-User,将下面的内容添加进去:

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

以上就是Sublime Text3 Markdown 编辑 + 实时预览的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/116131.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
CentOS系统怎么安装软件_yum命令入门指南
上一篇 2025年11月24日 20:34:41
我们如何修改现有的 MySQL 事件?
下一篇 2025年11月24日 20:36:44

相关推荐

  • 百家号怎么过原创?百家号过不了原创的原因

    在如今这个信息爆炸的时代,百家号作为一个内容创作平台,吸引了大量创作者入驻。想要在百家号上获得原创标签,并非易事。本文将为大家分享一些过原创的技巧,帮助大家在百家号上提升内容质量。 一、了解原创标准 我们要明确百家号的原创标准。根据官方说明,原创内容需满足以下条件: 1. 内容必须是作者本人原创,不…

    2026年8月28日
    100
  • 夸克AI怎么处理PDF文档_夸克AI PDF解析与批注功能教程

    使用夸克AI可解析PDF并添加批注,先通过“文档”模块导入PDF,点击“用AI读文档”生成摘要与要点,长按文字选择高亮或批注并分类标签,批注汇总至笔记面板,最后导出PDF时可选包含AI解析内容与批注,支持本地保存或分享。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 Deep…

    2026年8月28日
    000
  • 如何清理浏览器缓存_各浏览器缓存清除指南

    清理浏览器缓存是指删除浏览器为加速网页加载而存储的临时文件,如图片、css、javascript等;2. 主要目的是解决网页显示错乱、加载旧内容等问题,并释放硬盘空间;3. 操作核心是进入浏览器设置或使用快捷键,选择清除数据类型时务必勾选“缓存的图片和文件”;4. 不同浏览器操作路径略有差异:chr…

    2026年8月28日
    000
  • 手把手教你们Python配置OpenCV环境,小白看一遍就会了

    手把手教你们Python配置OpenCV环境,小白看一遍就会了手把手教你们Python配置OpenCV环境,小白看一遍就会了手把手教你们Python配置OpenCV环境,小白看一遍就会了手把手教你们Python配置OpenCV环境,小白看一遍就会了

    ?️‍?1、简介?1.1、Opecv介绍 开课之前,我们先给大家讲讲opecv是一个基于bsd许可(开源)发行的跨平台计算机视觉和机器学习软件库,可以运行在linux、windows、android和mac os操作系统上。 [1] 它轻量级而且高效——由一系列 c 函数和少量 c++ 类构成,同时…

    2026年8月28日 用户投稿
    300
  • CCleaner怎么设置自动清理_CCleaner自动清理功能的设置方法

    CCleaner通过“监控器”功能可在系统启动时自动提示清理垃圾文件,用户可勾选“系统启动时运行监控器”并开启通知功能,实现开机或活动后提醒清理;若需完全自动化,可结合Windows任务计划程序创建定时任务,使用“/AUTO”命令行参数让CCleaner无人值守自动清理,从而提升系统运行效率。 CC…

    2026年8月28日
    100
  • VSCode怎么建立外部样式_VSCode链接外部CSS文件方法教程

    首先创建style.css文件并编写样式,然后在HTML的head中通过link标签引入,最后用Live Server插件实现实时预览;若样式未生效,需检查路径、语法、优先级、缓存及HTML结构,并利用开发者工具调试;大型项目应按模块或页面拆分CSS,结合预处理器、BEM规范和CSS Reset提升…

    2026年8月28日
    000
  • React前端与PHP后端联调:高效定位与解决PHP错误

    本文针对React前端与PHP后端集成时,PHP错误难以追踪的问题,提供了两种高效调试策略。核心在于通过配置PHP服务器端错误日志,将详细错误信息记录到文件,以及利用浏览器开发者工具的网络面板直接检查API的原始响应,从而避免JSON解析错误并快速定位后端问题。 问题剖析:React前端下PHP错误…

    2026年8月28日
    000
  • 使用Flag变量实现Java菜单循环与返回

    本文将介绍如何在Java程序中使用flag变量控制菜单的循环和返回。通过设置和判断flag变量的值,可以实现从子菜单返回主菜单的功能,避免不必要的菜单重复显示,提升用户体验。本文将提供代码示例,详细解释flag变量的工作原理,并给出使用注意事项。 在Java程序中,经常需要构建交互式的菜单界面,让用…

    2026年8月28日
    000
  • 遗物随心搭,流派由你造!《狭道英雄》上线,玩出你的专属风格!

    遗物随心搭,流派由你造!《狭道英雄》上线,玩出你的专属风格!遗物随心搭,流派由你造!《狭道英雄》上线,玩出你的专属风格!遗物随心搭,流派由你造!《狭道英雄》上线,玩出你的专属风格!遗物随心搭,流派由你造!《狭道英雄》上线,玩出你的专属风格!

    各位冒险者,大家好!黑暗势力正逐渐蔓延,《狭道英雄》这款紧张刺激的追逃式冒险roguelike手游已于 7 月 4 日正式登陆 pc、安卓与 ios 平台!快来踏上这段令人热血沸腾的征程,感受传统 rpg 与创新 roguelike玩法融合所带来的独特乐趣吧!面对步步紧逼的危机,你是否已准备好成为拯…

    2026年8月28日 用户投稿
    000
  • Docker:应用容器引擎 Docker简介,Docker安装与启动(一步一步教你安装,不相信有看了这个教程还不会的人)

    一、%ignore_a_1%简介 1.1 什么是Docker Docker 是一个用Go语言开发的开源容器项目。通过利用操作系统现有的机制和特性,它实现了比传统虚拟机更轻量级的虚拟化(简单来说,Docker内嵌一个极小的系统,例如Linux仅需5M左右,Windows亦如此)。Docker实现的是内…

    2026年8月28日
    000
  • 小米路由器192.168.31.1.miwifi.com密码重置

    答案:小米路由器密码重置可通过尝试常用密码、使用App或重置按钮恢复出厂设置,重置后需重新配置并建议绑定小米账号以防再次忘记。 小米路由器密码重置,简单来说,就是找回或更改你用来管理路由器的那个密码。忘记了?别慌,有办法! 解决方案: 尝试常用密码: 先别急着重置,想想你是不是用了什么常用密码,比如…

    2026年8月28日
    100
  • 悟空浏览器如何设置打印网页时不带页眉页脚_悟空浏览器打印网页去掉页眉页脚方法

    在悟空浏览器中打印网页时,可通过打印预览设置取消页眉页脚:打开打印界面后展开更多设置并取消勾选“页眉和页脚”;2. 使用开发者工具添加CSS样式@media print { @page { margin: 0; } }可彻底去除页眉页脚及边距;3. 或将网页导出为PDF:选择虚拟PDF打印机并关闭页…

    2026年8月28日
    100
  • 无痕浏览模式苹果手机如何设置

    苹果手机开启无痕浏览的详细操作 1. 启动Safari浏览器:在您的iPhone上找到Safari浏览器并点击打开。该应用为系统默认浏览器,图标为蓝色背景搭配白色桑葚状图案。 2. 进入标签管理页面:在浏览器界面的底部中央位置,会看到一个由多个方块叠加组成的图标,这就是标签页按钮。轻触它,即可进入当…

    2026年8月28日
    100
  • 谷歌浏览器卡顿如何清理缓存提高运行速度

    当您感觉谷歌浏览器运行变得缓慢或卡顿时,通常是由于长时间积累的缓存数据过多或损坏所致。本文将详细介绍如何通过清理浏览器缓存来解决这个问题,通过分步讲解,您可以轻松掌握操作方法,从而有效提升浏览器的运行速度和响应能力。对缓存进行清理是一个安全且常规的维护操作,有助于恢复浏览器的流畅体验。 立即进入“高…

    2026年8月28日
    100
  • 谷歌浏览器怎么清除缓存和历史记录

    本文将为您详细介绍在谷歌浏览器中清除缓存与历史记录的操作方法。通过清晰的步骤指引,您可以轻松管理自己的浏览数据,这不仅有助于保护个人隐私,还能释放存储空间,解决一些因数据陈旧导致的浏览问题,从而提升浏览器的运行效率。 立即进入“高清国产电影网站合集☜☜☜☜☜点击保存”; 立即进入“看片APP☜☜☜点…

    2026年8月28日
    100
  • 如何彻底删除谷歌浏览器的缓存文件

    要彻底删除谷歌浏览器的缓存文件,主要是为了解决因缓存数据过多、损坏或过时而引起的浏览器卡顿、网页显示异常等问题。本文将通过详细的步骤指导您如何进行一次全面的缓存清理,确保删除所有时间范围内的缓存数据,从而恢复浏览器的最佳性能。这个过程仅针对缓存文件,可以安全操作。 立即进入“高清国产电影网站合集☜☜…

    2026年8月28日
    200
  • Yii 框架如何支持 WebSocket 实时通信?

    yii 框架本身不直接支持 websocket,但可以通过扩展实现。1. 安装扩展库(如 yii2-websocket 或 ratchet)。2. 配置 websocket 服务器。3. 实现 websocket 逻辑。通过这些步骤,可以在 yii 中实现实时通信功能。 引言 WebSocket 作…

    2026年8月28日
    100
  • 怎么快速清除谷歌浏览器中的缓存和Cookies

    本文旨在为您提供一种快速清除谷歌浏览器中缓存与Cookies的方法。通过掌握一个简单的快捷操作,您可以直接进入清理界面,高效地管理浏览数据。这个过程不仅有助于解决因数据冗余引起的常见浏览问题,还能有效保护您的个人隐私,整个操作流程非常便捷。 立即进入“高清国产电影网站合集☜☜☜☜☜点击保存”; 立即…

    2026年8月28日
    100
  • 谷歌浏览器缓存清理后登录不了账号是什么原因

    当您在清理谷歌浏览器缓存后发现无法自动登录账号,这通常并非由清理缓存直接导致,而是因为在清理过程中,您很可能同时清除了一个名为“Cookie”的关键数据。本文将详细解释这一现象背后的原因,阐明缓存与Cookie的功能区别,并提供解决此问题的正确方法,帮助您理解为何会出现这种情况以及未来如何避免。 立…

    2026年8月28日
    100
  • Win7如何更改默认浏览器?

    浏览器是一种能够展示网页服务器或文件系统中的html文档内容,并支持用户与之互动的软件。许多用户的电脑上都安装了多个浏览器,但很少有人了解如何设定默认浏览器。今天,小编就为大家讲解一下如何设置默认浏览器。 如何更改IE浏览器的默认设置 打开IE浏览器,在主界面上找到并点击工具菜单,随后在下拉列表中选…

    2026年8月28日
    100

发表回复

登录后才能评论
关注微信