HEXO进阶使用教程

2022-07-14 14:39:19 浏览数 (1)
  • 插入图片，音乐，视频，公式

图片

略

音乐

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

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

直接复制粘贴就好了！

代码语言：javascript复制
<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:

代码语言：javascript复制
npm install --save hexo-tag-aplayer

Usage:

代码语言：javascript复制
{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}

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

代码语言：javascript复制
{% aplayer "她的睫毛" "周杰伦" "http://home.ustc.edu.cn/~mmmwhy/�ܽ��� -%2

视频

使用标签插入视频

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

代码语言：javascript复制
<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标签插入视屏

代码语言：javascript复制
<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:

代码语言：javascript复制
npm install hexo-tag-dplayer --save

Usage:

代码语言：javascript复制
{% dplayer key=value ... %}

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

代码语言：javascript复制
{% 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" %}

公式

略

github git 开源 hexo html

0 人点赞