VScode使用markdown

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:5162

{}
1.插件安装 2.简单操作 3.自定义内容(如更换主题)

1.插件安装

首先需要安装两个插件:

Markdown Preview Enhanced
Markdown All in One

在这里插入图片描述 这是一个markdown的github主题,看你自己的选择。

Markdown Preview Github Styling

在这里插入图片描述

2.简单操作

下面这张图片是需要输入的内容

在这里插入图片描述

下面是上图内容所对应的效果图

-------------正文开始-----------------------

<mark>(1)标题</mark>

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

<mark>(2)字体</mark>

加粗

斜体

斜体加粗

<s>删除线</s>

<mark>高亮</mark>

我是<sup>上标</sup>

我是<sub>下标</sub>

<mark>(3)列表</mark>

一二三四五

上山打老虎

 老虎没打到 
  
  打到小松鼠               

一二三四五 上山打老虎 老虎没打到 打到小松鼠

<mark>(4)表格</mark>

<table> <thead> <tr> <th>这是表头</th> <th align="left">左对齐—</th> <th align="center">-居中—</th> <th align="right">右对齐—</th> </tr> </thead> <tbody> <tr> <td>这是表格</td> <td align="left">左对齐</td> <td align="center">居中</td> <td align="right">右对齐</td> </tr> </tbody> </table>nn <table> <thead> <tr> <th align="center">a</th> <th align="left">b</th> <th align="right">c</th> </tr> </thead> <tbody> <tr> <td align="center">居中</td> <td align="left">左对齐</td> <td align="right">右对齐</td> </tr> <tr> <td align="center">=========</td> <td align="left">===============</td> <td align="right">============</td> </tr> </tbody> </table>nn <mark>(5)引用</mark>

一二三四五

10上山打老虎

老虎没打到

打到小松鼠

<mark>(6)分割线</mark>

<hr>

<mark>(7)代码</mark>

我是代码

print(hello,world!)

(8)居中

<center> 居中的内容 </center>

(9)数学公式

https://blog.csdn.net/baidu_38060633/article/details/79183905

x 2 + y 2 = z x y x^2+y^2=z_{xy} x2+y2=zxy​

(10)改变图片大小

基于HTML,可以直接使用 img 标签,比如:

xxx是图片的路径地址

(11)超链接: <a href="https://baidu.com">百度</a>

3.自定义内容(如更换主题)

在vscode界面:ctrl+shift+p 在这里插入图片描述 以写作环境的主题为例: 在这里插入图片描述 修改“"github-light.css”内容就可以修改主题

"markdown-preview-enhanced.previewTheme": "github-light.css",
"markdown-preview-enhanced.codeBlockTheme": "github.css"

具体有哪些主题,或者你下载的主题在哪里呢? 一般是在这个文件夹目录下

C:\Users\admin\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.6.2\node_modules\@shd101wyy\mume\styles

在这里插入图片描述 各种css文件就是你的主题了,你可以用.txt格式打开然后保存设置,重新进入VScode里面,在上面的那个json文件中将主题名字更改成需要的主题,就可以自定义主题了。 在这里插入图片描述

原文地址:https://blog.csdn.net/pxyp123/article/details/124331401?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168906542916800213021592%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168906542916800213021592&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-25-124331401-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/6f7ff09a269c459e8e8328e3771b60d0

最新评论

当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复