一直使用Typora编写markdown,随着vscode在工作中使用的越来越多,产生了一个想法:能不能在vscode中写markdown,减少软件的成本?

可是vscode官方自带的的markdown体验却一般般,那么有没有更好的markdown扩展呢?

PS.最好是体验与typora接近,可以更快的上手与转换。

经过一番查找,找到了一个比较符合条件的扩展:office viewer

office viewer

扩展地址:Office Viewer(Markdown Editor) - Visual Studio Marketplace

github地址:cweijan/vscode-office: 让VSCode支持预览PDF,Excel等格式, 并增加markdown所见即所得编辑器 (github.com)

该扩展在vscode内集成Vditor(针对VSCode做了些兼容性改动), 实现了对markdown的所见即所得编辑, 相比typora的特性:

  • 开源免费无广告无隐私追踪 (如果对你有帮助考虑点下star(●'◡'●))
  • 在最新版本中优化了vscode主题支持, 现在颜色默认跟随vscode主题
  • vscode内置了git, 创建一个git仓库就可以对markdown进行版本管理
  • 支持多窗口打开markdown (typora只支持mac)
  • 相比typora的缺点: 对代码块, latex公式和图形支持度不高.

重度使用14天后的感受

所见即所得的体验还可以的,虽然比Typora弱一些,但是他可以与vscode集成,能够在workspace中管理我不同目录的markdown。

突然发现Typora也可以全局搜索当前打开目录下的任意文件,快捷键:Ctrl+P,这种高效搜索法能让你在数千数万文件中跳到你想找的文件去。

PS. 虽然typora没有workspace,但自已动手把不同文件夹link到一起,用起来也和workspace一样。

<br/>

代码块与主题问题

建议安装后修改vscode的主题为:One Dark Modern,同时建议启用扩展自带文件夹图标。因为在其它深色主题下代码片段(代码片段)在预览时区分不出来,而扩展自带的主题可以。

但是修改为One Dark Modern之后,python代码的缩进符就看不清楚了,这就有取舍问题。

或者根据不同的workspace使用不同的主题

切换窗口回到起点

解决方法:只要md文件中有焦点就不会出现这个问题,具体可查阅官方的issue

不同程序窗口切换回来之后,回到文件开头 · Issue #116 · cweijan/vscode-office (github.com)

图片位置

如何修改粘贴图片后保存的位置?打开扩展设置,修改paster img path的路径。

请问如何修改保持图片的路径 · Issue #70 · cweijan/vscode-office (github.com)

代码预览

建议关闭代码预览 ,取消勾选扩展设置中的Preview Code,因为鼠标点击代码区域后会显示两份代码。

参考:请问如何更改vditor设置 · Issue #112 · cweijan/vscode-office (github.com)

感谢作者

在我重度使用过程中,往github提了几个我碰到的issue,这些issue都很快地得到了作者的回复,作为个人开源者的确很棒!

vscode markdown WYSIWYG 所见即所得编辑和预览的更多相关文章

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

    使用Sublime Text 3进行Markdown编辑+实时预览 安装软件包管理器 打开Sublime Text 3 同时按下 ctrl+` ,窗口底部出现一个小控制台 复制以下代码,粘贴到控制台的 ...

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

    这种做法可能会对你的磁盘IO造成一小部分性能负担,但负面影响足以忽略. 另外,由于这种频率的读写会被磁盘缓存接管,不必担心磁盘寿命的影响. 对于刚安装好的Sublime Text,我们需要安装一个软件 ...

  3. iOS 使用markdown 实现编辑和预览文本

    注意要点: 1.在iOS 可以依赖UIWebview 来实现 2.丰富的UI样式依赖 html 的样式, js 调用插入markdown内容呈现出来 3.实现markdown编辑快捷键:参考githu ...

  4. Markdown在线编辑及预览

    推荐一款不错的Markdown语法手册,最可贵的是支持在线编辑预览: Cmd Markdown简介 Cmd Markdown语法手册及在线编辑 补充一些使用技巧: MarkDown实现段首缩进:「Ma ...

  5. sublime 如何安装插件实现高效输入,如何支持markdown 语法,并实时预览

    啊,一直想鼓捣markdown的语法,但是配置什么的有点麻烦.不过用起来的话,真心顺手.无需考虑格式与语法点来点去影响效率, 用心去搬砖,用脚修bug 一.初识 Package Control 首先, ...

  6. Notepad++中实现Markdown语法高亮与实时预览

    Notepad ++是一个十分强大的编辑器,除了可以用来制作一般的纯文字说明文件,也十分适合编写计算机程序代码.Notepad ++不仅有语法高亮度显示,也有语法折叠功能,并且支持宏以及扩充基本功能的 ...

  7. Ultra Math Preview : VSCode上的LaTeX公式实时预览插件

    一直觉着 VS Code 的 TeX 公式(包括 markdown 和 LaTeX)只能在定界符上hover预览,或者开一个预览面板看,没有那种像 Typora 一样紧跟在公式后面的预览面板,多少有些 ...

  8. vue富文本编辑,编辑自动预览,单个图片上传不能预览的问题解决:

    //预览<div class="htmlViewBox"> <p v-html="activity_html_defaultMsg" v-sh ...

  9. COS控制台进阶 - 文件预览和在线编辑

    导语 | COS控制台新上线了文件预览功能,用户可在控制台内直接预览.编辑文件内容. 前不久,微软发布了 vscode for web 的公告,是基于web的在线代码编辑器,无需下载安装可以直接在we ...

随机推荐

  1. md文档使用小技巧

    简介 在日常写readme文档中,可能会遇到一些小问题,此处记录一下md文档编写过程中的一些小技巧. 插入图片 在md文档中插入图片,目前有三种方式,本地导入.网络导入.base64导入. 本地导入 ...

  2. JVM内存模型和结构详解(五大模型图解)

    JVM内存模型和Java内存模型都是面试的热点问题,名字看感觉都差不多,实际上他们之间差别还是挺大的. 通俗点说,JVM内存结构是与JVM的内部存储结构相关,而Java内存模型是与多线程编程相关@mi ...

  3. 业务可视化-让你的流程图"Run"起来(6.定时任务&Spring-Batch的集成)

    前言 首先,感谢大家对上一篇文章[业务可视化-让你的流程图"Run"起来(5.SpringBoot集成&微服务编排)]的支持. 分享一下近期我对这个项目的一些改进. 在项目 ...

  4. Apache DolphinScheduler 1.3.9 发布,新增 StandaloneServer

    点击上方 蓝字关注我们 2021 年 10 月 22 日,Apache DolphinScheduler 正式发布 1.3.9 版本.时隔一个半月,在社区贡献者的共同努力下,Apache Dolphi ...

  5. [NOIP2018提高组] 保卫王国 (树链剖分+动态DP)

    题面 题目链接-Luogu 题目链接-Loj(要加Freopen) 题解 什么是动态DP? OneInDark:你不需要知道这么多,你只需要知道是利用了广义矩阵乘法就够了! 广义矩乘 广义矩阵乘法,简 ...

  6. React报错之Parameter 'props' implicitly has an 'any' type

    正文从这开始~ 总览 当我们没有为函数组件或者类组件的props声明类型,或忘记为React安装类型声明文件时,会产生"Parameter 'props' implicitly has an ...

  7. bat-MD文件转CSV文件

    目录 1. bat文件里面写死文件名 2. 拖入文件 注意:每个单元格不能出现字符[|.$.;] 1. bat文件里面写死文件名 @echo off && setlocal enabl ...

  8. KingbaseES insert all/first 功能介绍

    KingbaseES 内置了对于insert all / first 语法的支持. 一.数据准备 create table t1(product_id number, product_name var ...

  9. C#winform中使用Cef的ChromiumWebBrowser内嵌谷歌内核,调用前端js方法

    1.在winform中调用js方法: --调js中的方法无 入参形式 webBrowser1.ExecuteJavascript("logout()"); --调js中的方法给js ...

  10. 一文读懂,硬核 Apache DolphinScheduler3.0 源码解析

    ​ 点亮 ️ Star · 照亮开源之路 https://github.com/apache/dolphinscheduler 本文目录 1 DolphinScheduler的设计与策略 1.1 分布 ...