05.链接
目录介绍
- 01.链接外部URL
01.链接外部URL
# | 语法 | 效果 |
---|---|---|
1 | [我的博客](https://yccoding.com/ "悬停显示") | 我的博客 |
2 | [我的知乎][zhihu] | [我的知乎][zhihu] |
语法2由两部分组成:
- 第一部分使用两个中括号,[ ]里的标识符(本例中zhihu),可以是数字,字母等的组合,标识符上下对应就行了(姑且称之为URL标识符)
- 第二部分标记实际URL。
使用URL标识符能达到复用的目的,一般把全文所有的URL标识符统一放在文章末尾,这样看起来比较干净。除了干净之外,它还能达到复用的目的,比如你在多个地方想使用同一个链接,那么文内使用标识符,只在最底部给标识符定义出实际的URL链接即可,类似编程语言中的变量。
URL标识符是我起的名字,不知道是否准确。囧。。
02.链接本仓库里的URL
语法 | 效果 |
---|---|
[我的简介](/example/profile.md) | 我的简介 |
[example](./example) | example |
03.图片链接
给图片加链接的本质是混合图片显示语法和普通的链接语法。普通的链接中[ ]内部是链接要显示的文本,而图片链接[ ]里面则是要显示的图片。 直接混合两种语法当然可以,但是十分啰嗦,为此我们可以使用URL标识符的形式。
# | 语法 | 效果 |
---|---|---|
1 | [![weibo-logo]](http://weibo.com/linpiaochen) | ![weibo-logo] |
2 | [![](/images/logo.png "我的知乎,欢迎关注")][打工充] | [打工充] |
3 | [![csdn-logo]][csdn] | [![csdn-logo]][csdn] |
因为图片本身和链接本身都支持URL标识符的形式,所以图片链接也可以很简洁(见例3)。 注意,此时鼠标悬停时显示的文字是图片的title,而非链接本身的title了。
本文URL标识符都放置于文末
04.锚点
其实呢,每一个标题都是一个锚点,和HTML的锚点(#
)类似,比如我们
语法 | 效果 |
---|---|
[回到顶部](#readme) | 回到顶部 |
不过要注意,标题中的英文字母都被转化为小写字母了。
以前GitHub对中文支持的不好,所以中文标题不能正确识别为锚点,但是现在已经没问题啦!