码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • vscode markdown WYSIWYG 所见即所得编辑和预览


    本文为作者原创,转载请注明出处:https://www.cnblogs.com/zhaoqingqing/p/16776754.html



    一直使用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一样。


    代码块与主题问题#

    建议安装后修改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都很快地得到了作者的回复,作为个人开源者的确很棒!

  • 相关阅读:
    一张图读懂人工智能
    [Spring] Spring5——IOC 简介(二)
    35岁危机?内卷成程序员代名词了
    Docker部署GItLab
    智能合约引领:探索Web3的商业革新之路
    Linux 7 平台 Redis 7 安装并配置开机自启动 操作步骤演示
    实验记录:搭建网络过程
    【c++】 跟webrtc学周期性任务:tgcalls 5 网络超时检查
    Typora使用系统安装的字体
    Web安全教程(超详细!从入门到精通!零基础可学!)
  • 原文地址:https://www.cnblogs.com/zhaoqingqing/p/16776754.html
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号