给博客装个小空调

前言 ​

你知道的，对于这些奇奇怪怪的小玩意儿，没有一点抵抗力。这是第三蛋？？不管了反正这句话说了两三次了哈哈哈哈

纯心理作用的东西来了————小空调，一清三白老师也出了详细的教程，我也搞了一个小空调，标明文章原出处！小空调首创应该是安和鱼老师，是他的git链接

一清三白老师的小空调

先放个链接看看效果 👇

打开小空调

优势 ​

好玩不好用

劣势 ​

好玩不好用

部署方案 ​

我用的是 Hexo，所以部署起来极其简单。

Hexo 方案 ​

在博客根目录执行：

hexo new page air-conditioner

然后会生成 source/air-conditioner/index.md，把里面的内容全部替换成下面的：

---
title: 雨眠牌空调!
date: 2026-07-14 9:50:17
comments: true
aside: false
top_img: false
---

> 炎热夏天来个小空调吹吹~

<style>
.copyright-box a {
  border-bottom: none !important;
  padding: 0 !important;
}
</style>

<div id="air-conditioner-vue"></div>
<script defer data-pjax src='https://npm.elemecdn.com/anzhiyu-air-conditioner@1.0.1/index.3f125bc6.js'></script>

然后访问 https://你的博客域名/air-conditioner 就能看到了。

其他博客方案 ​

如果你用的不是 Hexo，也没关系，直接用 iframe 嵌入就行：

<iframe height="740" src="https://loquacious-bienenstitch-58539b.netlify.app/"></iframe>

丢到你想展示的地方就完事了。

自行构建部署 ​

如果你想自己折腾一遍源码：

1. 打开项目地址：项目地址
2. 右上角点个 Star（白嫖归白嫖，Star 还是要给的）
3. Fork 到自己仓库
4. 接入 Vercel 或 Netlify 部署 vercel部署直接点击New Project 找到对应项目直接一直下一步就好了
5. 完事

最后 ​

感谢 安知鱼 大佬写的这个小空调项目，也感谢 一清三白 老师的教程，有兴趣的可以去看看原文：

一清三白老师原文

快去吹空调

愿君安康，平安同乐！