Hexo 添加全局 APlayer 播放器
介绍
hexo-tag-aplayer 是 APlayer 播放器的 Hexo 标签插件(现已支持 MetingJS),可以十分方便地在文章内插入音乐播放器。
配置
- 此处未采用单文章插入方式,而改用整站加载方式。
hexo-tag-aplayer 是 APlayer 播放器的 Hexo 标签插件(现已支持 MetingJS),可以十分方便地在文章内插入音乐播放器。
在服务器上部署 Docker 容器有一种在手机上装 App 的感觉,但 Docker 容器并不会像手机 App 那样会自动更新,而如果我们需要更新容器一般需要以下四个步骤:
docker stop <CONTAINER>
docker rm <CONTAINER>
docker pull <IMAGE>
docker run <ARG> ... <IMAGE>
停止容器这个步骤可以在删除容器时使用 -f
参数来代替,即使这样还是需要三个步骤。如果部署了大量的容器需要更新使用这种传统的方式工作量是巨大的。
Watchtower 是一个可以实现自动化更新 Docker 基础镜像与容器的实用工具。它监视正在运行的容器以及相关的镜像,当检测到 registry
中的镜像与本地的镜像有差异时,它会拉取最新镜像并使用最初部署时相同的参数重新启动相应的容器,一切好像什么都没发生过,就像更新手机上的 App 一样。
Gitalk 利用了 GithubAPI 基于 GitHub Issue 和 Preact 开发的评论插件,官方网址: https://gitalk.github.io
Hexo博客本身是支持看板娘的,但是原本的只有一个人物,这里使用stevenjoezhang大佬的魔改版,一个可以说话,可以换装的看板娘。
注意:如果你并不熟悉 Git,也不熟悉 GitHub ,那么请先 Google 了解基本使用。
在blog\source\js
文件夹下创建funny_title.js
,添加如下代码:
/* 离开当前页面时修改网页标题,回到当前页面时恢复原来标题 */
window.onload = function () {
let OriginTitle = document.title;
let titleTime;
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
clearTimeout(titleTime);
} else {
// $('[rel="icon"]').attr('href', "/images/favicon-32x32.png"); 替换网站icon图标(可选)
document.title = '(ฅ>ω<*ฅ) 噫又好了鸭~' + OriginTitle;
titleTime = setTimeout(function () {
document.title = OriginTitle;
}, 4000);
}
});
};