日常汇报工作001
写于2025年12月12日 23点43分
第一部分
我也不知道怎么说了，反正就是今天就弄了个搜索框，还有弄了弄背景，不得不说，kimi老师还是很强的，感觉kimi老师略胜千问老师一筹。
第二部分
现在就是没有什么比较好的想法，像是导航栏的音乐，电影，图片都不知道怎么做，反正后面借鉴一下，看看怎那么好看把，再说，刚才让kimi老师试着弄了弄那个music音乐界面，发现它弄得那个版本有老多缺点了，我就想着，还是算了，回来碰见好看的，开源的大佬的源码，我再弄上。
第三部分
鸣谢，还是很感谢 leleo886 大佬的， 点击去往leleo大佬的主页。
真的，leleo大佬还给我们免费分发二级域名，一开始我都不知道这有啥用，后来才知道是这么用的。
结语
那就这样，第一次自己写，比较生疏
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 傥师妹TangShiMei的小空间！
相关推荐
2025-12-12
本站随机壁纸切换方案（白天/夜间双版本）——留给未来的自己
本文是”写给未来的自己”的备忘录，记录当前站点（Hexo + Butterfly 主题）如何实现「白天/夜间两套随机背景图」的完整流程。只要按步骤复制粘贴，即可在任意新环境里 10 分钟还原同样效果，且不破坏主题原有浅色/深色配色，文字始终清晰可读。 一、最终效果 默认加载随机「白天壁纸」；若用户点击右下角 🌙 切换为暗黑模式，背景立即替换成随机「夜间壁纸」。 每套壁纸可放置任意张数，互不影响；刷新页面重新随机。 仅改动背景层，不注入任何额外 CSS，因此不会导致白天/夜间文字对比度异常。 二、前期准备 壁纸尺寸建议 1920×1080 以上，体积 ≤ 500 KB，格式统一（jpg/png 均可）。 命名规则务必保持： 12白天图 → light-1.jpg、light-2.jpg ... light-N.jpg夜间图 → dark-1.jpg、dark-2.jpg ... dark-M.jpg 序号从 1 开始连续，不要 0。 将图片全部放入： 1your-blog/themes/butterfly/source/img/bg/ 没有 bg 文件夹就新建。 三、创建切换脚本在 themes/butterfly/source/img/bg/ 新建文件 theme-bg.js，内容如下（直接复制）： 1234567891011121314151617181920212223242526272829303132/* 白天/夜间随机背景切换 | Butterfly 主题专用 */(function () { const LIGHT_TOTAL = 2; // 白天壁纸张数，按需改 const DARK_TOTAL = 1; // 夜间壁纸张数，按需改 const folder = '/img/bg/'; const ext = '.jpg'; // 若用 png 请改成 '.png' /* 读取当前主题 */ function getTheme() { return document.documentElement.getAttribute('data-theme...
2025-12-20
关于咋弄彩色文字
在 Hexo + Butterfly 主题博客中使用彩色文字写这个是为了让你别忘了咋写彩字儿。关于如何在 Hexo 博客（Butterfly主题）的文章中添加带颜色的文字。最简单的方法：直接在 Markdown 中使用 HTML”“标签。通用方法：使用 <span> 标签这是最直接、可靠的方式，不需要额外配置。示例👇 指定几大原色(红色文字)1<span style="color: red;">这段是红色文字</span> 自定义颜色1<span style="color: #ff6b6b;">这段是珊瑚红文字</span> RGB颜色1<span style="color: rgba(0, 128, 255, 1);">这段是蓝色文字</span> 使用方法在你的文章中任何位置，都可以直接插入上面的代码片段来显示不同颜色的文字。 例如： 1正常文字，<span style="color: red;">这是红色文字</span>，然后继续。
2025-12-08
发表的第一篇 Blog！！
🎉 这是我第一篇正式发布的博客！记录从零搭建 Hexo + Butterfly 的曲折过程，献给未来的自己。 一、关于这个博客是怎么来的今天下午，我跟着 Kimi 和 通义千问 的建议，在 GitHub 上找了个开源项目 —— Hexo + Butterfly 主题，开始折腾自己的个人博客。 整个过程可以说 “痛并快乐着”： 我甚至把刚装的 Node.js v24.x 给卸了（因为兼容性问题），换回了一个旧版本，只为让 Hexo 能在本地顺利运行。 中间无数次 hexo g 失败、路径报错、依赖冲突……但好在最后成功 git push 到了我的 GitHub 仓库！ 🔗 点击这里查看我的博客源码仓库 二、碎碎念：加了个小功能！今天还顺手让kimi老师帮我搞定了一个有意思的小功能：“本站居然运行了 XXX 天” 的计时器！ 这个功能是 Kimi 帮我在不到 1 小时内搞定的，效率拉满 ✨ 想看看效果？👉 快去 我的主页 找找看！💡 提示：在「关于」页面里哦～ 三、写在最后这篇文章本来就是用来 测试 + 学习 的，我还不太会怎么把内容“正式”地放到网站上，所以先拿它试试水～ 对了，突然发现 Windows 11 的记事本居然也能高亮 Markdown 语法？！（虽然不能预览，但看着舒服多了 😄） 📝 写给未来的自己：当你看到这篇文章时，希望你已经能熟练地写markdown、搭站点、甚至帮别人解决问题了！别忘了，一切伟大的旅程，都始于像今天这样的一次“笨拙尝试”。顺带提一嘴，上面这两句是千问生成的，但是我觉得说得怪好的，那就保留下来吧还有就是，希望你已经真的发现你喜欢的领域到底是什么了把，心里不在blank了把，哈哈！come on！这里是小彩蛋，someone的主页，点开你就知道了→不要去打扰老师啊！
2025-12-29
利用 51.la 实现网站统计功能
思路来源来自leleo886👉点击这里👈 前往leleo886大佬的主页我就是在他那里学习的，但是他那里没有教程怎么弄。之后我就在b站上搜了一下,发现全站就一个视频跟51.la关，这下好了，没有详细教程，只能自己问kimi学了。然后我就想着，自己弄了，下面是大概的过程。 第一步 注册51.la👉点击👈 进行注册51.la 第二步 在应用管理中添加应用如下图👇 注册好之后点击蓝色的那个添加应用统计 进去之后，添加上你的博客，或者主页的域名。 第三步 获取SDK代码进行配置首先首先点击你额应用的那个 配置，进去之后点 统计代码 ，然后就会进入下面👇这个页面 然后然后点击 获取SDK追踪代码 ， 复制好，待会儿就用到。 情况一如果你的index.html是一直有的，不是像butterfly那种弄一次就重新生成的，那就在index.html原文件里面的前面加上配置信息就行了。然后重新部署，提交，正常更新，就应该可以看到那个 代码安装状态 变成 安装成功了。 情况二如果你使用的是hexo＋butterfly主题，那就可能麻烦点。好像是要更改主题文件夹下的一个名为layout.pug 的文件。我就是那样做的。那个文件的地址是 “themes\butterfly\layout\includes\layout.pug” 找到大概第十行的位置有 include ./head.pug 紧跟着在他的下一行写如下演示代码 1234include ./head.pug// 51.LA 统计script(charset='UTF-8' id='LA_COLLECT' src='//sdk.51.la/js-sdk-pro.min.js')script LA.init({id:"huu765gfyvgr567",ck:"999jjjhhhbxxxaaa"}) 结尾然后就好了，最后推送 推送一下，进行部署，就可以了。 之后你就可以实现如下效果 尾声感觉这个功能是挺实用的，你可以点击 👉这个链接👈 查看效果
评论
