0
点赞
收藏
分享

微信扫一扫

MarkDown使用小技巧


标题

标题能显示出文章的结构,通过设置标题可以自动生成目录。行首插入1~6个​​#​​​,​​#​​的个数表示标题层次的深度。

比如:

#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

效果是这样的:

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题

如果想居中表示,可以这样:

#<center>一级标题</center>

一级标题居中

当然,也可以使用​​<h1 />​​​~​​<h6 />​​​ 标签来表示标题层次,比如:
  

<h1 align = "center">这是居中标题</h1>

H1标题居中

图片

正常情况下插入图片

![这里写图片描述](https://file.cfanz.cn/uploads/jpeg/2022/08/01/5/B0G82N87HI.jpeg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=)


MarkDown使用小技巧_图片水印



这是一张1280x720大小的图片

使用img标签调整图片大小

使用​​<img>​​​标签,把上传到CSDN的图片服务器后创建一个链接(也就是上面那个链接)复制到 ​​src=​​​后面,然后加上​​width="60%"​​ 将图片比例缩小为60%。

<img src="https://file.cfanz.cn/uploads/jpeg/2022/08/01/5/B0G82N87HI.jpeg?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" width="60%" alt=""/>


MarkDown使用小技巧_二级_02



图片缩放60%

当然,也可以设定长度和宽度,比如:

width="320" height="180"

图片水印

为更好地讲解,我调整了一下位置:


/font/5a6L5L2T
/fontsize/1500
/fill/I0JBQkFCMA==
/dissolve/50
/gravity/Center" width="60%" alt=""/>

效果是这样的:


MarkDown使用小技巧_html_03



调整图片水印

这里调整了几个参数:

fontsize  // 表示水印的大小,默认是400
dissolve // 表示水印的透明度,默认是70
gravity // 表示水印的位置,默认是SouthEast,这里改成了Center

所以,如果你想把水印去掉,只需要使 dissolve 后的数字等于 0 即可。

表格

不像 HTML 那样使用​​<table /> <thead /> <tbody /> <tr /> <th /> <td />​​​,MarkDown 画表格很简单,只要单元格之间加 ​​|​​​ 分隔,表头下加 ​​---:|:---:|---​​ 设置文本水平对齐就可以了。比如:

dog | bird | cat
:---|:----:|---:

dog

bird

cat

foo

foo

foo

bar

bar

bar

baz

baz

baz

上标和下标

使用 HTML 的 ​​<sup>​​​ 和 ​​<sub>​​ 标签实现上标和下标的效果。比如:

a=log<sub>2</sub>b

a=log2b

n<sup>2</sup>=n+1

n2=n+1

特殊符号

注册商标的符号:

立白®

立白®

function 符号(函数式):

ƒ(x)=x+1

ƒ(x)=x+1

根号:

√5

√5

角度:

30°

30°

(后续会不定期补充更多内容,如果您有任何建议或意见,可以在本文末尾留言,谢谢!)


举报

相关推荐

0 条评论