【Hexo】永久短链生成 & 插入视频
永久短链生成
每次从博客分享文章给别人都很苦恼,Hexo 默认生成的链接太长了,而且一旦文章名字改变,链接也跟着改变。有没有什么方法让地址尽量短小精悍,同时永久化呢?
感谢 rozbo/hexo-abbrlink,完美解决此痛点。
使用方法
安装插件:
cnpm install hexo-abbrlink --save |
在_config.yml
配置文件写入:
# abbrlink config |
记得把原来的permalink:
删除/注释掉!!
然后记得clean一下再生成&部署!
关于插件设置
Abbrlink插件拥有两项设置选项:
alg
: 算法(目前支持crc16
和crc32
算法,默认值是crc16
)rep
: 形式(生成的链接可以是十六进制格式也可以是十进制格式,默认值是十进制格式)
示例
crc16 & hex |
效果
PS:刚使用这个插件后,阅读人数和评论都会变为0,介意慎用!综上所述,这插件适合新站!
这部分内容也补在我这里的初始配置文章里了!
插入视频
其实很简单,不用dplayer插件,使用HTML本身的video标签就可以实现了~(主要是因为dplayer在这里的插件似乎有问题,无法播放来自OSS的视频(正常网页上使用dplayer是可以播放的))
OSS的配置和使用这里就略过了~
使用方法
<video id="video" controls="true" controlslist="nodownload" preload="true" allowfullscreen="true" position= "absolute" width="100%" poster="封面的URL"> |
在你需要插入视频的地方插入这段HTML代码即可~
参数解释
参数 | 解释 |
---|---|
autoplay | 自动播放。如果出现该属性,则视频在就绪后马上播放。 |
controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
controlslist | 当浏览器显示视频底部的播放控制面板(例如,指定了 controls 属性)时,controlslist 属性会帮助浏览器选择在控制面板上显示哪些控件。允许的值有 nodownload 、nofullscreen 和 noremoteplayback 。如果要禁用画中画模式(和控件),请使用 disablePictureInPicture 属性。 |
crossorigin | 该枚举属性指明是否使用 CORS(跨域资源共享)来获取相关视频。允许 CORS 的资源 可在 `` 元素中被重用,而不会被污染。允许的值如下:anonymous、use-credentials |
height | 设置视频播放器的高度。 |
width | 设置视频播放器的宽度。 |
loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
muted | 如果出现该属性,视频的音频输出为静音。 |
poster | 规定视频正在下载时显示的图像,直到用户点击播放按钮。 |
preload | 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。 |
src | 要播放的视频的 URL。 |
参考链接
推荐两个 Hexo 插件:短地址与封面模式 - 简书 (jianshu.com)
SEO优化:Hexo-abbrlink插件生成永久固定链接 - 知乎 (zhihu.com)
html5视频播放,实现防止下载(一)_前端如何禁止浏览器下载视频-CSDN博客
本文是原创文章,采用CC BY-NC-SA 4.0协议,完整转载请注明来自Rean's Blog