Explore how adaptive content transforms your docs into a dynamic, tailored experience for every user.
Read the docs
PricingLog inSign up

内联内容

使用内联调色板添加图片、链接、数学与 TeX 等

A GitBook screenshot showing inline content options
向您的内容添加内联元素。

内联调色板可让您在不离开键盘的情况下快速为文本块添加额外内容。只需按下 / 在任意文本块上打开内联调色板。斜杠将被您选择插入的内容所替换。

注释

使用注释，您可以在不打断读者思路的情况下为文字添加额外上下文。您可以用它们解释单词的含义、插入额外信息等。读者将鼠标悬停在被注释的文本上即可在文字上方显示注释。

创建注释

要创建注释，请选择您想要注释的文本，然后点击 注释 在上下文菜单中的选项。写完注释后，点击注释外部即可继续在文本块中写作。

Markdown 表示法

您可以将内容写成 Markdown 脚注 以将它们作为注释添加到 GitBook 中。

这是一个简单的脚注，[^1] 这是一个更长的脚注。[ ^bignote ]

[^1]: 这是第一个脚注。

[^bignote]: 这是一个包含多段文字和代码的脚注。

    缩进段落以将它们包含在脚注中。

    `{ my code }`

    根据需要添加任意多的段落。

图片

内联图片将在页面上与您的文本并排显示。

默认情况下，图像设置为原始大小，最大宽度为 300px。您可以通过点击图片打开格式化调色板，然后选择三种选项之一来更改大小：

  1. 内联大小： 图像按比例与字体大小匹配——非常适合图标和徽章。

  2. 原始大小： 图像将以原始大小保持内联，最大宽度为 300 像素。

  3. 转换为块： 这会把内联图像转换为一个 图像块，其宽度与您的内容一样宽。

图像块 提供更多选项，包括更多尺寸和添加标题的能力——但不会与您的文本内联显示。

在 Markdown 中的表示

这里有一张内联图片： <img src=".gitbook/assets/GitBook - Dark.jpg" alt="Dark version of GitBook logo" data-size="line">

表情符号

您可以按下 / 打开内联调色板来添加表情符号。或者，输入 : ，一列表情符号会直接在行内弹出——您可以开始输入表情名称以缩小选择范围。

在 Markdown 中的表示

:house:
:car:
:dog:

链接

您可以插入三种不同类型的链接：

相对链接

相对链接是通过链接到您空间中已存在的 页面 创建的链接。使用相对链接的优点是，如果页面的 URL、名称或位置发生更改，其引用会保持更新——因此您最终会有更少的失效链接。

以下是插入相对链接的方法：

  1. 点击段落中您想插入链接的位置，或选择一些文本。

  2. 按 / 打开内联调色板并选择 链接，点击 链接 上下文菜单中的按钮，或按下 ⌘ + K.

  3. 开始输入您想要链接页面的标题。

  4. 从下拉搜索结果中选择页面。

  5. 按下 回车.

绝对链接

绝对链接是您可以复制并粘贴到内容中的外部链接。当您想链接到文档之外的内容时，它们很有用。

插入绝对链接的方法：

  1. 点击段落中您想插入链接的位置，或选择一些文本。

  2. 按 / 打开内联调色板并选择 链接，点击 链接 上下文菜单中的按钮，或按下 ⌘ + K.

  3. 粘贴您想链接的 URL。

  4. 按下 回车.

为什么外部链接不会在新标签页打开？

当您在文档中添加指向外部站点的链接时，它会在相同的标签页中打开。

GitBook 遵循这一 W3C 推荐的行为 以支持 可访问性 并为读者确保一致且包容的体验。

电子邮件地址 mailto 链接

电子邮件地址 mailto 链接在您希望访客点击链接以打开默认电子邮件客户端并填写 要 字段为链接的电子邮件地址，以便他们可以撰写邮件发送。

以下是插入电子邮件地址的方式 mailto 链接：

  1. 点击段落中您想插入链接的位置，或选择一些文本。

  2. 按 / 打开内联调色板并选择 链接，点击 链接 上下文菜单中的按钮，或按下 ⌘ + K.

  3. 粘贴或输入 mailto:something@address.com，替换 something@address.com 为您想要使用的电子邮件地址。

  4. 按下 回车.

在 Markdown 中的表示

[这是指向此空间中另一个页面的相对链接](../content-structure/page.md)
[这是一个绝对链接](https://www.gitbook.com/blog)
[这是一个链接](mailto:support@gitbook.com) 到我们的支持邮箱

数学与 TeX

使用此选项，您可以在内容中创建一个内联数学公式，例如： f(x)=x∗e2piiξxf(x) = x * e^{2 pi i \xi x}。我们使用 KaTeX 库来渲染公式。

您还可以插入 一个块级数学公式 方法是，在一个空块中打开命令面板并选择第二个“数学与 TeX”选项。

在 Markdown 中的表示

# Math and TeX block

$$f(x) = x * e^{2 pi i \xi x}$$

按钮

按钮是描述号召性用语的好方法。您可以使用它们将用户发送到 GitBook 中的其他页面，或外部 URL。

按钮有主要样式和次要样式。下面是几个示例：

注册 GitBook 回到顶部

在 Markdown 中的表示

<a href="https://app.gitbook.com" class="button primary">GitBook</a>

图标

图标允许您为站点添加额外的视觉指示。您可以将它们内联添加到段落中、卡片内或任何需要添加装饰的地方。它们将使用您在 自定义设置.

中定义的视觉样式。 访问 Font Awesome

在 Markdown 中的表示

以浏览可用的不同图标。

<i class="fa-github">:github:</i>

表达式 表达式允许您动态显示在一个变量 / 中定义的内容。表达式可以从 菜单中插入。插入后，双击表达式将调出表达式编辑器，允许您引用并 有条件地格式化

最后更新于

这有帮助吗？