MarkDown使用小技巧

来源:互联网 发布:淘宝自助小火锅图片 编辑:程序博客网 时间:2024/05/19 00:12

标题

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

比如:

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

效果是这样的:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

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

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

一级标题居中

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

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

H1标题居中


图片

正常情况下插入图片

![这里写图片描述](http://img.blog.csdn.net/20170701142218227?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHVfZW1iZWRkZWQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

这里写图片描述

这是一张1280x720大小的图片

使用img标签调整图片大小

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

<img src="http://img.blog.csdn.net/20170701142218227?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHVfZW1iZWRkZWQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="60%" alt=""/>


图片缩放60%

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

width="320" height="180"

图片水印

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

<img src="http://img.blog.csdn.net/20170701142218227?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHVfZW1iZWRkZWQ=/font/5a6L5L2T/fontsize/1500/fill/I0JBQkFCMA==/dissolve/50/gravity/Center" width="60%" alt=""/>

效果是这样的:


调整图片水印

这里调整了几个参数:

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

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


表格

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

dog | bird | cat:---|:----:|---:foo | foo  | foobar | bar  | barbaz | baz  | baz
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

特殊符号

注册商标的符号:

立白&reg;

立白®

function 符号(函数式):

&fnof;(x)=x+1

ƒ(x)=x+1

根号:

&radic;5

√5

角度:

30&deg;

30°


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

原创粉丝点击