1，确定主题butterfly和参考材料fomal的小站

群青广播II原本是基于shoka主题的blog，但是在配置shoka的过程中，由于缺乏系统的配置教程以及前人经验，我在配置过程中遇到了很多麻烦而且难以找到解决办法，以至于评论系统一直脱了两个月也没有完善。

后面，我在b站查询攻略的时候，找到了基于butterfly的blog搭建教学和相关的开源配置。考虑到butterfly较为系统和完善的工具，我还是选择放弃了之前的shoka主题，在寒假抽出大约四天的时间完成了群青广播II的重新构建与更新。

2，更新的主要目标

[x] 完成评论系统
[x] 完成站内搜索系统
[x] 实现blog独立音乐效果
[x] UI的一些优化

3，更新过程简述

A，弯路(从零配置butterfly)

一开始，我是按着视频按部就班地下载并从零开始配置butterfly主题blog设置，但是中间遇到了比较多奇怪的问题让我很疑惑；做着做着发现，这个视频up主早已开源他的网站模板……于是开启了新路线————克隆他的github仓库让后自己调调参数。

B，hexo-theme-Fomalhaut的配置失败经历

打开hexo-theme-Fomalhaut文件夹里的配置文件，感觉一切都豁然开朗了；但是马上，我又发现参数实在是多而麻烦，傻傻的我只能硬着头皮找参数改参数。结果一次性改了太多参数，一次”hexo cl;hexo g;hexo s”三连发下去，结果爆了上千行的错误代码，由于改的参数过多以至于找不到问题点，于是不得不重新克隆仓库，重新配置参数。不过，在已有参数基础上重新配置效率大大提升，损失也不算大。最后发现应该是页脚的设置矛盾导致的报错。

C，vscode的搜索功能妙用

在改参数的过程中，我发现vscode的搜索功能非常实用，可以很快地在几千行代码中定位到我要修改的参数代码；另一方面，它还让我无意中找到了除了config.yml和config.butterfly.yml之外的另外两个重要的配置文件custom.css和fomal.js。这里面有很多我在前两个基础配置文件中找不到的参数，解决我很大的问题。

D，音乐模块的探索

实际上，早在初中时期我就有写过一些日记和记录。日记的顶部会记录日期、时间、天气，以及我确定的“主题曲”。之前做完了shoka主题的群青广播之后，我突然发觉这个“主题曲”在blog上完全可以呈现出来！于是在大致完成了页面基本配置之后，我开始尝试着diy自己的post音乐设置。

主要实现方式还是借助aplayer的插件，这个插件可以直连网易云音乐等媒体的歌单/专辑/单曲/歌手，功能不算丰富，但对于我来说已经是绰绰有余。

不过最后我的post音乐处理办法是用post内置html代码，如下：

1	<div class="aplayer no-destroy" data-id="1431292849" data-volume="0.4" data-server="netease" data-type="song" data-fixed="false" data-autoplay="true" data-lrcType="-1"> </div>

可以说，完全没有智能，我的水平也只能做到这样的简单操作hhh。不知道什么时候可以集成化，实现输入歌曲名可以直接链接歌曲这种操作。。

E，评论系统的曲折

在shoka主题配置的过程中，我在配置基于valine云服务的评论系统多次碰壁，最后还没有成功，对此甚至产生了一定的畏惧心理。

所以，在解决其他所有问题之后，我从今天凌晨2点开始配置基于twikoo的评论系统，具体操作参考b站视频。

这里面需要注意的一点是，twikoo云服务的配置域名和我们blog的域名不能一样，可以配置成blog的子域名例如mail.gunjo-radio-ii.cc。因为这个错误，我至少浪费了半个小时的时间。

还有一个问题是versel的一部分ip可能被墙了；可以根据网上的教程找到可用的替代ip使得评论和网站部分功能能在墙内正常使用。

评论系统还有一个比较重要的部分是邮箱收发信息。难点在打开stmp邮箱云服务，不过我发现qq邮箱之类的邮箱设置里都有相关的功能服务开关，了解到这一点问题就不大了。

F，markdown font-matter的规范化

大概做了一个markdown“头配置”的模板，以高效适应新一代群青广播II博客。

G，一些未来可能可以做的更新

[ ] live-2d角色的加入
[ ] 网站icon的定制优化
[ ] 网站本身的性能优化
[ ] 数据分析服务的引入【本来其实已经配置成功了ip和时间信息的设置，不知道为什么突然又不显示了……】