昨天写了 markdown 的基本语法,没有写完,今天继续。

链接

markdown 的链接语法为:[超链接显示名](超链接地址 "超链接title"),对应的 HTML 代码为<a target = "_blank" href="超链接地址" title="超链接title">超链接显示名</a>,其中超链接title 为可选。

源码:

我的博客是[曾先生记事本](https://notes.zeng.love/ "用心记录每一刻")

展示:

我的博客是曾先生记事本

当显示和链接一样且省略链接标题时,也可用<>将网址包起来。

源码:

我的博客网址是:<https://notes.zeng.love>

展示:

我的博客网址是:https://notes.zeng.love

链接还可以用变量的形式:

[超链接显示名][变量名]

[变量名]: 链接网址

其中,[变量名]: 链接网址 可放在段尾或文章末尾,冒号与网址之间有个空格,变量名不区分大小写,可以包含数字、字母、空格、标点符号。

源码:

Dazeng 的博客是[曾先生记事本][1],还有个网站是[免费 PHP 空间][2]。

[1]: https://notes.zeng.love
[2]: https://phpkj.com

展示:

Dazeng 的博客是曾先生记事本,还有个网站是免费 PHP 空间

图片

markdown 插入图片的语法与链接语法很像,在方括号的前面多了个感叹号,代码为:![图片alt](图片地址 "图片title"),对应的 HTML 为:<img src="图片链接" alt="图片alt" title="图片title">,其中图片title 为可选。

源码:

![今日大雪](https://notes.zeng.love/%E7%9F%A5%E8%AF%86%E5%BA%93/cloud/files/img_1733441815_1736537692679.png "今日大雪")

展示:

今日大雪

图片链接同样可以写成变量形式:

![今日大雪][3]

[3]:https://notes.zeng.love/%E7%9F%A5%E8%AF%86%E5%BA%93/cloud/files/img_1733441815_1736537692679.png

展示:

今日大雪

注:markdown 代码的展示受css代码的控制,可能会出现和预期的不一样。

未完待续...