永久短链生成

每次从博客分享文章给别人都很苦恼,Hexo 默认生成的链接太长了,而且一旦文章名字改变,链接也跟着改变。有没有什么方法让地址尽量短小精悍,同时永久化呢?

感谢 rozbo/hexo-abbrlink,完美解决此痛点。

使用方法

安装插件:

cnpm install hexo-abbrlink --save

_config.yml 配置文件写入:

# abbrlink config
abbrlink:
alg: crc32 #support crc16(default) and crc32
rep: hex #support dec(default) and hex

# 更改 permalink 值
permalink: p/:abbrlink/

记得把原来的permalink:删除/注释掉!!

然后记得clean一下再生成&部署!

关于插件设置

Abbrlink插件拥有两项设置选项:

  • alg: 算法(目前支持crc16crc32算法,默认值是crc16)
  • rep: 形式(生成的链接可以是十六进制格式也可以是十进制格式,默认值是十进制格式)

示例

crc16 & hex
https://test.com/posts/55c6.html
crc16 & dec
https://test.com/posts/43212.html

crc32 & hex
https://test.com/posts/6ec16a2c.html
crc32 & dec
https://test.com/posts/1521457752.html

效果

img

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">
<source id="mp4" src="视频的URL" type="video/mp4" >
</video>

在你需要插入视频的地方插入这段HTML代码即可~

参数解释

参数 解释
autoplay 自动播放。如果出现该属性,则视频在就绪后马上播放。
controls 如果出现该属性,则向用户显示控件,比如播放按钮。
controlslist 当浏览器显示视频底部的播放控制面板(例如,指定了 controls 属性)时,controlslist 属性会帮助浏览器选择在控制面板上显示哪些控件。允许的值有 nodownloadnofullscreennoremoteplayback。如果要禁用画中画模式(和控件),请使用 disablePictureInPicture 属性。
crossorigin 该枚举属性指明是否使用 CORS(跨域资源共享)来获取相关视频。允许 CORS 的资源 可在 `` 元素中被重用,而不会被污染。允许的值如下:anonymoususe-credentials
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted 如果出现该属性,视频的音频输出为静音。
poster 规定视频正在下载时显示的图像,直到用户点击播放按钮。
preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。
src 要播放的视频的 URL。

参考链接

推荐两个 Hexo 插件:短地址与封面模式 - 简书 (jianshu.com)

SEO优化:Hexo-abbrlink插件生成永久固定链接 - 知乎 (zhihu.com)

html5视频播放,实现防止下载(一)_前端如何禁止浏览器下载视频-CSDN博客

video标签设置封面图、控件的显隐_video 封面-CSDN博客

在Hexo中用Markdown通过阿里云OSS添加视频文件 - UltraFish