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

链接

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

源码:

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

展示:

我的博客是曾先生分享博客

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

源码:

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

展示:

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

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

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

[变量名]: 链接网址

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

源码:

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

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

展示:

Dazeng 的博客是曾先生分享博客,还有个网站是免费 PHP 空间

图片

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

源码:

![日志](https://blog.zeng.love/DurianDiary/Sync/image/20250317073018-e75daf8a4bdd4c008db87577c26b391f.jpeg "日志")

展示:

日志

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

![日志][3]

[3]: https://blog.zeng.love/DurianDiary/Sync/image/20250317073018-e75daf8a4bdd4c008db87577c26b391f.jpeg

展示:

日志

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

未完待续...