📜  gatsby markdown 外部链接 (1)

📅  最后修改于: 2023-12-03 15:00:52.674000             🧑  作者: Mango

Gatsby Markdown 外部链接

简介

Gatsby 是一个基于 React 的静态网站生成器,可以通过 Markdown 文件生成静态网页。Gatsby 的 Markdown 处理方式非常灵活,可以让开发者轻松在 Markdown 文件中添加外部链接,为网页提供更多的内容和资源。

使用方法

在 Markdown 文件中直接添加链接即可,使用格式为:

[链接文字](链接地址)

例如:

[React](https://reactjs.org/)
示例

以下是一个 Markdown 文件的示例:

# Gatsby 外部链接示例

这是一个 Markdown 文件,我们可以在这里添加外部链接。

这是一个对 [React](https://reactjs.org/) 的链接。

这里还有一个对 [Gatsby](https://www.gatsbyjs.com/) 官方文档的链接。

我们也可以添加图片链接,例如:

![Gatsby Logo](https://www.gatsbyjs.com/Gatsby-Monogram.svg)

以上就是 Markdown 文件中添加外部链接的方法。

将其渲染后,效果如下:

Gatsby 外部链接示例

这是一个 Markdown 文件,我们可以在这里添加外部链接。

这是一个对 React 的链接。

这里还有一个对 Gatsby 官方文档的链接。

我们也可以添加图片链接,例如:

Gatsby Logo

以上就是 Markdown 文件中添加外部链接的方法。

注意事项
  • Markdown 文件中的链接必须使用完整链接地址,不能使用相对链接。

  • 如果链接文字中有空格或者特殊字符,应该使用引号将其括起来。

  • 如果链接地址过长,可以在 Markdown 文件中使用链接引用的方式,如下所示:

    [链接文字][link-ref]
    
    [link-ref]: 链接地址
    

    这样可以将链接地址放在文件末尾,让 Markdown 文件更加整洁。