codecamp

第08节 Markdown链接

  链接分几种:文字超链接、图像超链接、索引超链接。

文字超链接

  这是个锚,大家暂时别管它

  文字超链接的使用较为常见。其基本格式如下所示:

[我的小窝](http://www.lunarsf.club "我的个人网站")

  编译成 Html 后的效果是:我的小窝

  鼠标移动到链接上时会显示“我的个人网站”这几个字的提示。

  尽管 Markdown 中插入文字链接的语法已经进行了简化,但如果考虑到文件所处的目录层次,要编写一个链接还是有些复杂。这时,如果要链接的 Html 文件满足下列条件,就可以使用内置功能自动添加链接了:

  • 目标 Html 文件在当前工作区目录下

  • 目标 Html 文件是由当前工作区目录下的某个 Markdown 文件编译成的

  具体做法是:

  1. 在 Lunar Markdown Editor 左侧的工作区资源管理器中选择该 Markdown 文件

  2. 在该 Markdown 文件上单击鼠标右键,弹出的快捷菜单

  3. 在快捷菜单中用鼠标左键单击作为链接插入到当前文档(L)菜单项

  这样就可以自动添加对该 Markdown 文档编译后的 Html 网页文件的引用链接。

  注意:这样添加的链接,目标永远不会是 Markdown 文件本身,而是它被编译后生成的 Html 文件。但是用户可以使用Ctrl+G在这些对应的 Markdown 文件之间跳转。

图像超链接

Markdown 本身在添加图像时的语法是这个样子:

![找不到图像文件时显示的文本](图像路径)
  比文字超链接也就多个惊叹号。

  可以直接从《画图》程序中复制一块图像数据粘贴到当前编辑位置,这时,会要求你给这块图像数据起个名字,以便保存为图像文件。

拖动图像文件自动生成链接

  如果在添加常见类型的图像(.png,.jpeg等格式)时使用“从 Windows 资源管理器中直接向编辑区拖放文件”的办法,该图像文件会被自动复制到当前编辑的 Markdown 文档的资源目录中,然后会自动生成相关路径。

特殊的文件绝对路径链接

  当从 Windows 资源管理器中直接向 LME 的编辑区拖放几个文件(或文件夹)时,如果该文件(或文件夹)不是常见的图像文件类型,则会生成对该文件磁盘位置的绝对引用。

  与相对路径不同,绝对路径是完全依赖于引用的文件(或文件夹)在磁盘上的绝对路径的。所以如果路径中任意一个目录的名称被修改,都会导致链接失效。

  所以尽可能不要使用绝对路径——因为发果发布网站或移动位置、文件夹重命名等都会造成链接失效!!!

索引超链接

例如:

[参见百度官网][1x]
[1x]:http://www.baidu.com

转译后会显示为:

我的小窝

自动链接

  自动链接直接用一对尖括号包围即可,例如:

<http://www.baidu.com>

  转译后会显示为:

http://www.lunarsf.club

  电子邮件地址也可以这样做。例如下面:

<lunarsf@163.com>

  转译后会显示为:

lunarsf@163.com←点击生成的这个链接会打开计算机上安装的电子邮件客户端程序。


  此外还有一种自定义的特殊的链接,称为“锚”——对应 Html 中的 Anchor。请参见《扩展语法》。

第07节 Markdown列表
第01节 Markdown二维文字表
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }