当前位置: 首页 > 知识库问答 >
问题:

visual-studio-code - VSCode Markdown预览不显示外链图标,如何解决?

湛联
2024-06-14

vscode markdown怎么自动显示外链图标

image.png
类似这样

浏览器搜索过,markdown preview enhance 插件设置也翻找了。暂时搞不懂

我的VS Code已安装的拓展如下:

Chinese (Simplified) (简体中文) Language Pack
Markdown Preview Enhanced
Markdown All in One
Markdown Preview Github Styling
Markdownlint
Python
Python Debugger
Pylance
vscode-pandoc
Word Count CJK

共有2个答案

凌俊名
2024-06-14

Markdown Preview Enhanced - 自定义 CSS

韶弘壮
2024-06-14

对于VSCode Markdown预览不显示外链图标的问题,这通常是因为Markdown预览工具没有内置对链接图标的渲染支持。VSCode中的Markdown预览主要关注文本内容的渲染,而不是链接的图标展示。

如果你想在外链旁边显示图标,这通常需要自定义CSS样式来实现。但是,由于VSCode的Markdown预览可能不支持直接插入自定义CSS,因此实现起来会比较复杂。

以下是一些可能的解决方案:

  1. 使用HTML标签和CSS:你可以尝试在Markdown中使用HTML标签和CSS来添加图标。例如,你可以使用<img>标签来插入一个图标,并通过CSS来调整它的样式。但是,请注意,并非所有的Markdown解析器都支持在Markdown文件中直接使用HTML和CSS。
  2. 修改Markdown预览插件的设置:有些Markdown预览插件可能提供了自定义样式的选项。你可以查看你安装的插件(如Markdown Preview Enhanced)的文档,看看是否有相关的设置或选项。
  3. 使用其他Markdown编辑器:如果你发现VSCode的Markdown预览功能无法满足你的需求,你可以考虑使用其他的Markdown编辑器,如Typora、StackEdit等,这些编辑器可能提供了更丰富的Markdown渲染功能,包括外链图标的显示。

请注意,由于VSCode的插件和功能可能会随着版本的更新而发生变化,因此上述建议可能并不适用于所有版本的VSCode。如果你仍然无法解决问题,建议查阅VSCode的官方文档或相关插件的文档,以获取最新的信息和解决方案。

 类似资料:
  • 换了电脑,Macbook air M1 安装 Visual Studio Code - Insiders 版,结果代码补全不显示文字了。

  • visual studio code无法更新 点击check for updates出现net::ERR_CONNECTION_RESET错误。 可以安装插件,就是无法更新。 访问visual studio code官网,点击updates选择x64。他会自动跳转到https://update.code.visualstudio.com/1.86.2/win32-x64-user/st...,浏览

  • 如果你对扩展VS Code有兴趣,你就应该看看这篇文档。在这篇文档里将对VS Code的插件做一个概括性的描述,并且将教你快速的制作你的第一个vs Code插件。如果你对更深入的插件制作内容有兴趣,那么你可以阅读这篇 文章. If you are interested in extending VS Code, you are in the right place. Here we present

  • vsc是一个比较潮比较新的编辑器(跨平台Mac OS X、Windows和 Linux ) vsc功能和textmate、sublime、notepad++,ultraedit等比较,毫不逊色 vsc尤其是在nodejs(调试)和typescript、go上支持尤其好 vsc提供了自定义 Debugger Adapter 和 VSCode Debug Protocol 从而实现自己的调试器 值得一

  • Android Studio / IntelliJ Visual Studio Code Installation and setup Follow the Set up an editor instructions to install the Dart and Flutter extensions (also called plugins). Updating the extension Up

  • Android Studio / IntelliJ Visual Studio Code Installation and setup Follow the Set up an editor instructions to install the Dart and Flutter extensions (also called plugins). Updating the extension Up

  • Visual Studio Code 是一个运行于 OS X、Windows 和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台编辑器。Visual Studio Code 为开发者们提供了对多种编程语言的内置支持,同时也会为这些语言提供丰富的代码补全和导航功能。JavaScript,TypeScript,Node.js 和 ASP.NET 5 开发者也将会获得额外的工具集。 该编辑

  • You can customize VS Code to work the way you like to work. Here is a quick primer on some of the most common ways to configure VS Code. Navigate to the relevant sections to learn more. 您可以定制化 VS Code