青崖同学个人博客上线啦
2021-08-27 12:00:00
我的个人博客上线啦，地址是 https://qingyayaya.github.io/。话不多说，直接上效果图，左边桌面版，右边移动版：
（首页）
（时间轴）
为什么搭建个人博客
- 因为大概在两周之前，Gitee Pages 终于结束了长达三个月的整改，终于有一个比较合适的托管平台了，即外部条件已经具备
- 我一直很想尝试搭建个人博客
- 微信公众号有很多的局限性，或者说一点都不自由，比如只能修改一次错别字等等奇怪的要求
- 可以自由地 Diy，整个站点完全可控
- 可以评论。2018 年以来新注册的个人微信公众号都无法开通评论，这一点简直太作死了
- 可以结合 JavaScript。比如，Mathematica 数学动图欣赏这个系列，看动图会很消耗数据流量，在博客里，可以用 JavaScript 来生成动图。如果再添加上进度条控制动图的进度，还可以实现交互。描述的可能不是很清楚，后面我会写一篇具体的交互式博文
总之，个人博客和微信公众号一样，本质就是一个写字的平台，用来整理知识、记录生活等等，各有优点。以后就是微信公众号和博客这两个平台同时更新 blog，微信公众号更加关注移动端的阅读体验，博客更加关注电脑端的阅读体验。
功能简介
博客基于 Hexo 框架，采用 Icarus 主题，并在此基础上做了深度的定制，俗称魔改。
主要增加了以下功能：
live2d 看板娘
在页面右下角添加了 live2d 看板娘。默认的看板娘是课桌女孩：
她会吟诗作赋（调用的是今日诗词的 API，API 官方说，会根据地理位置、季节和实时天气进行诗词智能推荐，前些天给我推荐的全是《春江花月夜》这种，最近开始推一些秋天肃杀的诗词了）。旁边的按键可以给看板娘换装，切换看板娘，或者拍照：
随便切换一个：
注意，为了不影响阅读体验，只有在宽屏设备上才会显示看板娘，所以手机上是看不到的（不然的话 1/4 屏幕都会被遮挡），不过可以把手机浏览器标识设为桌面版，这样就可以显示了。
文章贡献
在时间轴页面，新增了文章贡献日历热图（这里要感谢 cungudafa 提供的技术支持），文章更新的时间、频率一目了然：
这种日历热图在 Gitee 和 Github 上经常见到，是不是一瞬间就提升博客的逼格了，下面是 Gitee 的截图，两者一对比，的确是高仿 Gitee，漂亮！点赞厉害的程序媛。（因为我的博客是三列布局，中间列页面宽度有限，所以我只绘出了最近八个月的文章贡献）
深色模式
博客已经适配了全局深色模式，点击页面最右上角的图标进行切换。深色模式基本覆盖了页面的每一个元素，是在 iMaeGoo 大佬的代码基础上修改的，然后这个深色模式会在 23:00~07:00 的时间段自动开启，放一张预览图：
这个过程中最难适配的就是文章贡献日历热图，因为这个热图是用 ECharts.js 生成的，ECharts 的特点是图表只生成一次，后面不再随页面的更新而更新。这个坑踩了很久，后来总算适配了：
Twikoo 评论系统
看很多 blogger 分享经验时，都说个人博客的评论系统是最令人头疼的。我一开始用的是 Valine 评论系统，但我感觉它并不美观，对照教程进行美化，结果反而越改越丑，然后听说 Valine 安全性也不高，而且我对照教程设置 Server 酱微信通知时，一直都搞不定。
后来看到 iMaeGoo 大佬的一篇博文，介绍了他自研的 Twikoo 评论系统，简洁大方，功能丰富，我决定果断更换。
放一张效果图：
评论时无需注册，只需要随便填一个昵称，填真实邮箱，即可。请注意：
- 昵称和邮箱必填
- 邮箱必须为真实邮箱，后台会进行检测
- 评论时无需注册，所以真的没有门槛，欢迎大家多留言评论
还有下面几个特点，Twikoo 简直太香了：
- 已经开通了 Server 酱，在博客里评论，我会第一时间收到微信通知
- 如果你留的是 qq 邮箱，可以自动获取你的 qq 头像
- 你留的邮箱只有博主能看到，不用担心隐私泄露
- 写评论时，支持 Markdown 语法，加粗、下划线、删除线、代码块高亮、图片等等都是支持的，见上图。发送前还可以预览
- emoji 也是支持的：
站内搜索
Icarus 主题是自带站内搜索功能的，这里我又根据 iMaeGoo 大佬的代码，增加了拼音检索：
分享
分享功能使用的是 social-share.js，删除了国内不常用的应用，只保留了下面几个：
结尾
主要介绍了搭建个人博客的目的，以及对特色功能进行了简单说明。经过几天的魔改，基本已经摸清了 Icarus 主题的套路，有时间的话还会扩展更多的功能。
最后再放一下博客的地址 https://qingyayaya.github.io/，欢迎围观。
青崖同学个人博客上线啦