使用 Typora 编辑 Markdown 文件时插入链接的方式

2024-05-14 12:53:37

这里总结一下使用 Typora 工具编辑 Markdown 文件时，插入链接的语法和注意事项。

Markdown 支持两种形式的链接语法：行内式和参考式两种形式，行内式一般使用较多。

行内式

语法说明：

[]里写链接文字，()里写链接地址，()中的""可以为链接指定 title 属性，title 属性可加可不加。title 属性的效果是鼠标悬停在链接上会出现的 title 文字。快捷键 Ctrl+K

[链接文字](链接地址 "链接标题")这样的形式。链接地址与链接标题前有一个空格，例如：
欢迎来到[百度](https://www.baidu.com)

显示效果如下：

欢迎来到百度

参考式

参考式超链接一般用在学术论文上面，或者另一种情况：如果一个链接在文章中多处使用，那么使用引用的方式创建链接将方便对链接进行统一的管理。

语法说明：

参考式链接分为两部分，文中的写法[链接文字][链接标记]，在文本的任意位置添加[链接标记]: 链接地址 "链接标题"，链接地址和链接标题前有一个空格。

如果链接文字本身可以作为链接标记，也可以写成[链接文字][]

经常使用的网站有[Google][1]、[csdn][2]以及[博客园][3]
[csdn][2]是一个不错的[网站][][1]: http://www.google.com "Google"
[2]: https://blog.csdn.net/ "csdn"
[3]: https://www.cnblogs.com/ "博客园"
[网站]: https://blog.csdn.net/

显示效果如下：

经常使用的网站有Google、csdn以及博客园
csdn是一个不错的网站

自动链接

语法说明：

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要是用<>包裹起来，Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样，例如：

自动网页链接：<http://www.baidu.com>
自动邮箱链接：<address@www.baidu.com>

显示效果如下：

自动网页链接：http://www.baidu.com
自动邮箱链接：address@www.baidu.com

页内超链接

网页中，页内超链接也叫锚点，也就是链接本文档内部的某些元素，实现当前页面中的跳转。比如我这里写下一个锚点，点击回到目录，就能跳转到目录。在目录中点击这一节，就能跳过来。

注意：Markdown Extra 只支持将标题作为锚点，其它地方无效。

语法描述：

在文档的其它地方写上连接到标题锚点的链接

## 标题
跳转到[链接](#标题)

显示效果如下：

跳转到链接

使用 Typora 编辑 Markdown 文件时插入链接的方式相关推荐

关于CSDN导入Markdown文件时图片转存失败的问题
关于CSDN导入Markdown文件时图片转存失败的问题图床就是一个在网络上存储图片的地方,目的是为了节省本地服务器空间,加快图片打开速度. 之前用Typora写的笔记,导入文件上传CSDN时出现了 ...
安装Ruby、Sass在WebStrom添加Watcher实现编辑scss文件时自动生成.map和压缩后的.css文件...
前言这段时间一直在看Bootstrap,V3官方直接提供了Less版本的源码,就先将Less学完了,很简单的语法,学习写Demo都是在Webstorm里写的,配置了Watcher自动编译(详见< ...
使用马克飞象编辑Markdown文件
使用马克飞象编辑Markdown文件下载马克飞象点击上面的连接下载,或者你可以打开[印象笔记官网](https://www.yinxiang.com/)进入注册账户,然后会得到马克飞象的下载链接, ...
如何在Github的Markdown文件中插入图片？
如何在Github的Markdown文件中插入图片操作问题如何在Github上显示图片操作问题本人初入门Markdown,之前使用base64编码图片在本地的Markdown编辑器Harrop ...
python关闭csv文件_使用Python编辑csv文件时跳过标题
使用Python编辑csv文件时跳过标题我使用下面引用的代码使用Python编辑csv.代码中调用的函数形式代码的上半部分. 问题:我希望下面引用的代码从第2行开始编辑csv,我希望它排除包含标题的 ...
php 读csv跳过标题,请问怎么使用Python编辑csv文件时跳过标题
使用Python编辑csv文件时跳过标题我使用下面引用的代码使用Python编辑csv.代码中调用的函数形式代码的上半部分. 问题:我希望下面引用的代码从第2行开始编辑csv,我希望它排除包含标题的 ...
Typora等markdown笔记软件图片链接失效的问题解决办法，图片的相对路径、绝对路径的设置，图片上传到图床的方法
文章目录 -遇到的问题:Typora编辑MD文档,图片失效的问题解决 -解决的方法: 方法一:本地图片,使用相对路径,并将图片放在和md文件的同一目录下步骤1.Typora的图片根目录设置步骤2. ...
在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
1.操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了. 如果需要生成压缩后的css的文件,则需要通过以下命令安装插件 npm in ...
编辑文档时插入模式和覆盖模式的切换怎么做？（光标变成了方块而不是竖线，怎么搞？）
我们在编辑文档时,有两种模式: 1.光标位置显示为竖线,即通常使用的模式,插入模式 2.光标位置显示为方块,即覆盖模式. 两者切换方法: 1.如果目前是插入模式,点击键盘的insert键,则切换成覆盖 ...

最新文章

热门文章