返回博客

Markdown、HTML 和 BBCode 嵌入:在任何平台分享文件

如何在任何地方嵌入共享文件:Markdown 用于 Notion 和 GitHub、HTML 用于网站、BBCode 用于论坛。图片、视频、音频和 PDF 的现成嵌入片段。

2026年8月18日ShareKit TeamShareKit Team

共享文件只有在人们工作的地方真正被看到才有价值。往论坛里粘贴一个裸链接,得到的是点击;粘贴嵌入片段,得到的是文件本身——内联渲染在页面上。"链接"和"嵌入"的区别,正是托管文件从"能分享"变成"真正被使用"的关键。

每个文件托管服务都会返回一个 URL,但很少有服务会给出每个平台需要的精确语法。本文介绍三大嵌入家族——MarkdownHTMLBBCode——以及如何将它们用于图片、视频、音频和 PDF。

什么是嵌入片段?

嵌入片段是平台用来在页面内渲染文件或媒体元素的一小段语法。它不让人去点击链接,而是把内容直接放在读者已经阅读的地方。

ShareKit 在每次上传时都会生成现成的嵌入片段。上传图片、视频、音频或 PDF,结果中就包含你需要的精确 Markdown、HTML 和 BBCode——无需手写语法,无需寻找正确格式。

Markdown 嵌入:Notion、GitHub 和文档

Markdown 是文档、README、Notion 页面和大多数知识库的默认格式。语法刻意保持简单:

  • 图片——![替代文本](https://sharekit.app/image.png)
  • 链接——[观看演示](https://sharekit.app/clip.mp4)
  • 音频——[收听本期节目](https://sharekit.app/episode.mp3)

图片嵌入让图片在页面内联显示;链接嵌入让读者点击后打开目的地。对文档和团队维基来说,图片嵌入是主力——截图和示意图属于页面内容,而不是点击之后的东西。图片转 URL 工作流正是为此返回 Markdown 片段。

HTML 嵌入:网站、博客和邮件

HTML 让你控制媒体的渲染方式。两个关键标签:

  • 图片——<img src="https://sharekit.app/photo.png" alt="产品照片" width="800">
  • 视频——<video src="https://sharekit.app/clip.mp4" controls></video>
  • 音频——<audio src="https://sharekit.app/episode.mp3" controls></audio>

视频和音频嵌入让访客获得内联播放器,无需任何第三方组件。产品演示因此出现在落地页、培训片段进入内部工具、参考音频进入评审页面。视频转 URL音频转 URL 指南详细介绍了这套流程。

对 PDF 来说,嵌入通常是带上下文的链接而不是内联查看器——但托管预览页意味着收件人点击后立即可见文档。

BBCode 嵌入:论坛和社区

只要论坛还在,BBCode 就活着——Reddit 式社区、phpBB 论坛和支持社区仍在用它:

  • 图片——[img]https://sharekit.app/screenshot.png[/img]
  • 链接——[url=https://sharekit.app/manual.pdf]下载手册[/url]

[img] 标签让图片在帖子中内联显示。这是向社区分享截图和产品图片的最快方式,无需向论坛自己的文件存储上传重复副本。

该用哪个片段?

规则很简单:片段与目的地匹配。

| 目的地 | 片段 | 示例 | | --- | --- | --- | | Notion、GitHub、README、维基 | Markdown | ![alt](url) | | 网站、博客、邮件 | HTML | <img> / <video> / <audio> | | 论坛、社区板块 | BBCode | [img]url[/img] | | 聊天、工单、社交 | 普通链接 | 粘贴分享 URL |

同一个上传文件可以在每一列使用——这就是为什么在上传时生成全部三种片段,而不是以后再转换。

嵌入不同的文件类型

片段类型取决于文件,而不是平台:

  • 图片在所有地方都能内联渲染。这是最常见的嵌入,因为截图、示意图和产品照片属于内容本身。
  • 视频嵌入需要播放器。<video> 标签在现代浏览器中全部支持,无需插件即可内联播放。
  • 音频嵌入同理,使用 <audio> 标签和浏览器原生控件。
  • PDF最适合用带上下文的链接,由托管预览页完成呈现。

如果要在工作流中跨平台嵌入——Notion 页面里的截图、落地页里的演示、支持文章里的录音——现成的嵌入片段让所有目的地与一个托管文件保持同步。

常见的嵌入错误

三个错误造成大多数嵌入失效:

  1. 平台语法用错。 GitHub 里不会渲染 BBCode 的 [img] 标签。复制标记为你的目的地的片段。
  2. 忘记替代文本。 可访问的嵌入会描述图片——对 SEO 和屏幕阅读器有用,也是许多文档标准的要求。
  3. 不检查就嵌入。 在把片段粘贴到十个页面之前,先预览一次托管文件,避免错别字到处传播。

嵌入与分析

每个嵌入都指向托管页面,因此嵌入内容会回报数据。当访问者在你网站上打开嵌入的图片、视频或音频时,这次浏览会与直接打开、下载和扫码一起计入文件的统计数据。这意味着嵌入的演示视频、内联截图和印刷二维码都汇报到同一个文件——你无需把不同工具的数字拼凑起来,就能看到文件在你的网站、文档和印刷材料中的表现。这就是为什么嵌入不只是排版便利,而是衡量闭环的一部分。文件分享分析指南 解释了如何解读这些数字。

常见问题

什么是嵌入片段? 平台用来在页面内渲染托管文件的一小段语法——文档用 Markdown、网站用 HTML、论坛用 BBCode。

如何在 Markdown 中嵌入图片? 使用 ![替代文本](图片地址)。ShareKit 在每次图片上传时自动提供此片段。

如何在网站上嵌入视频? 使用上传结果中的 HTML <video src="..." controls></video> 片段。

文件变化后嵌入还继续有效吗? 有效。片段指向托管地址,在该地址替换文件会更新所有使用该片段的地方。

能嵌入音频文件吗? 可以。HTML <audio> 片段为任何页面添加浏览器原生播放器。

BBCode 用来做什么? 论坛和社区板块使用 [img][url] 等 BBCode 标签在帖子中内联渲染图片和链接。

嵌入在手机上能用吗? 能。浏览器原生播放器和图片渲染在所有设备上工作。

嵌入的文件会影响统计吗? 会。通过嵌入打开托管页面会计入文件的浏览,与下载和扫码并列。 同一个文件能用于多种嵌入格式吗? 能。每次上传都会为同一个托管文件生成 Markdown、HTML 和 BBCode 片段。

嵌入在邮件订阅里能用吗? 大多数邮件客户端会屏蔽远程嵌入,因此邮件中使用带预览图的分享链接,内联嵌入留给网站和文档。