Markdown之一些编写技巧(持续更新中)😀

864 阅读2分钟

前言

今天看了一篇很好看的文章,想着以后也要写那么好看,就在沸点上问了大(xian)佬(yu)们怎么写,然后解锁了Markdown编辑器的新姿势,Markdown编辑器原来可以把html标签引进来加入style样式。

一、标签

code标签: 这个标签没有引入样式直接就一个单独标签通过控制台发现他已经有写好的样式了
strong标签:这个标签我直接加入了style样式可以改变颜色大家可以用控制台发现我用的style样式

警告图标⚠️这个警告图标是```!文字```显示出来的

blockquote标签

二、表情

表情官网 大家想试试的可以去试一下,掘金我试了试好像还没有支持这个表情

下面这些使用的是emoji为了区分我在分号前面加了个空格用的时候记得删除掉,大家可以去百度搜索然后给自己的文章添加一些色彩吧!!!
&#x1F34E ; 🍎
&#x1F34F ; 🍏
&#x1F499 ; 💙
&#x1F49A ; 💚
&#x1F49B ; 💛
&#x1F49C ; 💜
&#x1F4D7 ; 📗
&#x1F4D8 ; 📘
&#x1F4D9 ; 📙
&#x1F534 ; 🔴
&#x1F535 ; 🔵
&#x1F536 ; 🔶
&#x1F537 ; 🔷
&#x1F538 ; 🔸
&#x1F539 ; 🔹
&#x1F53A ; 🔺
&#x1F53B ; 🔻
&#x1F53C ; 🔼
&#x1F53D ; 🔽
求点赞👍 求关注❤️ 求分享👥
大家也可以去下面的官网粘贴过来 emoji表情官网

三、代码块

```后面跟你要写的那种语言例如:"  ```json  "  他就会标识那种编程语言

四、表格

一种是这种的:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

效果:

表头 表头
单元格 单元格
单元格 单元格

我们可以设置表格的对齐方式:
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。

五、网格

找了好久最后把敖丙大佬的css样式扣了出来,不知道是不是这样的也不敢确定哦

<div style="font-size: 15px; line-height: 1.8; word-spacing: 2px; letter-spacing: 2px; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;" class="output_wrapper">
  测试网格
</div>

w10自带的浏览器好像不能用网格,大家可以测试一下!!!