VsCode更换MarkDown样式到底能有多好看？

vs code到底有多强大？ 先看看MarkDown笔记的预览效果 这只是一种插件 谁再让我用别的软

vs code到底有多强大？

先看看MarkDown笔记的预览效果

这只是一种插件

谁再让我用别的软件写代码

我就把这篇文章扔过去

如何操作？

1、安装插件：在扩展中搜索​​Markdown Preview Enhance​​

2、点击【扩展设置】

3、点击【查看】—【命令面板】

4、在搜索框中输入​​markdown-preview-enhanced.customizeCss​​，markdown的样式代码就出来了。然后进行样式的美化~

5、​​Ctrl+K V​​查看预览结果，是不是发现预览的效果和你正在看的文章样式一模一样呢？关注公众號【小知识酷】，查看更多vscode功能。

6、代码样式

#nice {
    line-height: 1.8;
    color: #2b2b2b;
    font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;
    letter-spacing: 2px;
    background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%);
    background-size: 20px 20px;
    background-position: center center;
}
p{
  font-size:15px !important;
}
/* 一级标题 */

h1 {
    display: table;
    margin: 30px auto 20px auto !important;
    padding: 10px !important;
    background-image: linear-gradient(to left,     rgb(253, 213, 231), rgb(194, 226, 249));
    border-width: 1px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #ccc;
    font-size: 20px !important;
    text-align:center;
}

h2 {
    display: table;
    margin: 30px auto 20px auto !important;
    padding: 0px 10px !important;
    border-bottom: 5px solid #205792;
    text-align: center;
    font-size: 18px !important;
}


/* 三级标题 */

h3 {
    border-bottom: #2b2b2b;
}

h3:before {
    content: "✒️ ";
}

h4 {}

h4:before {
    content: "✏️";
}

h5 {
    background-color: #f1f1f1;
    border-left: 5px solid #fff;
    padding-left: 5px !important;
    box-shadow: -3px 0px #205792;
}

h6 {
    border-left: 5px solid rgba(0, 0, 0, 0);
    box-shadow: 0px 2px #205792;
}
img{
    width:95%;
    margin: 5px auto 8px auto !important;
    border-radius: 5px;
    box-shadow:3px 2px 3px #ccc ;
}
strong{
  color:#ff4c00 !important;
}
em{ 
  font-weight:800;
  font-style:normal !important;
}