简介
hexo-tag-oembed是一个Hexo插件，用于嵌入各种类型的内容，包括图片、视频和音频等。它基于oEmbed协议，通过简单的URL嵌入代码来实现多媒体内容的显示。在Hexo博客中使用该插件，可以方便地嵌入来自什么网站的任何多媒体内容，无需关心具体的网站API。
安装
前提条件
你应该已经安装了以下内容：
- Node.js
- Hexo
安装步骤
- 打开终端（Terminal）或命令行界面（Command Prompt）
- 进入存放Hexo博客的文件夹
- 运行以下命令:
npm install hexo-tag-oembed --save
配置
- 在博客根目录下的_config.yml文件中，添加以下内容：
-- -------------------- ---- ------- ------- - --- --- -------- --- ---- -- -------- - --- -------- -- ------- ------- --- --------- ---- - -------- --------------- ---------------- -------- -- - ------- ------- -- ---- -- ------- - ---- -------- --- --- ------- --------- --- ----- ---------- - --- --- ----- --------- --- -------- ----- - --- -------- -- ----- --- ------ -- --- ---- --- --- --- ----------- --------- ---- - -------- - -------- ------ - ------ ------------ -------- --
用法
使用该插件可以通过以下步骤嵌入oEmbed媒体：
- 在博客文章中输入该媒体的URL即可实现嵌入。例如，要嵌入一张图片：
{% oembed https://www.flickr.com/photos/30689534@N00/152565002 %}- 如果你需要自定义嵌入的大小，可以使用以下选项：
{% oembed https://www.flickr.com/photos/30689534@N00/152565002 {maxwidth:500, maxheight:400} %}在这个例子中，图片的最大宽度为500像素，最大高度为400像素。
- 如果你需要使用默认的参数，你可以在oEmbed配置文件中设置default选项。例如，你希望所有的媒体都使用自动播放：
oembed:
default:
query: 'autoplay=1'- 如果你不想使用该插件，你可以在oEmbed配置文件中将其排除。
oembed: exclude: ['twitter.com', 'instagram.com']
示例代码
以下是一个使用hexo-tag-oembed插件嵌入一张Flickr图片的示例：
{% oembed https://www.flickr.com/photos/30689534@N00/152565002 %}结尾
以上是npm包hexo-tag-oembed使用教程。如果你想更深入地学习如何使用该插件，建议查看其GitHub页面。该页面包含了完整的文档和示例，并有大量的说明和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559e181e8991b448d7685