首页 > 其他分享 >vscode markdown WYSIWYG 所见即所得编辑和预览

vscode markdown WYSIWYG 所见即所得编辑和预览

时间:2022-10-10 18:36:39浏览次数:65  
标签:markdown office 预览 vscode github 所见即

一直使用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都很快地得到了作者的回复,作为个人开源者的确很棒!

标签:markdown,office,预览,vscode,github,所见即
From: https://www.cnblogs.com/zhaoqingqing/p/16776754.html

相关文章

  • vscode include<stdio.h>头文件红色的解决办法
    原因是标准库没识别到。前提需要安装c/c++插件第一步:点击下面win按钮,选择配置JSON第二步:打开c_cpp_properties.json,添加include路径,放在最上面......
  • vscode搭建rust环境
    也可以可以使用IDE:ideaclion有插件支持vscode下配置rust插件rust-analyzer(rust语言后端)【如果是debug需要安装codeLLDB,windows建议安装vs】EvenBetterTOML【toml格......
  • OI中的 Markdown、TeX、LaTeX、KaTeX 从入门到入土
    \(\textsf{Warning:仍然在填坑}\)导言在我初学OI的时候,曾经做过笔记。用什么做呢?当时用的是博客园的\(\text{HTML}\)编辑器,这东西虽然不好用,而且很不好用。再后来,我......
  • Markdown 教程
    #标题语法创建标题时可用**#+一个空格**,一级标题一个#,二级标题##依次类推。 #段落语法段落可用**一行空白行**进行分割。 #换行语法结尾加**两个空格符**即......
  • macos+vscode+java
    下载jdkvscode安装插件:ExtensionPackForJavacommand+shift+p:CreateJavaProjectRunJava项目结构。根据需要配置settings.json......
  • 转载:关于vscode(Visual Studio Code)编写c语言 中文乱码问题
    关于vscode(VisualStudioCode)编写c语言中文乱码问题。处理方法:选择菜单File > Preferences >Settings,找到TextEditor>Files中的Encoding,更改为Simplified......
  • VScode开发STM32/GD32单片机-MakeFile工程JlinkRTT配置
    本次使用开发板为STM32F401CCU6,使用CubeMX配置一个Makefile工程  配置时候为内部时钟  工程选择makefile工程类型 只生成需要的文件  用VSCode打开后显......
  • mac系统:vscode配置anaconda
    安装python插件打开「扩展」,搜索「python」安装配置环境变量路径Comand+Shift+P,搜索「openusersettings」、「pythonpath」,填入anaconda中的python路径......
  • 01. VSCode + PhpStudy 环境配置
    01.安装VSCode  A. 非中文路径;>>系统环境变量中,添加php.exe的路径; 在cmd窗口中,输入php-v可正常查看到php版本信息B. 安......
  • Markdown语法学习
    #Markdown语法学习##标题一级标题:#+空格+标题名称二级标题:##+空格+标题名称以此类推 ##字体样式**字体加粗***字体倾斜****字体加粗并倾斜***~~字体中间......