
【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






