Voidmio's Field

Overtone

0%

更新日志

搭建相关

一些 Hexo 命令
一些 Markdown 语法
一些 NexT 主题的改动

2023

02.2023

02.07.2023

评论功能

基于Waline配置了评论功能，过程：

Waline 基本配置参考快速上手
在 Hexo 根目录下以 git bash 运行 npm install @waline/hexo-next
在主题配置文件下添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# Waline
# For more information: https://waline.js.org, https://github.com/walinejs/waline
waline:
    enable: true #是否开启
    #serverURL: https://waline-test-qemetiel.vercel.app/ # Waline #服务端地址
    serverURL: comment.voidmio.xyz # Waline #服务端地址
    locale:
        placeholder: 支持匿名，但不许说脏话哦~ # #评论框的默认文字
    avatar: mm # 头像风格
    meta: [nick,mail] # 自定义评论框上面的三个输入框的内容
    pageSize: 10 # 评论数量多少时显示分页
    lang: zh-cn # 语言, 可选值: en, zh-cn
    visitor: true # 文章阅读统计
    comment_count: false # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示
    requiredFields: [] # 设置用户评论时必填的信息，[nick,mail]: [nick] | [nick, mail]
    #libUrl: # Set custom library cdn url
    login: enable

重新部署、注册即可。
没有备案用了国际版，所以想评论貌似只能翻出去。。。

评论功能

修改了坏掉的 vercel 地址，应该不需要翻了www 记录一下过程：

域名解析设置，添加CNMAE类型，主机名称 comment，记录值 cname.vercel-dns.com，解析出二级域名 comment.voidmio.xyz；
去 vercel - project - setting - Domains - edit，将waline地址指向这个子域名；
更改主题配置文件中 Waline 服务端地址 serverURL 为 comment.voidmio.xyz，结束。

初见 ButterFly

意识到 NexT 简洁但不够二，之后有时间移植个 ButterFly 吧（）记录一下文章先
Hexo博客美化之butterfly主题魔改
Hexo 博客 Butterfly 主题美化小技巧
Butterfly 主题美化
Butterfly 主题的博客我决定作为自己的主页
啥都有
更换Butterfly主题记录
使用Hexo+ButterFly主题构建自己的博客
Hexo（sakura）添加live2d看板动画
【Butterfly主题】弹出欢迎弹窗
NexT 也可以再加点东西，如我的博客的诞生

设置了手动书签和字体~

google站长验证

记录

在 Search Console 进行“网址前缀”验证，html文件放在 theme/next/source 下，部署后验证。
在编制索引 - 站点地图中提交 sitemap.xml

应该可以了吧，明天回来看看。

音乐播放框框~

好得很，参照文章

步骤：

去 wyy 获得歌单 id。首先看看网址栏是否是 https://music.163.com/#/playlist?id=2610433959，是的话直接使用这个id；如果没有，歌单中点击生成外链播放器，获得链接中 playlist?id= 后的 id。如果显示版权保护什么的问题，直接在控制台里找到生成外链播放器对应的 class，里边 data-href="/outchain/0/2610433959/" 的 2610433959 即可直接使用；
插件的html代码是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!--网易云音乐插件-->
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<!-- require MetingJS-->
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script> 
<!--网易云playlist外链地址-->   
<meting-js
    server="netease"
    type="playlist" 
    id="110119120"
    mini="false"
    fixed="false"
    list-folded="true"
    autoplay="false"
    volume="0.4"
    theme="#FADFA3"
    order="list"
    loop="all"
    lrc-type="false"
    preload="auto"
    mutex="true">
</meting-js>

参数是可以自定义的：

选项 默认 描述
id(编号) require 歌曲ID /播放列表ID /专辑ID /搜索关键字
server(平台) require 音乐平台：netease，tencent，kugou，xiami，baidu
type（类型） require song，playlist，album，search，artist
auto（支持类种 类） options 音乐链接，支持：netease，tencent，xiami
fixed（固定模式） false 启用固定模式
mini（迷你模式） false 启用迷你模式
autoplay（自动播放） false 音频自动播放
theme(主题颜色) #2980b9 默认#2980b9
loop（循环） all 播放器循环播放，值：“all”，one”，“none”
order(顺序) list 播放器播放顺序，值：“list”，“random”
preload(加载) auto 值：“none”，“metadata”，“’auto”
volume（声量） 0.7 默认音量，请注意播放器会记住用户设置
mutex（限制） true 防止同时播放多个玩家，在该玩家开始播放时暂停其他玩家
lrc-type（歌词） 0 歌词显示（默认显示）
list-folded（列表折叠） false 指示列表是否应该首先折叠
list-max-height（最大高度） 340px 列出最大高度
storage-name（储存名称） metingjs 存储播放器设置的localStorage键

好得很，接下来我们把这个东西嵌到侧边栏里：

打开 source/themes/hexo-theme-next-8.11.0/layout/_macro/sidebar.njk，其中

1
2
3
4
< div class="sidebar-inner` 
至 
    {{- next_inject('sidebar') }}
</div>

是个人信息（动画那个 sidebar）栏。我们把html代码按需选择插入这两块即可；

之后，为实现全局播放，也即是说播放进度不会随着网页的切换而中断，需要进行全局说明。

打开 source/themes/hexo-theme-next-8.11.0/layout/_layout.njk，将代码

1
<script src="https://cdn.jsdelivr.net/npm/pjax@0.2.8/pjax.js"></script>

写入 head 即可；

最后开启 NexT 的 pjax 插件：

打开主题配置文件，修改 Ajax navigation 下 pjax：true

结束。

02.08.2023

wyy 插件补充

歌单 id 是指向歌单的，与内容无关（即可直接在 wyy 调控）。
VIP 的歌还是不给播。。。有时间研究一下能不能调用 listen1。
记录一下可能会用到的歌单

歌单 id
Arcaea 645921512

优化了资源文件夹

坏消息是下载直链变长了。没事反正不是我用
顺便传了轻小说资源

在 Coding 上建立镜像

鼓捣一下午，失败了。不知道为什么不能建静态网页。救命，还想引百度的流呢（）

添加了背景，调整了透明度

好难看谁来救救我的色感

备案！

（假）
在萌站申请了备案（确信）。
这个ICP号有点深意哦wwwww

02.09.2023

修改侧边栏顶部样式

这个东西叫做 site-brand-container，直接在 custom file path 定义就行。
图是 Miv4t 老师画的。
好看。

调整了更多透明度

本笨比稍微会看一些前端了！（x

02.10.2023

星铁好玩！摆了
我太喜欢文字冒险游戏了（不是
之后有时间整理一下星铁文本在这里ww

02.11.2023

又摆了
三月七太可爱了，我单推
这文案确实有点东西的，好喜欢
但在任务时间线处理上有些问题，比如上下层还没通的时候，小岛爆爆鸦娜塔已经说要去上层找家人了，怪哉怪哉

02.18.2023

几天基本什么都没干，完了。
Google 可以搜到本站了，值得庆祝（）

03.16.2023

被番茄酱拷打。
马上配 cdn 呜呜呜