HEXO进阶使用教程

Abalone

发布于 2022-07-14 14:39:19

8490

发布于 2022-07-14 14:39:19

文章被收录于专栏：影像技术栈影像技术栈

插入图片，音乐，视频，公式

图片

略

音乐

使用网易云音乐的外链播放器

比如右键某首歌，复制链接的链接；或者参考如下方式直接生成音乐链接

直接复制粘贴就好了！

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1475596788&auto=1&height=66"></iframe>

使用Hexo插件插入音乐/音频

hexo-tag-aplayer：https://github.com/grzhan/hexo-tag-aplayer 官方简介： Embed APlayer(https://github.com/DIYgod/APlayer) in Hexo posts/pages.很明显，除了posts，还可以在pages页面使用。

Installation:

npm install --save hexo-tag-aplayer

Usage:

{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}

参数说明及详细信息，见github官网介绍，还有加入歌词和播放例表等强大功能等你探索。 Example:

{% aplayer "她的睫毛" "周杰伦" "http://home.ustc.edu.cn/~mmmwhy/%d6%dc%bd%dc%c2%d7%20-%2

视频

使用标签插入视频

参考如上音乐的iframe标签方式

<iframe width="1280" height="714" src="https://www.youtube.com/embed/NENIvABhT8o" title="汪小敏一首《笑看风云》太好听了，惊艳所有观众" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

https://www.youtube.com/embed/NENIvABhT8o

上面是youtube视频，亲测有效，如上。

bilibili视频如何嵌入？参考：http://iwalyou.com/article/b3ffbac1.html

//player.bilibili.com/player.html?aid=53698757&bvid=BV1c4411x7Jq&cid=93931516&page=1

使用embed标签插入视屏

<embed height="415" width="544" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="//static.hdslb.com/miniloader.swf" flashvars="aid=8506694&page=1" pluginspage="//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

使用hexo插件插入视频

hexo-tag-dplayer：https://github.com/NextMoe/hexo-tag-dplayer 与aplayer类似，不过它是用来插入视频。 Installation:

npm install hexo-tag-dplayer --save

Usage:

{% dplayer key=value ... %}

参数说明及详细信息，详细见github官网官方实例：

{% dplayer "url=http://devtest.qiniudn.com/若能绽放光芒.mp4" "addition=https://dplayer.daoapp.io/bilibili?aid=4157142" "api=http://dplayer.daoapp.io" "pic=http://devtest.qiniudn.com/若能绽放光芒.png" "id=9E2E3368B56CDBB4" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}