一切从这里开始

print("Ciallo!")

粗略完成了blog的搭建，说是搭建，事实上也只是站在前人的肩膀上按部就班地组装hexo这个框架。为了方便以后更好地维护和查找问题，在下面列出一些至今用到的各类连接。 ~~静态页面太折磨了Orz~~

搭建流程

点这里

Hexo+Next主题搭建个人博客+优化全过程（完整详细版）

https://zhuanlan.zhihu.com/p/618864711

原博主已经弃坑Hexo，改用Notion + vercel搭建博客了，不过留下的内容足够详细，可供参考。

客制化相关

配置自定义css与js文件

点这里

Hexo博客添加自定义css和js文件

https://blog.leonus.cn/2022/custom.html

首页文章滑动卡片布局

点这里

双栏布局首页卡片魔改教程

https://akilar.top/posts/d6b69c49/

外挂标签PLUS

点这里

Tag Plugins Plus

https://akilar.top/posts/615e2dec/

注意事项

使用此教程中的链接卡片时，教程中并没有说如何添加默认图片。经网页审查元素发现，头图地址默认指向 https://你的用户名.github.io/img/link.png
如果不想给每个链接都添加一个图片地址，那么可以把图片链接留空，并在根目录/soure 下新建一个img文件夹，在文件夹中放入你想要的默认图片，并重命名为 link.png 即可

时间轴添加对应生肖

点这里

Archive Beautify

https://akilar.top/posts/22257072/

入站Loading动画

点这里

Heo同款loading动画

https://blog.anheyu.com/posts/52d8.html

页面切换时更改网站标题

点这里

网站恶搞标题

https://www.fomal.cc/posts/d1927166.html#%E7%BD%91%E7%AB%99%E6%81%B6%E6%90%9E%E6%A0%87%E9%A2%98

//动态标题
var OriginTitile = document.title;
var titleTime;
document.addEventListener("visibilitychange", function () {
  if (document.hidden) {
    //离开当前页面时标签显示内容
    document.title = "再会了，雷狼龙";
    clearTimeout(titleTime);
  } else {
    //返回当前页面时标签显示内容
    document.title = "我即优雅又充满良心";
    //四秒后变回正常标题
    titleTime = setTimeout(function () {
      document.title = OriginTitile;
    }, 4000);
  }
});