叶泯希·杂七杂八的🐕窝

放学打球

2026-03-25T12:54:39.000Z

以前职高的时候，放学老是去打球，现在都没打过了，那时候作业少，疫情也早放学，也不回家就跟兄弟们一起去球场打，每天都玩到天黑才回家，周五甚至是玩完回去吃完饭接着来完，那时候精力根本花不完，现在不及之前的百分之一。把兄弟的鞋子放在蓝框上，也用来投篮。单挑谁输了抬他去磨灯柱。有时候聚在一起八卦学校里的事情，某个谁谁跟谁谈恋爱，某个老师家里干嘛的开的什么车，还有初中或者小学的趣事。美好总是短暂的，天下没有不散场的宴席，但各自都在向美好的生活奋进。时间好快啊，一眨眼就是四年后，想打球了，但凑不到人了。
人无法同时拥有青春和青春的感受。

🌏摄于：广东 2022-03-01

因 LeanCloud 停止对外服务，对数据迁移至 Vercel 。

2026-03-25T12:53:35.000Z

前言

LeanCloud 团队,关于 LeanCloud

相信大家都知道了，LeanCloud 将于 2027 年 1 月 12 日停止对外提供服务，本站有俩个服务依赖着 LeanCloud 服务，今天有空把它们都迁移一下。

一. Do you like me 小组将

1. 部署

单击此处一键部署 Deploy with Vercel。
项目地址https://github.com/5ime/likeMe
成功后去仪表盘，切换至 Storage 创建数据库并连接。
连接成功去检查环境变量，选择项目的 Project Settings 找到 Environment Variables 检查环境变量是否存在 POSTGRES_URL 。
重新部署。

检验是否数据库连接成功。

最简单的方式：访问一次接口触发建表，然后再看是否能正常返回。

GET /healthz：服务是否存活（返回 ok）
GET /info：会读取数据库并返回当前点赞数
如果数据库连不上，你通常会在 Vercel 的 Logs 里看到与连接/鉴权相关的报错（例如环境变量缺失、连接串无效等）。

本项目会在首次请求时自动建表（like_count / like_user），无需手动建表。

至此部署部分就应该结束了，以下是我的示例 Demo 。
用法请参考之前的文章。
叶泯希,给自己的网站加上Do you like me

题外话，这里为了适配主题的 pjax 我对 likeme.js 进行修改，以便切换页面时失效。

const likeMe=(()=>{let instance;let initialCallOptions=null;let retryCount=0;const MAX_RETRIES=20;const RETRY_INTERVAL=50;function tryInitializeInstance(options){const targetElement=document.querySelector(options.el);if(targetElement){instance=new LikeMeSingleton(options);instance.reinitialize(options.el);initialCallOptions=null;retryCount=0}else if(retryCount<MAX_RETRIES){console.warn(`LikeMe: Target element ${options.el} not found yet. Retrying in ${RETRY_INTERVAL}ms (attempt ${retryCount+1}/${MAX_RETRIES}).`);retryCount++;setTimeout(()=>tryInitializeInstance(options),RETRY_INTERVAL)}else{console.error(`LikeMe: Target element ${options.el} not found after ${MAX_RETRIES} retries. Initialization failed.`);initialCallOptions=null;retryCount=0}}return options=>{if(!instance){if(!initialCallOptions){initialCallOptions=options};tryInitializeInstance(initialCallOptions)}else{instance.url=options.serverURL||instance.url;instance.color=options.color||instance.color;instance.reinitialize(options.el)}return instance}})();class LikeMeSingleton{constructor({el,serverURL,color='#ff9797'}){Object.assign(this,{el,url:serverURL,color});this.isLiking=false}async reinitialize(newEl=this.el){this.el=newEl;const currentElement=document.querySelector(this.el);if(currentElement){currentElement.innerHTML=''}else{console.warn(`LikeMe target element ${this.el} not found during reinitialization. Skipping render.`);return}try{await this.renderUI();this.attachEvents();this.updateCount()}catch(error){console.error('LikeMe reinitialize error:',error)}}async init(){return this.reinitialize(this.el)}async renderUI(){try{const response=await fetch(this.url);const html=await response.text();const element=document.querySelector(this.el);if(element){const parser=new DOMParser();const doc=parser.parseFromString(html,'text/html');element.innerHTML=doc.body.innerHTML;const card=element.querySelector('.likeCard');if(card){card.style.setProperty('background-color',this.color)}}}catch(error){console.error('Render UI error:',error)}}attachEvents(){const card=document.querySelector(`${this.el} .likeCard`);if(card){card.addEventListener('click',()=>this.handleLike())}}async updateCount(){try{const response=await fetch(`${this.url}/info`);const data=await response.json().catch(()=>null);if(response.ok&&data){const count=data.data?.count||0;const textElement=document.querySelector(`${this.el} .likeCard-text`);if(textElement){textElement.textContent=`❤ ${count}`}}}catch(error){console.error('Update count error:',error)}}setUIState(isLoading,text,isSuccess=false){const card=document.querySelector(`${this.el} .likeCard`);const textElement=document.querySelector(`${this.el} .likeCard-text`);if(card&&textElement){card.classList.remove('loading','success');if(isLoading){card.classList.add('loading')}else if(isSuccess){card.classList.add('success')}textElement.textContent=text}}async handleLike(){if(this.isLiking)return;this.isLiking=true;this.setUIState(true,'❤ 爱意传递中...');try{const response=await fetch(`${this.url}/like`);const payload=await response.json().catch(()=>null);if(!payload){this.setUIState(false,'❤ 网络错误');setTimeout(()=>{this.updateCount()},1500);return}const{code,data={},msg}=payload;const count=data.count||0;if(response.ok&&code==='200'){this.setUIState(false,'❤ 传递成功~',true);setTimeout(()=>{this.setUIState(false,`❤ ${count}`)},500);return}this.setUIState(false,msg||'❤ 传递失败~');setTimeout(()=>{this.updateCount()},1500)}catch(error){console.error('Handle like error:',error);this.setUIState(false,'❤ 网络错误');setTimeout(()=>{this.updateCount()},1500)}finally{this.isLiking=false}}}

2. 数据迁移

导出数据。
连接数据库（我这里以 Navicat 为例），你也可以用Neon自带的进行操作。
打开 likeCount 这个表来修改数据，这个数据从刚刚导出的文件中 likeCount.0.jsonl 查看，修改成一样的数值。

进阶，把之前的ip地址和时间也直接导入。

首先，先了解一下数据的结构。

LeanCloud

1	{"ACL":{"*":{"read":true}},"ip":"0.0.0.0","createdAt":"2024-11-06T05:24:53.869Z","updatedAt":"2024-11-06T05:24:53.869Z","objectId":"672afda5ff1aa61512697fa9"}

这是用ai生产的一个转换成sql语句的脚本。

const fs = require('fs');
const readline = require('readline');

// 定义输入和输出文件
const inputFilePath = 'likeUser.0.jsonl';
const outputFilePath = 'insert_like_user.sql';

// 创建可读流和可写流
const readStream = fs.createReadStream(inputFilePath);
const writeStream = fs.createWriteStream(outputFilePath);

const rl = readline.createInterface({
    input: readStream,
    crlfDelay: Infinity // 检测所有CRLF行尾
});


let lineNumber = 0;

rl.on('line', (line) => {
    lineNumber++;
    // 跳过文件头注释行和空行
    if (line.startsWith('#') || line.trim() === '') {
        return;
    }

    try {
        const data = JSON.parse(line);

        const ip = data.ip;
        const createdAt = data.createdAt; // e.g., "2024-11-06T05:24:53.869Z"

        // 从 createdAt 中提取日期部分作为 'day'
        const dateObj = new Date(createdAt);
        const day = dateObj.toISOString().split('T')[0]; // YYYY-MM-DD

        // 构建 SQL INSERT 语句，使用 ON CONFLICT DO NOTHING
        const sql = `INSERT INTO "public"."like_user" ("ip", "day", "created_at") VALUES ('${ip}', '${day}', '${createdAt}') ON CONFLICT ("ip", "day") DO NOTHING;\n`;
        writeStream.write(sql);

    } catch (error) {
        console.error(`Error parsing JSON on line ${lineNumber}: ${line}`);
        console.error(error);
    }
});

rl.on('close', () => {
    console.log(`Conversion complete. SQL INSERT statements (ignoring duplicates) written to ${outputFilePath}`);
    writeStream.end(); // 关闭输出文件流
});

readStream.on('error', (err) => {
    console.error(`Error reading input file: ${err.message}`);
});

writeStream.on('error', (err) => {
    console.error(`Error writing output file: ${err.message}`);
});

将脚本的生产出来的文件打开，复制所有到新建查询里并运行，你也可以用Neon自带的进行操作。
至此，完成所有数据迁移

二. Waline 评论

去Waline的管理后台将所有数据导出。
按照官方文档进行重新部署。 Waline,Vercel
导入刚刚导出来的数据。
最后，记得将之前的项目中的环境变量全部移至新项目中，可以使用命令更快。

结尾

至此，教程结束。希望对你有所帮助，有任何问题请在下方留言。可以关注我的公众号以及订阅我的文章，感谢你的支持，是对我最大的动力，当然了，更多的是因为热爱。

本文参考

I Am I,为你的网站添加 Do you like me

2025:得与失

2026-01-28T19:00:00.000Z

摘句

1	悟已往之不谏，知来者之可追；实迷途其未远，觉今是而昨非。

始言

新建文件的时候还下意识的以2025开头，没发现如今已经2026了，这一年发生了很多，失去了很多，得到了很多，幸运的是，自己身体健康，家人无大病，虽然没什么钱，日子还算过的去，胸无大志，总为一日三餐而奔波。家里一直催着找工作，去工作，结婚生子，我也知道老人家盼着抱曾孙，可很多事情不能按部就班的，不是没有计划，只是时候未到，一步一个脚印，脚踏实地。

回顾2025年

1月

这个时候应该在跟她在武汉跨年吧，很开心！好不舍啊。
相聚的时光总是短暂的，还得把单子完成，我不要工作/(ㄒoㄒ)/~~
过年前大扫除，发现了小学的书套、画册、光盘、闹钟、玩具，初中的试卷、作文、奖旗。
小时候真好没有烦恼o(￣▽￣)ブ
哈哈，13年的说说：我要飞的更高~……。好可惜没有做到，飞机都没坐上。说多了都是泪。
除夕夜的兄弟聚会，在一起聊了很多，小时候琐事，未来展望开饭店。未来可期啊。
过年了，放烟花，又完成小时候未曾圆的梦，可惜啊不在对的年纪啊！
很不幸的是，年初又感冒了，似曾相识，上一年好像也是，o不我不想生病(≧﹏ ≦)
在家呆着好有愧疚感，有手有脚的，还养活不了自己。加油！

2月

继续为单子而努力，过年还得工作。好想去玩啊！
帮他弟买手机，分期到现在都还没还完/(ㄒoㄒ)/~~她弟比我大该怎么叫到时候(●ˇ∀ˇ●)
这个月好像无事发生，天天被家里说，在家的难处。不敢吱声……

3月

家里没人了，自力更生，研究黑暗料理。还跑进来一只哈基咪~o( =∩ω∩= )m
每天就是睡觉打游戏吃饭。就是下一顿犯愁(；′⌒`)
折腾博客，数据备份整理。

4月

最近的天空好美啊！每天嘎嘎嘎拍(●ˇ∀ˇ●)
接到单子了，下一顿有着落了。o(￣▽￣)ブ
她生日，犯愁不知道送什么。最后送了马面裙w(ﾟДﾟ)w
好兄弟请我吃坤，好兄弟在心中，有事电话打不通。在学校我俩老一起吃坤🐔
bushi《王者荣耀》这游戏到底谁在赢啊！？

5月

端午安康。
天空依旧绽放它的魅力，拍！
天气变热了，还得弄单子。加油！
王者荣耀我** 你**

6月

六一快乐，长不大的小孩子(#`O′)
宿舍一起去KTV自助。今年第一聚！
天空怎么看都看不厌啊。可惜我的脚趾头发脓了≧ ﹏ ≦
小强误入，瓶子里干活。
她找到工作了，海底捞服务员。真好！
光遇6周年。小陈你就送这点东西？

7月

夏天来了，天空异象好多。外星人申请童话(#`O′)
我的脚趾头怎么还没好！别是甲沟炎啊/(ㄒoㄒ)/~~
兄弟们聚餐，讨论去哪找工作。呃，我吃吃(╹ڡ╹ )
去阿姨里聚餐，吃小龙虾。好高级我不会吃(；′⌒`)
台风跟随着基孔肯雅热而来~Σ(っ °Д °;)っ
我喜欢外卖大战！！！(╹ڡ╹ )

8月

酷暑肯定得和烧烤搭配~
奶奶生日宴，82了厉害吧。
家里换冰箱了，之前的好像也四五年了。
种的火龙果开花了，但枯萎了。就好像我一样。
好大的雨，快上船！落汤鸡被淋成。

9月

看阅兵！吃月饼。
天空依旧美丽，就是台风太猛了，停工停课了。
她给我买了面包和零食。貌似也有点似曾相识。
外卖大战别停啊，奶茶全看你们了(╹ڡ╹ )

10月

雨过天晴，还拍到心形的云了。好幸运。
开单了，开单了！
中秋快乐！团团圆圆。

11月

火龙果终究还是死了。天空都不美丽了(T_T)
买了手机看小说o(￣▽￣)ブ
就是被坑了，一定要验明正身啊！

12月

好兄弟生日，吃宵夜。碳水爆炸，就是好冷啊。
跟好兄弟们去参加婚礼。吃席，啥时候才轮到我。
跟好兄弟们跨年，甚至忘了她了，完了完了(；′⌒`).

总结2025年

得到了时间，能做好多没做过的事，还是总感觉时间不够用。
失去了很多，说不上来失去了什么，2026能不能对我好一点。
好好生活，好好生活就是好好吃饭，好好吃饭，就是好好生活。
我们不是不幸福，而是缺少一点点感知幸福的能力，幸福不在别处，当下就是全部。

最后

新的一年祝大家平安喜乐!

世事无常，珍惜眼前

2025-12-16T09:15:54.000Z

我不知道意外和明天哪个先来，我只知道当下就是最好的，所以我开始频繁的记录，试图想留下些什么。

🌏摄于：广东 2022-06-06

“花怎么会落呢”

2025-11-15T07:20:27.000Z

续侄溥赏酴醾劝酒二首·其一
宋代：陈著
花有重开日，人无再少年。
相逢拌酩酊，何必备芳鲜。

花谢了还有再开放的一天，人老了之后再无少年之时。
朋友相见尽管推杯换盏，喝个酩酊大醉，只要有酒无需备办美食。

🌏摄于：广东 2022-06-23

“世界充满分歧，所以要学会尊重别人”

2025-10-16T07:20:27.000Z

尊重是必要的，你不尊重别人，别人也不会尊重你。
有些事情你理解不了的话，那就尊重，也不要恶言相加。
古人云：恶言不出于口，忿言不反于身。《礼记·祭义》
不说伤人的话，别人就不会用忿怒的话回击。
此句提醒人们避免恶言伤人，人际交往中，友好、理智和尊重是维系良好关系的基础。

🌏摄于：广东 2022-07-01

“死亡不是永别，遗忘才是”

2025-09-20T13:20:27.000Z

死亡是来的猝不及防的，根本没有任何时间让自己反应过来，这怕是人的过激保护机制吧。
反应过来之后才发现原来死亡离我那么近，上一秒还有说有笑，下一秒就阴阳永隔。
但死亡真的是永别吗？《小王子》里说：只要你还记得我，我就会一直留在你身边。
所以我觉得死亡就不是永别，遗忘才是。
前段时间我老豆带我回老家扫墓，带我见了好多先祖，听说他们的往事。
知道他们在哪，还有人记得他们。
以后我也会带着我的儿女来认认他们，让他们知道我们从哪里来，从哪里去，这也是一种传承。

🌏摄于：广东 2022-07-17

“爱就像蓝天白云晴空万里突然暴风雨”

2025-08-23T07:53:27.000Z

🌏摄于：广东 2022-07-21

“小雨天气”

2025-07-13T09:30:00.000Z

🌏摄于：广东 2022-07-06

快下雨，别打雷了，赶紧的，热！

2025-06-14T09:30:00.000Z

🌏摄于：广东 2022-08-16

寄博客一周年

2025-05-11T16:00:00.000Z

不知不觉中，就已经一年了，仿佛一切还在昨天。已经迭代三个主题了。

主题示例	主题作者
一代主题	Candinya
二代主题	yuang01
三代主题	everfu

你问我怎么接触到Hexo的？

我也不知道欸，就是做完毕设之后闲得发慌，也不想去面试、找工作。然后就莫名其妙接触上了，可能是缘分吧～ (｡･∀･)ﾉﾞ✨

你最开始建站的原因是为了什么？

我说想为女朋友建个站，记录一下生活，你信吗？(⁄ ⁄•⁄ω⁄•⁄ ⁄)💖

接触到Hexo你得到了什么？

我得到了很多，学了一堆前端知识、Git命令、网站部署啥的，还加入了好多组织，认识了很多大佬们！(ง •̀_•́)ง✨

为什么会重一代换到二代的？

别说了，我刚接触就开始改主题，发现自己改得太麻烦了，结果阴差阳错找到了二代。二代的功能正好是我想要的，大概也折腾了半年吧～ (￣▽￣)ノ

二代那么好，为什么会换到三代呢？

嗯……可能是因为三代一直有更新吧。而且一代作者也重新更新了。再加上有点跟风的原因，最主要的还是对二代审美疲劳了吧～ (´･ω･`)💭

就算处于互联网边缘，还会继续坚持吗？

我只能说，大善人CloudFlare、Vercel不倒，我也不倒！(●ˇ∀ˇ●)✊

你为什么在水文？

呃，其实我也不知道写什么好啦～ (￣▽￣;)💦

你接下来有什么规划吗？

重拾一代主题，并保持更新吧，一代命非常短，得续一下命～ (ง •̀_•́)ง💪
想改一下即刻短文成懒加载模式，点击加载才会加载～ 🌀
把我断更很久的毕业设计续上并完结！✍️🎓

今天就这样。相信你过得也很好吧？期待下次与你再会😊。

出门不要摔跤容易烫伤

2025-05-04T15:30:00.000Z

🌏摄于：广东 2022-08-24

Windows 安装 Docker 部署 Immich

2025-04-08T07:20:08.000Z

前言

我有挺多图片的，想搭建个图片管理工具奈何没有服务器，也没有 Nas ，干脆就笔记本电脑上。
打算用 Windows 装个 Docker 再在里面装个 Immich 。
给位佬友们有什么好推荐的吗，最好就能放在托管平台上面的，但是我不想花钱。
别问为什么没有图片，懒得截。

环境

Windows 11

准备工作

开启电脑的功能 Hyper-V 和 适用于 Linux 的 Windows 子系统和虚拟机平台
1. 打开控制面板 -> 程序 -> 程序和功能 -> 启用或关闭 Windows 功能
2. Hyper-V 和适用于 Linux 的 Windows 子系统和虚拟机平台（勾选）
去官网下载 Docker并安装（速度有点慢自行想办法）
1. 无脑点 OK 然后等
2. 安装完成点 Close
3. 在桌面找到蓝色小鲸鱼打开它
4. Accept（同意） 一些协议
5. 提示需要登陆，感觉没必要可以点右上角 Skip（跳过）
6. 调查问卷 Skip（跳过） 就行
7. 更改 Docker 语言
  1. 点击这里去下载汉化包
  2. 关闭Docker Desktop
  3. 在Docker安装目录找到app.asar文件并将其备份，防止出现意外。
    - Windows下默认为C:\Program Files\Docker\Docker\frontend\resources
    - Macos下默认为/Applications/Docker.app/Contents/MacOS/Docker Desktop.app/Contents/Resources
    - Ubuntu/Debian下默认为/opt/docker-desktop/resources
  4. 将下载的asar文件改名为app.asar后替换原文件
8. 打开终端CMD输入 docker –version
  1
  2
  PS C:\Users\59974> docker --version
  Docker version 28.0.4, build b8034c0
9. 安装成功

安装 Immich

新建 F:/web/immich 文件夹（全英文路径）

下载最新的配置文件，我写了个脚本双击运行即可 toc: true
updatedownload.bat

F:/web/immich/toc: true

updatedownload.bat
        @echo off

        REM 设置基地址
        set BASE_URL=https://github.com/immich-app/immich/releases/latest/download/

        REM 下载 docker-compose.yml 文件
        echo 正在下载 docker-compose.yml ...
        powershell -Command "Invoke-WebRequest -Uri '%BASE_URL%docker-compose.yml' -OutFile 'docker-compose.yml'"
        if %ERRORLEVEL% neq 0 (
            echo 下载 docker-compose.yml 失败！
            pause
            exit /b %ERRORLEVEL%
        )

        REM 下载 .env 文件
        echo 正在下载 .env 文件 ...
        powershell -Command "Invoke-WebRequest -Uri '%BASE_URL%example.env' -OutFile '.env'"
        if %ERRORLEVEL% neq 0 (
            echo 下载 .env 失败！
            pause
            exit /b %ERRORLEVEL%
        )

        REM 下载 hwaccel.ml.yml 文件
        echo 正在下载 hwaccel.ml.yml ...
        powershell -Command "Invoke-WebRequest -Uri '%BASE_URL%hwaccel.ml.yml' -OutFile 'hwaccel.ml.yml'"
        if %ERRORLEVEL% neq 0 (
            echo 下载 hwaccel.ml.yml 失败！
            pause
            exit /b %ERRORLEVEL%
        )

        REM 下载 hwaccel.transcoding.yml 文件
        echo 正在下载 hwaccel.transcoding.yml ...
        powershell -Command "Invoke-WebRequest -Uri '%BASE_URL%hwaccel.transcoding.yml' -OutFile 'hwaccel.transcoding.yml'"
        if %ERRORLEVEL% neq 0 (
            echo 下载 hwaccel.transcoding.yml 失败！
            pause
            exit /b %ERRORLEVEL%
        )

        REM 下载 prometheus.yml 文件
        echo 正在下载 prometheus.yml ...
        powershell -Command "Invoke-WebRequest -Uri '%BASE_URL%prometheus.yml' -OutFile 'prometheus.yml'"
        if %ERRORLEVEL% neq 0 (
            echo 下载 prometheus.yml 失败！
            pause
            exit /b %ERRORLEVEL%
        )

        echo 所有文件下载完成！
        pause

修改 F:/web/immich/.env 文件（你不想改数据库密码可跳过）

F:/web/immich/.env

  # To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
- # TZ=Etc/UTC
+ TZ=Asia/Shanghai
  # Connection secret for postgres. You should change it to a random password
  # Please use only the characters `A-Za-z0-9`, without special characters or spaces
- DB_PASSWORD=postgres
+ DB_PASSWORD=密码

运行安装代码
1
docker compose up -d
打开 http://127.0.0.1:2283（本机IP地址），显示 欢迎使用 Immich 界面即部署成功。

进阶操作

1. 更改模型，及文件路径

映射外部相册文件夹，更改模型

F:/web/immich/docker-compose.yml

services:
    immich-server:
    container_name: immich_server
    image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release}
-    # extends:
-    #   file: hwaccel.transcoding.yml
-    #   service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding
+      extends:
+      file: hwaccel.transcoding.yml
+      service: nvenc # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding
    volumes:
        # Do not edit the next line. If you want to change the media storage location on your system, edit the value of UPLOAD_LOCATION in the .env file
        - ${UPLOAD_LOCATION}:/usr/src/app/upload
        - /etc/localtime:/etc/localtime:ro
+      - F:/together:/mnt/media:ro
    immich-machine-learning:
    container_name: immich_machine_learning
    # For hardware acceleration, add one of -[armnn, cuda, rocm, openvino, rknn] to the image tag.
    # Example tag: ${IMMICH_VERSION:-release}-cuda
    image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release}
-    # extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration
-    #   file: hwaccel.ml.yml
-    #   service: cpu # set to one of [armnn, cuda, rocm, openvino, openvino-wsl, rknn] for accelerated inference - use the `-wsl` version for WSL2 where applicable
+    extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration
+      file: hwaccel.ml.yml
+      service: cuda # set to one of [armnn, cuda, rocm, openvino, openvino-wsl, rknn] for accelerated inference - use the `-wsl` version for WSL2 where applicable
    volumes:
+      - F:/web/model-cache:/cache

下载模型（自行配置SSH）

git clone https://huggingface.co/immich-app/buffalo_l
git clone https://huggingface.co/immich-app/XLM-Roberta-Large-Vit-B-16Plus
# 国内镜像
git clone https://hf-mirror.com/immich-app/buffalo_l
git clone https://hf-mirror.com/immich-app/XLM-Roberta-Large-Vit-B-16Plus

移动文件夹，树状图如下

F:/web/model-cache

model-cache
├─clip
│  └─XLM-Roberta-Large-Vit-B-16Plus
│      ├─textual
│      └─visual
└─facial-recognition
    └─buffalo_l

跟之前一样，运行安装代码等待部署即可
1
docker compose up -d

2. 内网穿透

自己琢磨吧

3. 效果

叶泯希,登录 -叶泯希,登录 -

结尾

本文参考

绅士喵,自建照片/视频管理方案（Immich

主题魔改——Solitude主题

2025-03-24T16:20:00.000Z

前言

这几天有时间就把主题升级一下，顺便总结一下修改和添加内容。我很蠢，但是蠢人有蠢人的办法，一样能实现功能就好了。

更新记录

2025-11-15

2025-09-21

2025-05-16

2025-05-11

2025-04-07

2025-04-05

2025-03-30

2025-03-29

2025-03-28

2025-03-27

2025-03-26

2025-03-25

首稿，solitude版本 v3.0.19

修改了什么

修改内容

1. 加载动画

切换页面时展现。

修改 themes/solitude/source/css/_layout/fullpage.styl 文件：

// ...
    .loading-bg
      display flex
      width 100%
      height 100%
      position fixed
      background var(--loading-bg)  // 修改这一行
// ...
    .loading-img
      width 100px
      height 100px
      margin auto
      animation-duration 0.5s // 修改这一行，复制完后请删除注释
// ...

修改 themes/solitude/source/css/_mode/index.styl 文件：

[data-theme=dark]
--loading-bg #000000dd  // 添加这一行
// ...
[data-theme=light]
--loading-bg #ffffffdd  // 添加这一行
// ...

参考	原帖
关于本站｜Solitude主题魔改内容	❖星港◎Star☆

2. Tab标签

点击按钮可以跳转页面。

修改 themes/solitude/scripts/tags/tabs.js 如下：

'use strict';

function postTabs([name, active], content) {
  // 定义正则表达式，用于匹配选项卡块
  const tabBlock = /\n([\s\S]*?)/g;

  // 使用 matchAll 来获取所有匹配的选项卡
  const matches = [...content.matchAll(tabBlock)];

  // 将一个字符串转换为数字，设置默认选中的标签索引
  active = Number(active) || 0;

  // 生成选项卡项函数
  const generateTabItems = (matches, name, active, parentId) => {
    return matches.map((match, tabId) => {
      // 捕获选项卡标题和图标
      const [tabCaption = '', tabIcon = ''] = match[1].split('@');

      // 获取可选的链接，如果有的话
      const link = match[2] ? match[2].trim() : '';

      // 渲染内容，使用 Hexo 的 Markdown 渲染引擎
      const postContent = renderMarkdown(match[3]);

      // 生成唯一的 id，用于对应选项卡内容区域
      const tabHref = `${parentId}-${tabId}`;

      // 处理图标 HTML
      const iconHtml = tabIcon ? `${tabIcon.trim()} tab solitude">` : '';

      // 判断是否为活动状态（选中状态）
      const isActive = active === tabId ? ' active' : '';

      // 回到顶部按钮的 HTML
      const toTopButton = '';

      // 根据是否存在链接来生成导航项
      return {
        nav: createNavItem(link, tabHref, iconHtml, tabCaption, isActive, ),
        // 选项卡的内容部分
        content: `${isActive}" id="${tabHref}">${postContent}${toTopButton}
`
      };
    });
  };

  const renderMarkdown = (text) => {
    return hexo.render.renderSync({ text, engine: 'markdown' }).trim();
  };

  const createNavItem = (link, tabHref, iconHtml, tabCaption, isActive) => {
    const buttonContent = `${iconHtml}${tabCaption.trim() || `${name} ${tabHref}`}`;
    return link ? `
      ${isActive}">
        
      
` : `
      ${isActive}">
        
      
`;
  };

  // 生成选项卡项
  const tabItems = generateTabItems(matches, name, active, name.toLowerCase().replace(/\s+/g, '-'));

  // 回到顶部按钮的 HTML
  const toTopButton = '';

  // 创建完整选项卡结构（包含导航和内容）
  const createTabStructure = (tabItems) => {
    const tabNav = `${tabItems.map(item => item.nav).join('')}
`;
    const tabContent = `${tabItems.map(item => item.content).join('')}
`;
    return { tabNav, tabContent };
  };

  // 获取生成的选项卡导航和内容
  const { tabNav, tabContent } = createTabStructure(tabItems);

  // 返回最终的选项卡 HTML 结构
  return `${name.toLowerCase().replace(/\s+/g, '-')}">${tabNav}${tabContent}
`;
}

// 注册自定义标签，以便在 Hexo 中使用
hexo.extend.tag.register('tabs', postTabs, { ends: true });
hexo.extend.tag.register('subtabs', postTabs, { ends: true });
hexo.extend.tag.register('subsubtabs', postTabs, { ends: true });

在 source/custom/css/custom.css 最后添加（没有就新建）：

/* tab标签的链接跳转 */
.tab-to-top {
    position: relative;
    display: block;
    margin: 16px 0 0 auto;
    color: var(--efu-lighttext);
}
.tabs .nav-tabs .tab button {
  width: 100%;
  padding: 0 0.3rem;
  height: 100%;
  font-size: 14px;
}
.tabs .nav-tabs .tab.active {
  background: var(--light-grey);
}
.tabs .nav-tabs .tab.active i,
.tabs .nav-tabs .tab.active button {
  color: var(--efu-lighttext);
}
.tabs .nav-tabs .tab i {
  font-size: 14px;
  margin-right: 0.3rem;
}

在 themes/solitude/source/js/main.js 最后添加：

const initCodeBlocks = (container) => {
  const { highlight } = GLOBAL_CONFIG;
  if (!highlight?.limit) return;
  const limit = highlight.limit;
  const syntax = highlight.syntax || 'prismjs';
  const selector = syntax === 'highlight.js' 
    ? 'figure.highlight' 
    : 'pre[class*="language-"]';
  container.querySelectorAll(selector).forEach(item => {
    item.style.maxHeight = `${limit}px`;
    item.style.overflow = 'hidden';
    if (item.scrollHeight > limit + 30 && !item.querySelector('.code-expand-btn')) {
      const btn = document.createElement('div');
      btn.className = 'code-expand-btn';
      btn.innerHTML = '';
      btn.onclick = () => {
        item.style.maxHeight = 'none';
        btn.remove();
      };
      syntax === 'highlight.js'
        ? item.querySelector('table').appendChild(btn)
        : item.parentNode.insertBefore(btn, item.nextSibling);
    }
  });
};
document.addEventListener('pjax:complete', () => {
  initCodeBlocks(document);
  document.addEventListener('click', handleTabClick);
});
const handleTabClick = (e) => {
  const tab = e.target.closest('.nav-tabs [data-href]');
  if (!tab) return;
  const targetContent = document.querySelector(tab.getAttribute('data-href'));
  targetContent.classList.add('active');
  setTimeout(() => initCodeBlocks(targetContent), 50);
};

document.addEventListener('DOMContentLoaded', () => {
  initCodeBlocks(document);
  document.addEventListener('click', handleTabClick);
});

用法

{% tabs 唯一名称, [index] %}



任何内容（也支持内联标签）。



{% endtabs %}

{% tabs test, 1 %}



任何内容（也支持内联标签）。



{% endtabs %}

参考	原帖
外挂标签使用	伍十七

左边侧边栏，点击它可以跳转wechatOA。

修改 themes/solitude/layout/includes/widgets/aside/asideFlipCard.pug 文件：

//- 添加这一行，位于第一行
a(href="/rss/wechatOA/",data-pajx)
    .card-widget.card-platform
        #flip-wrapper
            #flip-content
                .face
                .back.face

4. 友链、留言页

效果
教程

改为点击按钮跳转页面。

修改 themes/solitude/languages/ 下所有文件：

# default.yml
link:
  banner:
    toComment: 申请/修改友链 # 修改这一行
# en.yml
link:
  banner:
    toComment: Application/Modification link
# zh-CN.yml
link:
  banner:
    toComment: 申请/修改友链
# zh-TW.yml
link:
  banner:
    toComment: 申請/修改友鏈

修改 themes/solitude/layout/includes/widgets/page/links/banner.pug 文件：

//- ...
if theme.comment.use
    //- 替换链接跳转 
    a.banner-button(onclick="window.open('https://github.com/ymxblog/friends/',' _blank')")
        i.solitude.fas.fa-circle-chevron-right
        span.solitude.banner-button-text=_p('link.banner.toComment')
//- ...

修改 themes/solitude/layout/includes/widgets/page/message/content.pug 文件：

.article-container
    != page.content
    if theme.envelope.enable
        .switch_message
            button.open(type='button' onclick="document.getElementById('barrage').classList.remove('hide')")
                span(aria-hidden='true')= __('message.open')
            button.close(type='button' onclick="document.getElementById('barrage').classList.add('hide')")
                span(aria-hidden='true')= __('message.close')
            //- 添加这两行，链接可改
            button(type='button' onclick="window.open('https://github.com/ymxblog/friends/',' _blank')")
                span(aria-hidden='true')= __('link.banner.toComment') 
        #barrage

5. waline评论计数

无法获取waline的评论数据，返回undefined，翻了一下官方文档进行修改。

修改 themes/solitude/layout/includes/widgets/sidebar/waline.pug 如下：

.length-num#waline_allcount
  i.solitude.fa-solid.fa-spinner.fa-spin

script(pjax).
  (async () => {
    await fetch('!{theme.waline.envId}/api/comment?type=count', {method: 'GET'}).then(async res => res.json())
      .then(async data => {
        document.querySelector('#waline_allcount').innerHTML = data.data
      })
  })()

原帖	作者
API-Waline	官网

6. 添加评论协议

效果
教程

评论区可看。

修改 themes/solitude/layout/includes/widgets/third-party/comments/comment.pug 如下：

//- ...

if use.length > 1
    .comment-switch
        span.first=use[0]
        span#switch-btn
        span.second=use[1]

a.plxycss(href="/comment/")
    i.solitude.fas.fa-file-lines
    span  评论协议

//- ...

在 source/custom/css/custom.css 最后添加（没有就新建）：

/* 评论协议样式 */
a.plxycss {
  float: right;
  font-weight: bold;
  font-size: 20px;
}

7. 添加即刻短文图片的描述

效果
教程

即刻短言可看，点效果跳转

修改 themes/solitude/layout/includes/page/brevity.pug 如下：

//- ...

if item.image
    .bber-content-img
        each img in item.image
            if typeof img === 'string'
                img(src=img, alt=item.content || "图片暂无描述")
            else
                img(src=img.url, alt=(img.alt || item.content || "图片暂无描述"))

//- ...

用法两者皆可

- content: 这次做的椰奶冻粉还不错，就是糖放多了，好吃(╯▽╰ )好香~~
  date: 2025-03-27 00:01:00
  location: 家
  image:
    - url: https://images.418121.xyz/file/blog/essay/2025/03/27/01.webp
      alt: 按着教程来的，事不过三，终于成功了
- content: 我弟弟妹妹画的，很有天赋，像我小时候一样 b(￣▽￣)d ~
  date: 2025-03-26 21:30:00
  location: 家
  image:
    - https://images.418121.xyz/file/blog/essay/2025/03/26/01.webp

8. 适配Waline文章热度

超过五条评论即可显示”多人互动“，点效果跳转。

修改 themes/solitude/layout/includes/widgets/third-party/hot/index.pug 如下：

- const { count } = theme.comment.hot_tip
- const { use } = theme.comment

if use
    case use[0]
      when 'Twikoo'
          include ./twikoo
      when 'Artalk'
          include ./artalk
      //- 添加下面两行
      when 'Waline'
          include ./waline

在 themes/solitude/layout/includes/widgets/third-party/hot/ 下添加 waline.pug 文件：

script.
  function updatePostsBasedOnComments() {
    const location = window.location.origin;
    const posts = Array.from(document.querySelectorAll('.recent-post-item[onclick] .post_cover a'))
      .map(item => item.href.replace(location, ''));
    const fetchCommentsCount = () => {
      const requests = posts.map(url => {
        return fetch(`#{theme.waline.envId}/api/comment?type=count&url=${encodeURIComponent(url)}`)
          .then(response => response.json())
          .then(data => ({
            url: url,
            count: data.errno === 0 ? data.data[0] : 0
          }));
      });
      Promise.all(requests)
        .then(handleCommentsResponse)
        .catch(error => console.error("Error fetching comments:", error));
    };
    const handleCommentsResponse = (response) => {
      response.forEach(({ url, count }) => {
        if (count > #{count}) {
          const postElement = document.querySelector(`.recent-post-item[onclick*="${url}"]`);
          if (postElement) updatePostElement(postElement);
        }
      });
    };
    const updatePostElement = (postElement) => {
      const infoTopTips = postElement.querySelector(".recent-post-info-top-tips");
      const originalSpan = infoTopTips?.querySelector(".original");
      const existingHotTip = infoTopTips?.querySelector(".hot-tip");
      if (!existingHotTip && originalSpan) {
        const hotTip = createHotTipElement();
        infoTopTips.insertBefore(hotTip, originalSpan);
      }
    };
    const createHotTipElement = () => {
      const hotTip = document.createElement("span");
      hotTip.classList.add("hot-tip");
      const icon = document.createElement("i");
      icon.classList.add("solitude", "fas", "fa-fire-flame-curved");
      hotTip.appendChild(icon);
      const commentCount = document.createTextNode("#{_p('hot-tip')}");
      hotTip.appendChild(commentCount);
      return hotTip;
    };
      fetchCommentsCount();
  }

确认功能是否开启

# ...
  # Hot comment tips
  # 热评提示
  hot_tip:
    enable: true
    # Number of hot comments
    count: 5
# ...

参考了本主题适配Twikoo的用法。

9. 魔改主题关于页

点击效果，即可跳转至关于页。

参考 anzhiyu 主题关于页进行魔改 solitude 主题关于页

修改 themes/solitude/layout/includes/widgets/page/about/hobbies.pug 如下（复制粘贴覆盖）：

- var games = site.data.about.game

if games
    .author-content
        each game, index in games
            style.
                .game-#{index}::after {
                    box-shadow: #{game.box_shadow} !important;
                }
            .author-content-item.game(class=`game-${index}`, style=`background: url(${game.img}) no-repeat top; background-size: cover;`)
                .card-content
                    .author-content-item-tips= game.title
                    span.author-content-item-title= game.subtitle
                    .content-bottom
                        if game.icon_group
                            .icon-group
                                each icon in game.icon_group
                                    i(style=`background-image: url(${icon})`)
                        else if game.tips_left
                            .tips= game.tips_left
                        if game.tips_right
                            .tips= game.tips_right

if site.data.about.likes
  - const likes = site.data.about.likes
  .author-content
    each like in likes
      if like.type === 'comic'
        .author-content-item.comic
            .card-content
            .author-content-item-tips= like.tips
            span.author-content-item-title= like.title
            .content-bottom
              if like.subtips
                .tips= like.subtips
              if like.button
                .banner-button-group
                  a.banner-button(href=url_for(like.button_link))
                    i.solitude.fas.fa-circle-chevron-right
                    span.banner-button-text= like.button_text
            .comic-box
              each item in like.list
              a.comic-item(href=item.href target="_blank", rel="noopener noreferrer", title=item.name)
                .comic-item-cover
                //- nolazyload 我感觉不用加，不加的话好像会一直请求，所以我加了，自己试试吧。
                img.nolazyload(src=item.cover, alt=item.name)

      else
        .author-content-item(class=like.type style=`background: url(${like.bg}) no-repeat center/cover`)
          .card-content
            .author-content-item-tips= like.tips
            span.author-content-item-title= like.title
            .content-bottom
              if like.subtips
                .tips= like.subtips
              if like.button
                .banner-button-group
                  a.banner-button(href=url_for(like.button_link))
                    i.solitude.fas.fa-circle-chevron-right
                    span.banner-button-text= like.button_text

修改 themes/solitude/source/css/_page/_about/like.styl 如下（复制粘贴覆盖）：

#about-page
  .author-content-item.like-technology
    background-size cover
    min-height 230px
    color var(--efu-white)
    &::after
      box-shadow 0 -69px 100px 10px #050b20 inset
      position absolute
      content ''
      width 100%
      height 100%
      top 0
      left 0

  .author-content-item.like-music
    background-size cover
    min-height 400px
    color var(--efu-white)
    overflow hidden
    &::after
      box-shadow 0 -69px 100px 10px #0e0e0e inset
      position absolute
      content ''
      width 100%
      height 100%
      top 0
      left 0

  .author-content-item.comic
    min-height 400px
    color var(--efu-white)
    position relative
    
    .comic-box
      width 110%
      height 100%
      display flex
      position absolute
      left 50%
      top 0
      transform translateX(-50%)
      &::after
        box-shadow 0 -69px 100px 10px #04120f inset
        position absolute
        content ''
        width 100%
        height 100%
        top 0
        left 0
        pointer-events: none;
    
    .author-content-item-tips,
    .author-content-item-title,
    .content-bottom
      z-index 3
      color var(--efu-white)
    
    .comic-item
      height 100%
      color var(--efu-white)
      width 20%
      transform skew(-10deg, 0deg)
      transition 0.8s
      position relative
      overflow hidden
      &:hover
        width 46%
        .comic-item-cover
          left 16%
          transform skew(10deg, 0deg) scale(1.6)

      .comic-item-cover
        position absolute
        top 0
        left -50%
        height 100%
        transform skew(10deg, 0deg)
        object-fit cover
        transition scale 0.2s, all 0.8s
        img
          height 100%
          max-width none
          transition 0.8s

  .author-content-item.comic
    .comic-box
      +maxWidth1400()
          width 120%
          height 100%      
      +maxWidth768()
          width 109%
          height 100%
      +maxWidth690()
          width 120%
          height 100%

用法：保留之前的格式，新增comic类型示例

# comic 和 like-technology 二选一 你全要也可以
likes:
  - type: "comic"
    tips: 爱好番剧 # 右上角提示
    title: 追番 # 标题
    subtips: "科幻、动漫、喜剧" # 左下小字，可不要
    list: # 最好就是五个或以上，相信你们肯定没那么少的。
      - name: 你的名字 # 动漫或影视名
        href: https://movie.douban.com/subject/26683290/ # B站或豆瓣某个位置
        cover: https://images.418121.xyz/file/blog/covers/p2910701461.webp  # 封面图
      - name: 四月是你的谎言
        href: https://www.bilibili.com/bangumi/media/md1699
        cover: https://images.418121.xyz/file/blog/covers/p2232343678.webp
      - name: 流浪地球2
        href: https://movie.douban.com/subject/35267208/
        cover: https://images.418121.xyz/file/blog/covers/p2886653882.webp
      - name: 花束般的恋爱
        href: https://movie.douban.com/subject/34874432/
        cover: https://images.418121.xyz/file/blog/covers/p2868462052.webp
      - name: 天气之子
        href: https://movie.douban.com/subject/30402296/
        cover: https://images.418121.xyz/file/blog/covers/p2558022335.webp
    button: true # false 可以关闭右边按钮
    button_link: "/pyq/"  # 跳转路径
    button_text: "观看记录"   # 按钮文字
  # - type: "like-technology"
  #   bg: "https://images.418121.xyz/file/blog/page/movie.webp"
  #   tips: "与她一起看"
  #   title: "影视偏好"
  #   subtips: "科幻、动漫、喜剧"
  #   button: true
  #   button_link: "/pyq/"
  #   button_text: "观看记录"
  - type: "like-music"
    bg: "https://images.418121.xyz/file/blog/page/yy.webp"
    tips: "粤语、流行"
    title: "私人歌单"
    subtips: "账号密码：ymx"
    button: true
    button_link: "https://music.418121.xyz/app/#/login/"
    button_text: "音乐库"

原帖	作者
关于-安知鱼	安知鱼

10. 即可短文识别 Html 标签（换行加粗等）

效果
教程

单击效果跳转

修改 themes/solitude/layout/includes/page/brevity.pug 文件（第19行）：
1
p.datacont!= item.content
修改 themes/solitude/layout/includes/widgets/home/bbTimeList.pug 文件（第7行）：
1
| #{item.content.replace(/<[^>]*>/g, '')}

11. 即刻短文仿微信朋友圈样式

点击效果即可跳转。

修改 themes/solitude/layout/includes/page/brevity.pug 如下：

include ../widgets/page/banner
if theme.brevity.enable
    #brevity_page
      .author-info
        .msg
          .avatar
              a.brevity-avatar(href=url_for('/about'))
                img(src=theme.aside.my_card.author.img)
          .brevity-name=theme.site.name.custom
        .desc=theme.aside.my_card.description
    #bber
        section.timeline.page-1
            ul.list.waterfall
                each item in site.data.brevity.slice(0, theme.brevity.strip)
                    li.item
                        if theme.brevity.style === 1
                            .meta
                                img.avatar(src=theme.aside.my_card.author.img)

                        #bber-content
                            .info
                                span.bber_nick= config.author
                            p.datacont!= item.content
                            if item.image
                                .bber-content-img
                                    each img in item.image
                                        if typeof img === 'string'
                                            img(src=img, alt=item.content || "图片暂无描述")
                                        else
                                            img(src=img.url, alt=(img.alt || item.content || "图片暂无描述"))

                        if item.aplayer
                            .bber-music
                                meting-js(server=item.aplayer.server type="song" id=item.aplayer.id mutex="true" preload="none" theme="var(--efu-main)" data-lrctype="0")

                        if item.video
                            .bber-video
                                if item.video.player
                                    video(src=item.video.player controls="controls" style="object-fit: cover;")
                                if item.video.bilibili
                                    iframe(src='//player.bilibili.com/player.html?autoplay=0&bvid=' + item.video.bilibili scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true")

                        if theme.brevity.style === 1
                            .bber-bottom
                                .bber-info
                                    .bber-info-time
                                        time.datetime(datetime=moment(item.date).format())
                                    if item.location
                                        .bber-info-location
                                            = item.location
                                    if item.link
                                        a.bber-content-link(href=url_for(item.link) target="_blank")
                                            i.solitude.fas.fa-link
                                            = _p('essay.link')
                                if theme.comment.use && item.content
                                    a.bber-reply(onclick=`sco.toTalk('${item.content}')`)
                                        i.solitude.fas.fa-comment
                            hr

            #bber-tips
                if theme.brevity.strip === -1
                    = _p('essay.tip0')
                else
                    = _p('essay.tip1').replace('#{count}', theme.brevity.strip)

在 source/custom/css/custom.css 最后添加（没有就新建）：

/* 魔改即刻短文样式 */
#brevity_page .author-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    top: -35px;
    z-index: 3;
    margin-right: 25px;
    padding-bottom: 25px;
}

.desc {
    font-size: 16px;
    padding-bottom: 8px;
}

#brevity_page .author-info .msg {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

#brevity_page a.brevity-avatar {
    height: 60px;
    width: 60px;
    display: block;
    border-radius: 5px;
    background: #fff;
    margin-top: -15px;
}

#brevity_page a.brevity-avatar img{
  border-radius: 5px;
}

[data-theme=dark] #brevity_page a.brevity-avatar {
    background: #ffffffad;
}

#brevity_page .brevity-name {
    margin-right: 10px;
    margin-top: -15px;
    padding-top: 2px;
    color: #eee;
    font-weight: 600;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
}

#bber {
    margin-top: -2rem;
}

#bber div#bber-content {
    position: relative;
}

#bber .bber-content-img{
  border-radius: 0;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 4px; 
}

#bber .bber-content-img a{
    overflow: hidden; 
    border-radius: 0;
    min-height: 0; 
}

#bber .bber-content-img a img,
#bber .bber-content .bber-video {
    width: 100%; 
    height: 100px;
    object-fit: cover; 
    display: block; 
    transition: transform 0.3s;
    border-radius: 0;
}
#bber .bber-content-img a:only-child{
  grid-column: 1 / -1; 
  width: 100%;
}

#bber .bber-content-img a:only-child img {
  width: 100%;
  height: 200px;
}

#bber #bber-content .datacont {
    font-size: 18px;
    font-weight: 400;
    color: var(--font-color);
}

#bber #bber-content-img img {
    width: 100%;
}

#bber .bber-bottom {
    display: inline !important;
    padding-top: 8px;
    padding-bottom: 4px;
}

#bber>section>ul>li>div .bber-info-from,
#bber>section>ul>li>div .bber-info .bber-info-time time.datetime {
    background: 0 0;
    padding: 0;
    height: 26px;
    font-size: 13px;
    color: #808080;
}

#bber #bber-content .info span.bber_nick,
#bber .meta .avatar {
    display: none;
    color: #8eaccd;
}

.bber-reply {
    position: absolute;
    right: 15px;
    bottom: 33px;
    height: 26px;
    line-height: 26px;
}

.bber-content-link {
    font-size: 13px !important;
    position: absolute;
    right: 30px;
    line-height: 26px;
    color: var(--efu-main)!important;
    border-radius: 5px;
}

.bber-content-link i.solitude,
.bber-reply i.solitude {
    font-size: 16px !important;
}

.bber-info-location {
  color: #8eaccd !important;
  font-size: 13px !important;
  background-color: transparent !important;
  padding: 0 !important;
}

#bber .timeline ul li.item hr {
  border: 1px solid var(--efu-theme-op) !important;
}

#bber .bber-info .bber-info-time{
  background-color: transparent !important;
  padding: 0 !important;
}

div#bber-tips {
    padding-bottom: 20px;
}

@media screen and (max-width:768px),
(max-height:580px) {

    body[data-type=brevity] #bber-content {
        margin-left: 55px;
    }

    #brevity_page .author-info {
      margin-right: 10px;
    }
    .bber-reply {
      bottom: 22px;
    }

    .bber-content-link {
        right: 35px;
    }

    a.brevity-avatar {
        height: 60px;
        width: 60px;
    }

    .author-content.author-content-item.sharePage {
        height: 16rem;
        border-radius: 5px;
    }

    #bber .bber-bottom {
      margin-left: 55px;
    }

    .desc {
        font-size: 16px;
        padding-bottom: 8px;
    }

    #bber {
        margin-top: -3rem !important;
        width: 95%;
        margin: auto;
    }

    #bber .timeline ul li.item {
        width: 100%;
        padding: 0;
        border: none;
        border-radius: 0;
        background: 0 0;
        box-shadow: none;
    }

    #bber .timeline ul li.item:hover {
        border: none;
    }

    #bber #bber-content .info span.bber_nick {
        font-size: 16px;
        font-weight: 800;
        display: block;
    }

    #bber .meta .avatar {
        width: 45px;
        height: 45px;
        border-radius: 5px;
        overflow: hidden;
        position: absolute;
        display: block;
    }
    #bber .bber-music {
      width: 85%;
      margin-left: 55px;
      border: none;
      background: 0 0;
      box-shadow: none;
    }
    #bber .bber-video{
      padding: 30% 43%;
      margin-left: 55px;
    }
}

修改主题文件 _config_solitude.yml：

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  rel="stylesheet" href="/custom/css/custom.css">


# --------------------------- start ---------------------------
# Brevity Page
# 即刻短文
brevity:
  enable: true
  home_mini: true
  music: true
  page: /essay/
  style: 1
  strip: -1
# --------------------------- end ---------------------------

原帖	作者
主题魔改-即刻短文	梦爱吃鱼

12. 恢复背景图片

效果
教程

当前主题展示

修改 themes/solitude/layout/includes/layout.pug 文件（第14行）：

body#body(data-type=page.type)
    //- 背景特效
    if theme.display_mode.universe
        +conditionalWrapper(theme.display_mode.universe)
            canvas#universe
    //- 背景图片（这里添加）
    if theme.background.enable
        #global_bg
    //- 全屏加载动画
    if theme.loading.fullpage
        +conditionalWrapper(theme.loading.fullpage)
            include ./loading.pug

修改 themes/solitude/source/css/_global/index.styl 文件最后添加：


if hexo-config('background.enable')
  #global_bg
    position fixed
    z-index 999
    opacity hexo-config('background.opacity')
    width 100%
    height 100%
    background-image url(hexo-config('background.light'))
    background-size cover
    background-position center
    pointer-events none
    background-repeat no-repeat

    [data-theme=dark] &
      background-image url(hexo-config('background.dark'))

在主题文件 _config_solitude.yml 任意处添加：

# --------------------------- start ---------------------------
# Background
# 背景图片
background:
  enable: true #是否开启
  opacity: .3 #透明度
  dark: /images/bg_d.webp #深色模式，可填入url
  light: /images/bg_l.webp #浅色模式，可填入url
# --------------------------- end ---------------------------

添加了什么

添加内容

1. Do you like me

右边侧边栏有显示你可以点来看看，手机不展示。

原帖	作者
为你的网站添加 Do you like me 小组件	I Am I

2. 恋爱墙

主页可以看，点效果即可跳转。

原帖	作者
侧边栏	yuang01

3. 弹幕留言板

类似于🍭Akilarの糖果屋信笺样式留言板，点效果即可跳转。

原帖	作者
信笺样式留言板	🍭Akilarの糖果屋

4. 添加建站时间置页脚

效果
教程

左边控件点评论即可到页脚。

新建 source/custom/js/jz.min.js 文件填入内容（可改）：

document.addEventListener("DOMContentLoaded",(function(){const startTime=new Date("2024-05-12T00:00:00Z");function padZero(num){return num<10?"0"+num:String(num)}function calculateElapsedTime(start){const elapsedMilliseconds=new Date-start,totalSeconds=Math.floor(elapsedMilliseconds/1e3);return{days:Math.floor(totalSeconds/86400),hours:Math.floor(totalSeconds%86400/3600),minutes:padZero(Math.floor(totalSeconds%3600/60)),seconds:padZero(totalSeconds%60)}}function updateDisplay(){const{days:days,hours:hours,minutes:minutes,seconds:seconds}=calculateElapsedTime(startTime),runtimeElement=document.getElementById("runtime");runtimeElement&&(runtimeElement.textContent=`花期：${days} 天 ${hours} 小时 ${minutes} 分 ${seconds} 秒`),requestAnimationFrame(updateDisplay)}updateDisplay()}));

修改主题配置文件（url可改）：

# 页脚信息文字
# 请不要删除主题信息，这是对作者的尊重
links:
  - name:  id="runtime">
    url: /history/

5. 文章内插入地图

点击效果，即可跳转，如无显示请后退重新点一次。

安装插件
1
npm install hexo-tag-map --save

在想用的地方使用这外挂标签即可

插入一个混合地图的示例： {% map %}
{% + 标签值 + 经度 + 纬度 + 文本 + 缩放等级 + 宽 + 高 + 默认图层 + %}
{% map 120.101101,30.239119, 这里是西湖灵隐寺，据说求姻缘很灵验哦！, 15, 100%, 360px, 1 %}
其它地图用法请参考原帖

原帖	作者
使用Hexo-tag-map插件，给文章插入高德百度谷歌等5类9种地图	八章
关于给你的 Hexo 文章插入交互式地图吧！	kuole-o

6. 足迹图

点击效果，即可跳转。

下载zip并解压到 source/footmap/ 目录下
经过我的修改可以适配本主题，你想改可以自定义。

修改根目录 _config.yml 文件：

# ...
# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' collapseer
include:
exclude:
ignore:
  - source/footmap/*  #添加这一句
#...

打开 source/footmap/data/config.json 设置数据：

[
    {
        "latLng": [22.354887,110.946866],   //为足迹的经纬度，可以通过 https://jingweidu.bmcx.com查询得到
        "name": "广东 · 茂名 · 信宜",   //足迹地点的名称
        "articleUrl": "/posts/63e1fc9e.html",   //文章地址
        "desc": "老家", //足迹地点的描述， \n 为换行符
        "photos":[
            "https://photo.tuchong.com/20342439/f/1276790136.jpg",
            "https://photo.tuchong.com/20342439/f/712590584.jpg",
            "https://photo.tuchong.com/20342439/f/888292716.jpg",
            "https://photo.tuchong.com/20342439/f/1184318812.jpg"
        ],  //足迹地点的照片链接，为一组图片 url 数据
        "freq": 2   //足迹地点的到访次数，范围为 [1, 10]
    } // 写下一个的时候记得加逗号，最后一个不要加。
]

原帖	作者
给自己做一个旅行地图吧（2.0升级版）	扶苏

7. 订阅页面

点击效果，即可跳转。

新建 source/rss/index.md 文件，在文件内输入内容（按需修改）：

---
title: 订阅本站
date: 2024-11-16 23:10:28
update: 2024-11-17 02:21:48
desc: 推送全部文章推送简介
container: true
---
<center><h1>订阅本站h1>center>
<p style="text-align: right;">最新更新时间为：2024-11-27p>
<br>
<div class="rss-plan-list"><a class="rss-plan-item rss-plan-wechat" href="./wechatOA/" title="公众号" target="_blank">
        推送精选文章
推送全文
        
            公众号订阅
            推荐的订阅方式
                src="https://images.418121.xyz/file/blog/page/wechat.webp" data-lazy-src="https://images.418121.xyz/file/blog/page/wechat.webp"
                data-ll-status="loaded">
        
    
        推送全部文章
更新推送简介
        
            邮件订阅
            推荐的订阅方式
                src="https://images.418121.xyz/file/blog/page/mail.webp" data-lazy-src="https://images.418121.xyz/file/blog/page/mail.webp"
                data-ll-status="loaded">
        
    
        推送全部文章
推送简介
        
            RSS
            备用订阅方式
                src="https://images.418121.xyz/file/blog/page/rss.webp" data-lazy-src="https://images.418121.xyz/file/blog/page/rss.webp"
                data-ll-status="loaded">
        
    

# 订阅本站
首先感谢你对本站的文章产生一些兴趣，本站的主要内容风格为日常及教程分享、电脑骚操作，如果你对这方面内容感兴趣，欢迎关注。
## 全部文章订阅方式
### 1. 公众号订阅
公众号订阅可以收到我觉得有价值，很重要，比较精彩的文章。这些文章将通过微信公众号发送。并不是所有博客文章都会发到公众号中。建议所有用户订阅。
### 2. RSS订阅（文章摘要）
你可以使用第三方RSS客户端接收到博客的文章摘要通知。
[https://blog.418121.xyz/atom.xml](https://blog.418121.xyz/atom.xml)
[https://blog.418121.xyz/rss2.xml](https://blog.418121.xyz/rss2.xml)
{% link ATOM,订阅链接,https://blog.418121.xyz/atom.xml %}
{% link RSS,订阅链接,https://blog.418121.xyz/rss2.xml %}
### 3. Follow订阅
你可以使用[Follow客户端](https://follow.is/)接收到博客的文章通知。
{% link Follow,订阅链接,https://app.follow.is/share/users/yeminxi %}
### 4. 邮箱订阅
* 如果你更喜欢通过邮箱接收更新，本站提供了邮箱订阅功能。此功能通过[Friend Circle Lite](https://github.com/willow-god/Friend-Circle-Lite)支持。只需简单的填写你的邮箱提交到GitHub Issue，即可开始接收本站的更新邮件，可以通过删除issue进行取消订阅！
    1. 访问 [GitHub Issue](https://github.com/yeminxi/Friend-Circle-Lite/issues/new?assignees=&labels=&projects=&template=%E9%82%AE%E7%AE%B1%E8%AE%A2%E9%98%85.md&title=%5B%E9%82%AE%E7%AE%B1%E8%AE%A2%E9%98%85%5D) 页面。
    2. 填写你的邮箱信息。
    3. 提交 Issue，即可完成订阅！
* 期待与你的互动！如果你有任何问题或建议，欢迎随时联系我。
## 邮箱订阅功能提供鸣谢：
{% link 清羽飞扬,柳影曳曳，清酒孤灯，扬笔撒墨，心境如霜,https://blog.liushen.fun/ %}
## 本站是如何维持的
做公众号是为了保护文章版权，因为发布在个人博客站点对于版权保护能力比较弱，所以发在公众号并且标记为原创可以对文章版权有很好的保护。

新建 source/rss/wechatOA/index.md 文件，在文件内输入内容（按需修改）：

---
layout: false
---

<html lang="zh-cn">
    
        
        
        
        关注「叶泯希」微信公众号
        
        
        
        
        
        
    
    
        
            
                
                扫描二维码关注公众号
                
                    
                    
                        叶泯希
                        意义是自己赐予的
                    
                
            
            不会扫码？

在 source/custom/css/custom.css 最后添加（没有就新建）：

/* 卡片订阅样式 */
#post .tag_share + #follow {
  margin-top: 40px;
}
.rss-plan-list {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -4px;
  position: relative;
  justify-content: space-between;
}
.rss-plan-list a {
  border-bottom: none;
  border-radius: 12px;
}
.rss-plan-item:visited {
  color: var(--efu-white);
}
.rss-plan-item.rss-plan-wechat {
  background: #27c125;
}
.rss-plan-item.rss-plan-mail {
  background: var(--efu-blue);
}
.rss-plan-item.rss-plan-rss {
  background: var(--efu-orange);
}
.rss-plan-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 240px;
  height: 240px;
  margin: 6px 0;
  overflow: hidden;
  text-decoration: none;
  width: calc(100% / 3 - 8px);
  filter: brightness(1);
  transition: .3s;
  border: var(--style-border);
  box-shadow: var(--efu-shadow-border);
}
.rss-plan-item:hover {
  filter: brightness(1.1)
}
@media screen and (max-width: 1024px) {
  .rss-plan-item {
      width:calc(100% / 2 - 4px)
  }
  .rss-plan-item:first-child {
      width: 100%
  }
}
@media screen and (max-width: 768px) {
  .rss-plan-item {
      width:100%
  }
}

/* 卡片大小 */
.rss-plan-description {
  font-size: 16px;
  color: var(--efu-white);
  margin: 26px 0 0 30px;
  line-height: 20px;
}
.rss-plan-info-group {
  position: relative;
  margin: 0 0 26px 30px;
  color: var(--efu-white);
}
.rss-plan-title {
  font-size: 36px;
  font-weight: 700;
  width: fit-content;
  line-height: 1;
}
.rss-plan-info {
  width: fit-content;
  opacity: .6;
}
img.rss-plan-icon {
  position: absolute;
  bottom: -50px;
  right: -20px;
  height: 140px;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-transition: all 1.2s cubic-bezier(.39,.575,.565,1) !important;
  -moz-transition: all 1.2s cubic-bezier(.39,.575,.565,1) !important;
  -o-transition: all 1.2s cubic-bezier(.39,.575,.565,1) !important;
  -ms-transition: all 1.2s cubic-bezier(.39,.575,.565,1) !important;
  transition: all 1.2s cubic-bezier(.39,.575,.565,1) !important;
  transform-origin: bottom right;
  filter: blur(8px);
  opacity: .6;
}
.rss-plan-item:hover img.rss-plan-icon {
  bottom: -40px;
  right: -10px;
  filter: blur(0);
  opacity: 1
}
.rss-plan-item:hover {
  text-decoration: none !important;
}

参考	原帖
如果你喜欢本站内容，欢迎订阅！	Liushen
订阅本站与运营模式	张洪Heo

8. 重构404页

点击效果，即可跳转。

新建 source/404.md 文件，在文件内输入以下内容：

---
layout: false
---
<script src="//cdn.dnpw.org/404/v1.min.js" maincolor="#000" jumptime="-1" jumptarget="/" tips="404" error="" charset="utf-8">script>

修改主题配置文件

# Page default settings
# 页面默认设置
page:
  # 404 page
  # 404 页面
  error: false

原帖	作者
小代码，大公益	域名公益

9. 自定义link标签

新建 themes/solitude/scripts/tags/link.js 文件，在文件内输入内容：

'use strict';

const { parse } = require('psl');
// 定义不同域名对应的头像URL
const avatarMap = new Map([
  ['418121.xyz', '/images/avatar.webp'],
  ['github.com', 'https://images.418121.xyz/file/blog/page/git.webp']
]);

// 定义白名单域名
const whitelist = new Set([
  '418121.xyz',
  'yeminxi.github.io'
]);
// 获取URL的根域名
function getRootDomain(url) {
  try {
    const hostname = new URL(url).hostname;
    const parsed = parse(hostname);
    return parsed.domain || hostname;
  } catch {
    return url.split('/')[0]; // Fallback
  }
}

function link(args) {
  try {
    // 参数解析（支持转义逗号）
    const parsedArgs = args.join(' ')
      .split(/(?)
      .map(s => s.replace(/\\,/g, ',').trim());

    const [title = '', sitename = '', rawLink = ''] = parsedArgs;
    const link = rawLink.startsWith('http') ? rawLink : `https://${rawLink}`;

    // 域名处理
    const rootDomain = getRootDomain(link);
    const imgUrl = avatarMap.get(rootDomain) || 
                  `https://api.xinac.net/icon/?url=${encodeURIComponent(rootDomain)}`; //使用api获取网站的ico

    // 白名单校验
    const isSafe = whitelist.has(rootDomain) || rootDomain.endsWith('.418121.xyz');
    const tipMessage = isSafe 
      ? '🛡️ 来自本站地址，本站可确保其安全性，请放心点击跳转'
      : '⚠️ 引用站外地址，不保证站点的可用性和安全性，慎重点';

    return `

  ${link}">
    ${tipMessage}
    
      
          style="background-image: url(${imgUrl})"
          onerror="this.style.backgroundImage='url(/images/default-avatar.webp)'">
      
        ${hexo.extend.helper.get('escape_html')(title)}
        ${hexo.extend.helper.get('escape_html')(sitename)}
      
      
    
  
`;
  } catch (error) {
    console.error('Link tag error:', error);
    return `链接卡片生成失败：${error.message}
`;
  }
}

hexo.extend.tag.register('link', link, { ends: false });

新建 themes/solitude/source/css/_tags/link.styl 文件，在文件内输入内容：

#content-inner
  .tag-Link
    background var(--efu-secondbg)
    border-radius 12px !important
    display flex
    border 1px solid var(--style-border)
    flex-direction column
    padding 0.5rem 1rem
    margin-top 1rem
    text-decoration none !important
    color var(--efu-fontcolor)
    margin-bottom 10px
    transition background-color 0.3s, border-color 0.3s, box-shadow 0.3s

    &:hover
      border-color var(--style-border-hover)
      background-color var(--efu-main)
      box-shadow 0 0 5px rgba(0, 0, 0, 0.2)

    .tag-link-tips
      color var(--efu-fontcolor)
      border-bottom 1px solid var(--efu-gray)
      padding-bottom 4px
      font-size 0.6rem
      font-weight normal

    .tag-link-bottom
      display flex
      margin-top 0.5rem
      align-items center
      justify-content space-around

      .tag-link-left
        width 60px
        min-width 60px
        height 60px
        background-size cover
        border-radius 25%
        background-color var(--efu-card-bg)

      .tag-link-right
        margin-left 1rem

        .tag-link-title
          font-size 1rem
          line-height 1.2

        .tag-link-sitename
          font-size 0.7rem
          color var(--efu-fontcolor)
          font-weight normal
          margin-top 4px
          transition color 0.3s

        &:hover .tag-link-sitename
          color var(--efu-main)

      i
        margin-left auto
        color: var(--efu-fontcolor)

用法
1
{% link 标题,描述,链接 %}

原帖	作者
魔改笔记七：分类条及外链卡片	LiuShen

10. 安全跳转页面

安装

1 2	npm install cheerio --save npm install hexo-safego --save

在 Hexo 根目录 _config.yml 文件中添加以下内容：

# hexo-safego安全跳转插件
# see https://blog.liushen.fun/posts/1dfd1f41/
hexo_safego:
  general:                        # 基本功能设置
    enable: true                # 启用插件
    enable_base64_encode: true  # 使用 Base64 编码
    enable_target_blank: true   # 从新窗口打开跳转页面
  security:                     # 安全设置
    url_param_name: 'u'         # URL 参数名
    html_file_name: 'go.html'   # 重定向页面的文件名
    ignore_attrs:               # 忽略处理的 HTML 结构
      - 'data-fancybox'
  scope:                        # 容器与页面设置
    apply_containers:           # 应用的容器选择器
      - '#post'
    apply_pages:                # 应用的页面路径
      - "/posts/"
    exclude_pages:              # 排除的页面路径
  whitelist:                    # 域名白名单
    domain_whitelist:           # 允许的白名单域名，通过字符串匹配实现
      - "yeminixi.github.io"
      - "418121.xyz"
  appearance:                   # 页面外观设置
    avatar: ./images/avatar.webp    # 跳转页面头像路径
    title: "叶泯希"            # 跳转页面标题
    subtitle: "安全中心提示你不要乱点，它与本站不存在法律裙带关系ヽ（≧□≦）ノ"         # 跳转页面副标题
    darkmode: false             # 是否启用深色模式
    countdowntime: -1           # 跳转页面倒计时秒数，如果设置为负数则为不自动跳转
  debug:                        # 调试设置
    enable: false               # 启用调试模式

原帖	作者
安全跳转页面·插件版	LiuShen

11. Waline评论链接安全跳转

点击效果，即可跳转，下面有链接点点看。

在你 Github 中 Fork 的 Waline 仓库下修改 index.cjs 文件内容如下：

const Application = require('@waline/vercel');
const LinkInterceptor = require('waline-link-interceptor'); // 添加这一行

module.exports = Application({
  forbiddenWords: ['唱跳', 'rap篮球'], //词汇限制
  disallowIPList: ['8.8.8.8', '4.4.4.4'],//黑名单IP
  plugins: [
    LinkInterceptor({
      whiteList: [
        'yeminxi.github.io',
        '418121.xyz'
      ],
      // blackList: [],
      // interceptorTemplate: `hello __URL__ `,   // 如果下面自定义了跳转地址，那么此处模板不生效
      redirectUrl: "https://blog.418121.xyz/go.html", // 填写中间页的具体 html 地址。
      encodeFunc: (url) =>{
        return "u="+Buffer.from(url).toString('base64');                               // 填入一个外链 url 的处理函数
      }
    })
  ],
  async postSave(comment) {
    // do what ever you want after comment saved
  },
});

修改 package.json 文件：

{
  "name": "template",
  "version": "1.32.3",
  "private": true,
  "dependencies": {
    "@waline/vercel": "latest",
    "waline-link-interceptor": "^0.1.2" //添加这一句
  }
}

原帖	作者
Hexo 博客与 Waline 评论区实现外链跳转中间页	wuanqin

12. 添加统计页面

点击效果，即可跳转。

新建 **themes/solitude/sscripts/helper/charts.js 文件：

const cheerio = require('cheerio')
const moment = require('moment')

hexo.extend.filter.register('after_render:html', function (locals) {
  const $ = cheerio.load(locals)
  const post = $('#posts-chart')
  const tag = $('#tags-chart')
  const category = $('#categories-chart')
  const htmlEncode = false

  if (post.length > 0 || tag.length > 0 || category.length > 0) {
    if (post.length > 0 && $('#postsChart').length === 0) {
      if (post.attr('data-encode') === 'true') htmlEncode = true
      post.after(postsChart(post.attr('data-start')))
    }
    if (tag.length > 0 && $('#tagsChart').length === 0) {
      if (tag.attr('data-encode') === 'true') htmlEncode = true
      tag.after(tagsChart(tag.attr('data-length')))
    }
    if (category.length > 0 && $('#categoriesChart').length === 0) {
      if (category.attr('data-encode') === 'true') htmlEncode = true
      category.after(categoriesChart(category.attr('data-parent')))
    }

    if (htmlEncode) {
      return $.root().html().replace(/&#/g, '&#')
    } else {
      return $.root().html()
    }
  } else {
    return locals
  }
}, 15)

function postsChart (startMonth) {
  const startDate = moment(startMonth || '2020-01')
  const endDate = moment()

  const monthMap = new Map()
  const dayTime = 3600 * 24 * 1000
  for (let time = startDate; time <= endDate; time += dayTime) {
    const month = moment(time).format('YYYY-MM')
    if (!monthMap.has(month)) {
      monthMap.set(month, 0)
    }
  }
  hexo.locals.get('posts').forEach(function (post) {
    const month = post.date.format('YYYY-MM')
    if (monthMap.has(month)) {
      monthMap.set(month, monthMap.get(month) + 1)
    }
  })
  const monthArr = JSON.stringify([...monthMap.keys()])
  const monthValueArr = JSON.stringify([...monthMap.values()])

  return `
  `
}

function tagsChart (len) {
  const tagArr = []
  hexo.locals.get('tags').map(function (tag) {
    tagArr.push({ name: tag.name, value: tag.length, path: tag.path })
  })
  tagArr.sort((a, b) => { return b.value - a.value })

  const dataLength = Math.min(tagArr.length, len) || tagArr.length
  const tagNameArr = []
  for (let i = 0; i < dataLength; i++) {
    tagNameArr.push(tagArr[i].name)
  }
  const tagNameArrJson = JSON.stringify(tagNameArr)
  const tagArrJson = JSON.stringify(tagArr)

  return `
  `
}

function categoriesChart (dataParent) {
  const categoryArr = []
  let categoryParentFlag = false
  hexo.locals.get('categories').map(function (category) {
    if (category.parent) categoryParentFlag = true
    categoryArr.push({
      name: category.name,
      value: category.length,
      path: category.path,
      id: category._id,
      parentId: category.parent || '0'
    })
  })
  categoryParentFlag = categoryParentFlag && dataParent === 'true'
  categoryArr.sort((a, b) => { return b.value - a.value })
  function translateListToTree (data, parent) {
    let tree = []
    let temp
    data.forEach((item, index) => {
      if (data[index].parentId == parent) {
        let obj = data[index];
        temp = translateListToTree(data, data[index].id);
        if (temp.length > 0) {
          obj.children = temp
        }
        if (tree.indexOf())
          tree.push(obj)
      }
    })
    return tree
  }
  const categoryNameJson = JSON.stringify(categoryArr.map(function (category) { return category.name }))
  const categoryArrJson = JSON.stringify(categoryArr)
  const categoryArrParentJson = JSON.stringify(translateListToTree(categoryArr, '0'))

  return `
  `
}

修改主题配置文件

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  src="https://npm.elemecdn.com/echarts@4.9.0/dist/echarts.min.js">

用法，在任意位置插入（记得开启 container: true ）：


<div id="posts-chart" data-start="2021-01" style="border-radius: 8px; height: 300px; padding: 10px;">div>

<div id="tags-chart" data-length="10" style="border-radius: 8px; height: 300px; padding: 10px;">div>

<div id="categories-chart" data-parent="true" style="border-radius: 8px; height: 300px; padding: 10px;">div>

原帖	作者
关于本站｜Solitude主题魔改内容	❖星港◎Star☆

13. 页面预加载

打开浏览器开发者模式切换到网络，然后找个本站页面把鼠标放上去，会进行预加载。

修改主题配置文件

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  src="//instant.page/5.2.0" type="module">

原帖	作者
使您网站的页面即时在 1 分钟内并显着提高您的转化率	Alexandre Dieulot

14. Vercel 加速

你觉得访问本站快吗，所见即所得。

在 source/ 目录下新建一个 vercel.json 文件，在文件内输入以下内容：

{
    "headers": [
      {
        "source": "/sw.js",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "public, max-age=0, must-revalidate"
          }
        ]
      },
      {
        "source": "(.*)",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "public, s-maxage=86400, max-age=86400"
          }, {
            "key": "Vercel-CDN-Cache-Control",
            "value": "max-age=31536000"
          }
        ]
      }
    ]
  }

原帖	作者
Vercel 加速，快，不止更快	Mystic Stars

15. 友链状态检测

点击效果，即可跳转。

这里只讲前端配置，完整教程请看参考。

动态获取json，适配 solitude主题 的方法，根目录下新建 link.js 文件输入以下内容：

const fs = require('node:fs');
const https = require('node:https');

const dataUrl = 'https://cdn.418121.xyz/links/active.json'; // 替换成你的数据来源的URL
const outputFilePath = './source/friend.json'; // 替换成你想要保存json文件的路径
const forbiddenNames = [
  'Hexo',
  '开往-友链接力',
  '笔墨迹BLOGS·CN',
  '博客录boke.lu',
  '博友圈',
  '集博栈',
  '博客圈',
  '叶泯希-',
  '叶泯希~',
  '博客驿站',
  '十年之约',
  '个站商店',
  'BlogFinder'
]; // 想要禁止的name，可以修改

function generateFriendJson(dataUrl, outputFilePath, forbiddenNames) {
  https.get(dataUrl, (response) => {
    let data = '';

    // 检查响应状态
    if (response.statusCode !== 200) {
      console.error(`请求失败，状态码: ${response.statusCode}`);
      return;
    }

    // 监听数据块
    response.on('data', (chunk) => {
      data += chunk;
    });

    // 完成请求
    response.on('end', () => {
      try {
        const jsonData = JSON.parse(data);
        
        const friends = [];
        console.log("获取的数据:", jsonData); // 输出获取的数据以确认结构
        
        jsonData.content.forEach(item => {
          // 打印每个 item 的名字，看是否在 forbiddenNames 中
          console.log(`正在处理: ${item.title}`);
          if (!forbiddenNames.includes(item.title)) {
            friends.push({
              name: item.title,
              link: item.link,
              avatar: item.avatar
            });
          } else {
            console.log(`禁用项: ${item.title}`); // 如果是禁用项，打印提示
          }
        });

        // 根据规定的格式构建 JSON 数据
        const friendData = { friends: friends.map(item => [item.name, item.link, item.avatar]) };

        // 将 JSON 对象转换为字符串
        const friendJSON = JSON.stringify(friendData, null, 2);

        // 写入 friend.json 文件
        fs.writeFileSync(outputFilePath, friendJSON);
        console.log(`创建文件成功 friend.json at ${outputFilePath}`);
        
      } catch (error) {
        console.error('解析数据失败:', error);
      }
    });
  }).on('error', (error) => {
    console.error('请求错误:', error);
  });
}

// 调用函数生成 JSON 文件
generateFriendJson(dataUrl, outputFilePath, forbiddenNames);

使用命令生成 friend.json
1
node link.js

我使用 Github Action 构建站点，在前面加上：

- name: 安装依赖
  if: steps.cache.outputs.cache-hit != 'true'
  run: |
    npm install gulp-cli -g #全局安装gulp
    npm install --save
    npm install yamljs --save   //加入这一句

- name: 更新友链朋友圈
  run: |
    node link.js    //加入这一句
    node links.js
    node autolinks.js

在友链的页面 /links/index.md 添加以下内容：

---
title: 友情链接
date: 2024-11-17 06:08:33
type: links
desc: 与数百名博主共同进步
data: links
banner: true
comment: false
---
<style>
    .status-tag {
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 3px 8px;
        border-radius: 12px 0px 12px 0px;
        font-size: 12px;
        color: white;
        font-weight: bold;
        transition: font-size 0.3s ease-out, width 0.3s ease-out, opacity 0.3s ease-out;
    }
    .flink-list-item:hover .status-tag {
        font-size: 0px;
        opacity: 0;
    }
    /* 固态颜色 */
    .status-tag-green {
        background-color: #005E00; /* 绿色 */
    }
    .status-tag-light-yellow {
        background-color: #FED101; /* 浅黄色 */
    }
    .status-tag-dark-yellow {
        background-color: #F0B606; /* 深黄色 */
    }
    .status-tag-red {
        background-color: #B90000; /* 红色 */
    }

原帖	作者
Github Action实现友链状态检测	LiuShen

16. 朋友圈

点击效果，即可跳转，往下拖到最后。

这里只讲前端配置，完整教程请看参考。

动态获取json，适配 solitude主题 的方法，根目录下新建 links.js 文件输入以下内容：

const fs = require('fs');
const https = require('https');

const dataUrl = 'https://cdn.418121.xyz/links/active.json'; // 替换成你的数据来源的URL
const outputFilePath = './source/flink_count.json'; // 替换成你想要保存json文件的路径

function generateLinkCountJson(dataUrl, outputFilePath) {
  https.get(dataUrl, (response) => {
    let data = '';

    // 检查响应状态
    if (response.statusCode !== 200) {
      console.error(`请求失败，状态码: ${response.statusCode}`);
      return;
    }

    // 监听数据块
    response.on('data', (chunk) => {
      data += chunk;
    });

    // 完成请求
    response.on('end', () => {
      try {
        const jsonData = JSON.parse(data);
        
        if (!Array.isArray(jsonData.content)) {
          console.error("错误: JSON 文件中没有有效的 content 数组");
          return;
        }

        const ls = [];
        console.log(`链接列表条目数: ${jsonData.content.length}`);

        for (const item of jsonData.content) {
          console.log(`正在处理链接: ${item.title}`);
          ls.push({
            name: item.title,
            link: item.link,
            avatar: item.avatar || '',
            descr: item.descr || '无描述',
            topimg: item.topimg || null
          });
        }

        // 计数
        const length = ls.length;
        console.log(`总链接数: ${length}`);

        // 将结果写入到 JSON 文件中
        fs.writeFileSync(outputFilePath, JSON.stringify({ link_list: ls, length: length }, null, 2));
        console.log(`创建文件成功 flink_count.json at ${outputFilePath}`);
        
      } catch (error) {
        console.error('解析数据失败:', error);
      }
    });
  }).on('error', (error) => {
    console.error('请求错误:', error);
  });
}

// 调用函数生成 JSON 文件
generateLinkCountJson(dataUrl, outputFilePath);

使用命令生成 flink_count.json
1
node links.js

我使用 Github Action 构建站点，在前面加上：

- name: 安装依赖
  if: steps.cache.outputs.cache-hit != 'true'
  run: |
    npm install gulp-cli -g #全局安装gulp
    npm install --save
    npm install yamljs --save   //加入这一句

- name: 更新友链朋友圈
  run: |
    node link.js    
    node links.js   //加入这一句
    node autolinks.js

在友链的页面 /pyq/index.md 添加以下内容：

---
title: 朋友圈
date: 2024-11-17 06:08:33
type: banner
container: true
---
<div id="friend-circle-lite-root">div>
<script>
    if (typeof UserConfig === 'undefined') {
        var UserConfig = {
            // 填写你的fc Lite地址
            private_api_url: 'https://fc.api.418121.xyz/',
            // 点击加载更多时，一次最多加载几篇文章，默认20
            page_turning_number: 20,
            // 头像加载失败时，默认头像地址
            error_img: 'https://api.vvhan.com/api/avatar/niche',
        }
    }

原帖	作者
Friend-Circle-Lite:轻量友链朋友圈	LiuShen

17. 动态友链结合友链状态检测及朋友圈

https://github.com/ymxblog/friends/

动态获取json生成 links.yml 友链文件，适配 solitude主题 的方法，根目录下新建 autolinks.js 文件输入以下内容：

const fs = require('fs');
const https = require('https');
const yaml = require('js-yaml');

// 定义输入 URL 和输出文件名
const inputUrls = [
    'https://cdn.418121.xyz/links/花架.json',
    'https://cdn.418121.xyz/links/花友.json',
    'https://cdn.418121.xyz/links/花族.json',
    'https://cdn.418121.xyz/links/花主.json',
    'https://cdn.418121.xyz/links/suspend.json',
    'https://cdn.418121.xyz/links/404.json',
];
const outputFileName = './source/_data/links.yml';

// 自定义名称和描述字典，可以根据 URL 或文件名进行变更
const customNames = {
    '花架': '花架',
    '花友': '花友',
    '花族': '花族',
    '花主': '花主',
    'suspend': '花单',
    '404': '花失',
};

const descriptions = {
    '花架': '鸣谢提供框架及主题、技术支持',
    '花友': '造物主自玫瑰诞生起便策划了这场名为救赎的邂逅',
    '花族': '本站已加入的族织',
    '花主': '许是太久没有惊艳了，花也会忘了它是什么样子',
    'suspend': '单向友链，请添加本站链接后在GitHub提交issue留言',
    '404': '失效友链，请在GitHub提交issue修改后留言',
};

// 自定义类型字典
const customTypes = {
    '花架': 'item',
    '花友': 'item',
    '花族': 'item',
    '花主': 'item',
    'suspend': 'discn',
    '404': 'discn',
};

// 用于存储所有分类的数组
const allCategories = [];

// 读取每个 JSON URL 并处理数据
const readJsonUrls = async () => {
    for (let index = 0; index < inputUrls.length; index++) {
        const url = inputUrls[index];
        try {
            const jsonObj = await fetchJson(url);
            
            // 提取 URL 最后一部分作为分类名称（去掉扩展名）
            const className = url.split('/').pop().replace('.json', '');

            // 获取对应的描述、自定义名称和类型，如果不存在则使用默认
            const descr = descriptions[className] || `来自 ${className} 的链接`;
            const customName = customNames[className] || `默认名称 ${className}`;
            const customType = customTypes[className] || 'default'; // 默认类型

            // 将当前文件内容转换为 YAML 格式的数据结构
            let links = jsonObj.content.map(item => ({
                name: item.title,
                link: item.link,
                avatar: item.avatar,
                descr: item.descr,
                topimg: item.topimg || '',
                tag: item.tag || '',
                color: item.color || ''
            }));

            // 如果是第二个 URL，我们进行乱序处理
            if (index === 1) { // 注意这里的 index 从 0 开始，所以2号的位置是1
                links = shuffleArray(links); // 乱序
            }

            links.reverse(); // 逆序处理
            
            // 创建分类对象并推入分类数组
            allCategories.push({
                class_name: customName,
                descr: descr,
                type: customType,
                suffix: '',
                link_list: links
            });
            
        } catch (err) {
            console.error(`读取 URL ${url} 时出错:`, err.message);
        }
    }
};

// 随机打乱数组的函数
const shuffleArray = (array) => {
    for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]]; // 交换元素
    }
    return array;
};
// 使用 https 模块获取 JSON 数据
const fetchJson = (url) => {
    return new Promise((resolve, reject) => {
        https.get(url, (res) => {
            let data = '';

            // 收集数据
            res.on('data', chunk => {
                data += chunk;
            });

            // 请求结束后解析 JSON
            res.on('end', () => {
                try {
                    resolve(JSON.parse(data));
                } catch (e) {
                    reject(new Error('无法解析 JSON'));
                }
            });
        }).on('error', (err) => {
            reject(err);
        });
    });
};

// 生成 YAML 数据并写入文件
const generateYaml = () => {
    const yamlData = {
        banner_suffix: '',
        links: allCategories
    };

    // 将生成的数据转换为 YAML 格式，强制使用双引号来防止折叠格式
    const generatedYaml = yaml.dump(yamlData, {
        noRefs: true,
        lineWidth: -1 // 设置行宽为 -1，避免自动折行
    }); 

    // 写入到 YAML 文件
    fs.writeFileSync(outputFileName, generatedYaml, 'utf8');
    console.log('YAML 文件已成功生成。');
};

// 执行读取和写入流程
const processUrls = async () => {
    await readJsonUrls();
    generateYaml();
};

processUrls();

请参考原教程到5. 配置 config.yml，后接着下来我的步骤，或者直接Fork我的仓库进行修改。

# 网络请求设置
request:
  timeout: 10 # 超时设置
  ssl: false # ssl设置

# 要抓取的 issues 配置
issues:
  repo: ymxblog/friends # 仓库持有者/仓库名
  label:
  groups: ['active','checklist','suspend','404','花架','花友','花族','花主'] #标签有多少个就都写进去
  sort:

修改 /generator/main.py 文件：

1	outputdir = os.path.join(version, 'links') # 第十行。输出文件结构变化时，更新输出路径版本

修改 .github/workflows/generator.yml 文件：

name: Generator

on:
  issues:
  watch:
    types: [started]

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout
      uses: actions/checkout@v4
    - name: Set up Python
      uses: actions/setup-python@v5
      with:
        python-version: 3.x
    - name: Install requirements #安装requests
      run: |
        pip install -r requirements.txt
    - name: Update links #更新
      run: |
        python generator/main.py
    - name: Commit & Push
      uses: action-x/commit@v2.9
      with:
        github-token: ${{ secrets.PAT }}
        push-branch: 'output'
        force-push: 'true'
        commit-message: 'Generate Json'
        name: ${{ secrets.GITHUBUSERNAME }}
        email: ${{ secrets.GITHUBEMAIL }}
    - name: Checkout CDN repository
      run: |
          git clone https://${{ secrets.GITHUBUSERNAME }}:${{ secrets.PAT }}@github.com/${{ secrets.GITHUBUSERNAME }}/CDN.git
          cd CDN
          
          # 确保没有未加入分支的内容
          git fetch origin

          # 如果需要删除完整的 links 目录，请使用 -r 参数
          git rm -r links/  # 删除整个 links 目录（如有必要）
          # 配置用户信息
          git config --global user.name "${{ secrets.GITHUBUSERNAME }}"
          git config --global user.email "${{ secrets.GITHUBEMAIL }}"
          git commit -m "Delete links directory"
          git push origin main
    - name: 延迟30s执行
      run: |
          echo "Starting delay..."
          sleep 30  # 延迟 30 秒
          echo "Delay completed."
    - name: Push changes to CDN repository
      run: |
          cd ./v2
          
          # 设置默认主分支为 'main'
          git config --global init.defaultBranch main
          
          if [ ! -d ".git" ]; then
            git init
            echo "Initialized new Git repository."
          fi

          # 配置用户信息
          git config --global user.name "${{ secrets.GITHUBUSERNAME }}"
          git config --global user.email "${{ secrets.GITHUBEMAIL }}"
          
          git remote add origin https://${{ secrets.GITHUBUSERNAME }}:${{ secrets.PAT }}@github.com/${{ secrets.GITHUBUSERNAME }}/CDN.git
          
          # 更新本地分支以确保所有更改都已拉取
          git fetch origin
          
          # 合并最新的主分支
          git merge origin/main --allow-unrelated-histories || { echo "Merge conflict detected"; exit 1; }
          
          # 显示当前状态
          git status
          
          # 列出特定目录的内容
          ls -la ./links/
          
          # 添加文件并提交
          git add .
          
          if [ -n "$(git status --porcelain)" ]; then
            git commit -m "友链更新" || echo "No changes to commit"
          else
            echo "No changes to commit."
          fi
          
          # 推送到远程
          git push -u origin main || { echo "Push failed, please resolve the issues."; exit 1; }
    - name: 发送请求至本仓库的另外一工作流
      uses: peter-evans/repository-dispatch@v3
      with:
        token: ${{ secrets.GITHUB_TOKEN }}  # 使用默认的 GITHUB_TOKEN
        repository: ${{ github.repository }}  # 指向当前仓库
        event-type: linkschange
        client-payload: '{"branch": "output"}'

创建 .github/workflows/autolinks.yml 文件：

name: 更新网站友链
on:
  repository_dispatch:
    types: [linkschange]  # 本工作流由 change 事件触发

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      # 步骤1：检出代码（根据需求可选）
      - name: Checkout Code
        uses: actions/checkout@v4
        with:
          ref: ${{ github.event.client_payload.branch || 'main' }}

      # 步骤2：执行本地任务
      - name: Run Tasks
        run: echo "成功触发，当前分支：${{ github.event.client_payload.branch }}"

      # 步骤3：触发账号B的私有仓库工作流（关键修改部分）
      - name: 触发更新
        uses: peter-evans/repository-dispatch@v3
        with:
          token: ${{ secrets.MY_SECRET_TOKEN }}  # 必须使用账号B的PAT
          repository: yeminxi/hexo_code          # 格式：owner/repo
          event-type: linkspush              # 与目标仓库的事件类型严格匹配
          client-payload: '{"branch": "output"}' # 简化参数，移除冗余字段

我使用 Github Action 构建站点，在前面加上就可以实现友链检测，朋友圈，友链的三同步：

name: 自动部署
# 当有改动推送到master分支时，启动Action
on:
  repository_dispatch:
    types: [linkspush]  # 本工作流由 change 事件触发
  push:
    branches:
      - solitude
      #2020年10月后github新建仓库默认分支改为main，注意更改
  release:
    types:
      - published

jobs:
  
  deploy:
    permissions:
      actions: write
      checks: write
      contents: write
    runs-on: ubuntu-latest
    steps:
    - name: 延迟三十秒执行
      run: |
        echo "Starting delay..."
        sleep 30  # 延迟 30 秒
        echo "Delay completed."
    - name: 检查分支
      uses: actions/checkout@v4
      with:
        ref: solitude

    - name: 安装 Node
      uses: actions/setup-node@v4
      with:
        node-version: "20.x" #action使用的node版本，建议大版本和本地保持一致。可以在本地用node -v查询版本号。

    - name: 安装 Hexo
      run: |
        export TZ='Asia/Shanghai'
        npm install hexo-cli -g

    - name: 缓存 Hexo
      uses: actions/cache@v4
      id: cache
      with:
        path: |
          node_modules
          .deploy_git
          public
        key: ${{runner.OS}}-${{hashFiles('**/package-lock.json')}}

    - name: 安装依赖
      if: steps.cache.outputs.cache-hit != 'true'
      run: |
        npm install gulp-cli -g #全局安装gulp
        npm install --save
        npm install yamljs --save

    - name: 清除缓存
      run: |
        hexo clean

    - name: 更新友链朋友圈
      run: |
        node link.js
        node links.js
        node autolinks.js

    - name: 生成静态文件
      run: |
        hexo generate
    
    - name: 提交索引至Algolia
      run: |
        hexo algolia

    - name: 压缩文件
      run: |
        gulp
    
    # - name: 部署    
    #   uses: JamesIves/github-pages-deploy-action@v4
    #   with:
    #     token: ${{ secrets.GITHUBTOKEN }}
    #     repository-name: ${{ secrets.GITHUBUSERNAME }}/${{ secrets.GITHUBUSERNAME }}.github.io
    #     branch: v3.0.0
    #     collapseer: public
    #     commit-message: "${{ github.event.head_commit.message }} Updated By Github Actions"
    - name: 部署到Cloudfare Vercel Pages #此处master:master 指从本地的master分支提交到远程仓库的master分支，若远程仓库没有对应分支则新建一个。如有其他需要，可以根据自己的需求更改。
      run: |
        cd ./public
        git init
        git config --global user.name '${{ secrets.GITHUBUSERNAME }}'
        git config --global user.email '${{ secrets.GITHUBEMAIL }}'
        git branch -M solitude
        git add .
        git commit -m "${{ github.event.head_commit.message }} $(date -u +"%Y-%m-%dT%H:%M:%SZ") Updated By Github Actions"
        git push --force --quiet "https://${{ secrets.GITHUBUSERNAME }}:${{ secrets.GITHUBTOKEN }}@github.com/${{ secrets.GITHUBUSERNAME }}/hexo_code_Solitude.git" solitude:v3.0.0
        git push --force --quiet "https://${{ secrets.GITHUBUSERNAME }}:${{ secrets.GITHUBTOKEN }}@github.com/${{ secrets.GITHUBUSERNAME }}/hexo_code_Solitude.git" solitude:main
  
    - name: 推送谷歌url
      run: |
        hexo deploy

需要在仓库添加的环境变量，至于怎么获取token这里不多介绍，我这里是用了两个账号所以有两个token，一个只用设置PAT就好。
name value
GITHUBUSERNAME 你Github的用户名
GITHUBEMAIL 你Github的邮箱
PAT 包含repo和work的权限token
MY_SECRET_TOKEN 另一账号仓库包含repo和work的权限token
说一下是什么原理
获取issues的内容 -> 按label生成对应的json -> 推送至output分支和CDN仓库 -> 发送请求至本仓库的另外一工作流 -> 收到请求后，发送请求至另外账号仓库的构建站点的工作流 -> 实现动态友链更新

原教程只能生成json文件到本仓库的 *output 分支的v2文件夹里，这里我加了一个推送到我的CDN仓库的操作。然后通过Github Action获取CDN的json内容生成友链文件，友链检测文件，朋友圈文件，实现三端同步实时更新。
同理可得动态即可短文。

原帖	作者
Stellar动态友链教程	星日语

18. 添加回复时引用该评论

效果
教程

点击效果，即可跳转，随便找条评论试试，只适用Waline。

新建 source/custom/js/replycontent.js 文件填入内容：

(function() {
    let walineContainer = null;
    let observer = null;

    const initWalineReply = () => {
        // 移除旧的事件监听器
        if (walineContainer) {
            walineContainer.removeEventListener('click', handleClick);
        }

        // 获取新的评论容器
        walineContainer = document.getElementById('waline-wrap');
        
        if (!walineContainer) {
            return; // 如果没有找到容器则退出
        }

        // 添加点击事件监听器
        walineContainer.addEventListener('click', handleClick, { passive: true });

        // 如果旧观察者存在，则断开连接
        if (observer) {
            observer.disconnect();
        }

        // 创建新的 MutationObserver 实例并开始观察
        observer = new MutationObserver(() => {
            // 在 DOM 变化时重新初始化
            initWalineReply();
        });

        observer.observe(walineContainer, {
            childList: true,
            subtree: true
        });
    };

    const handleClick = (e) => {
        const replyBtn = e.target.closest('button.wl-reply');
        if (!replyBtn || walineContainer.dataset.pjaxLoading === 'true') return;

        // 精准定位当前评论内容
        const commentItem = replyBtn.closest('.wl-card-item');
        const contentNode = commentItem.querySelector('.wl-card > .wl-content');

        if (!contentNode) {
            return;
        }

        // 沙盒处理（保留链接结构）
        const sandbox = contentNode.cloneNode(true);
        
        // 移除干扰元素
        sandbox.querySelectorAll(
            'span, .wl-meta, svg, img, .wl-quote, blockquote, a[href^="#"], pre'
        ).forEach(n => n.remove());

        // 转换普通链接为Markdown格式（保留非锚点链接）
        sandbox.querySelectorAll('a:not([href^="#"])').forEach(a => {
            const text = a.textContent.trim();
            const href = a.getAttribute('href') || '';
            a.replaceWith(`[${text}](${href})`);
        });

        // 提取纯净文本（增加过滤@符号）
        const pureText = sandbox.textContent
            .replace(/@\S+/g, '')               // 新增@提及过滤
            .replace(/\n{3,}/g, '\n\n')
            .trim()
            .substring(0, 500);

        // 获取编辑器实例
        const editor = walineContainer.querySelector('.wl-editor');
        if (!editor) {
            return;
        }

        // 执行插入
        insertEditorContent(editor, pureText);
    };

    // 通用插入方法（支持Markdown）
    const insertEditorContent = (editor, text) => {
        const insertText = `> ${text}\n\n`;
        const inputEvent = new Event('input', { bubbles: true });

        if (editor.tagName === 'TEXTAREA' || editor.tagName === 'INPUT') {
            // 原生文本域处理
            const start = editor.selectionStart;
            editor.value = 
                editor.value.slice(0, start) + 
                insertText + 
                editor.value.slice(editor.selectionEnd);
            editor.selectionEnd = start + insertText.length;
        } else if (editor.isContentEditable) {
            // 富文本编辑器处理
            const range = document.createRange();
            const selection = window.getSelection();
            range.selectNodeContents(editor);
            range.collapse(false); // 光标移到最后
            range.insertNode(document.createTextNode(insertText));
            selection.removeAllRanges();
            selection.addRange(range);
        }

        editor.dispatchEvent(inputEvent);
        editor.focus();
    };

    // 初始化及事件监听
    document.addEventListener('pjax:complete', initWalineReply);
    initWalineReply(); // 初次调用以进行初始化
})();

修改主题配置文件：

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  data-pjax src="/custom/js/replycontent.js">

19. 弹出式欢迎界面

首次进入本站即显示，点击效果即刻跳转。

新建 source/custom/js/welcome.js 文件填入以下内容（可改）：

document.addEventListener("DOMContentLoaded", (function() {
    if (!getCookie("agreementAccepted")) {
        const referrer = document.referrer ? new URL(document.referrer).hostname : "直接访问";
        
        swal({
            title: "欢迎来到 叶泯希 <(￣︶￣)↗[GO!]",
            content: {
                element: "div",
                attributes: {
                    innerHTML: `
                        
                            style='width:80px; height:auto; border-radius: 50%; 
                            display: block; margin: 0 auto;' />

                        您来自: ${referrer}

                        请您在继续浏览本站之前，仔细阅读以下协议：


                        1. 隐私协议  
                        2. 免责声明  

                        3. 版权协议  
                        4. 评论协议   
                        5. Cookies  


                        点击“同意”表示您已阅读并同意遵守以上协议。
                    `
                }
            },
            buttons: {
                cancel: "不同意",
                confirm: "同意"
            },
            text: "若未获取新内容请清浏览器缓存。"
        }).then(willProceed => {
            willProceed ? setCookie("agreementAccepted", "true", 30) :
            window.history.length > 1 ? window.history.back() :
            window.location.href = "https://xxx";// 替换为希望重定向的 URL
        });
    }

    function setCookie(name, value, days) {
        const date = new Date();
        date.setTime(date.getTime() + 24 * days * 60 * 60 * 1000); //添加30天的cookie
        const expires = "expires=" + date.toUTCString();
        document.cookie = name + "=" + value + ";" + expires + ";path=/";
    }

    function getCookie(name) {
        const nameEQ = name + "=";
        const ca = document.cookie.split(";");

        for (let i = 0; i < ca.length; i++) {
            let c = ca[i];
            while (" " === c.charAt(0)) c = c.substring(1, c.length);
            if (0 === c.indexOf(nameEQ)) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }
}));

在 source/custom/css/custom.css 最后添加（没有就新建）：

/* 弹出框样式 */
.swal-modal,.swal-text,.swal-title {
  font-family: var(--efu-font) !important;
  background-color: var(--efu-secondbg);
  color: var(--efu-fontcolor) !important;
}

.swal-text {
  font-size: 14px;
}

.swal-content a:hover {
  background-color: var(--efu-theme-op-deep);
}
.swal-content a:not(.fancybox) {
  color: var(--efu-fontcolor);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px dotted var(--efu-lighttext);
  padding: 0px 4px;
  border-radius: 4px 4px 0px 0px;
}

.swal-button--confirm  {
  color: var(--efu-fontcolor);
  background-color: var(--efu-theme-op-deep);
}

修改主题配置文件：

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  rel="stylesheet" href="/custom/css/custom.css">
    -  src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">
    -  src="/custom/js/welcome.js">

原帖	作者
SweetAlert	官网
【Hexo+NexT主题】弹出欢迎弹窗	pai233

20. 添加小米字体

效果
教程

所见即所得。

修改主题配置文件

# Font
# 字体
font:
  font-size: 20px
  code-font-size: 16px
  # Global font
  # 全局字体
  font-family: "MiSans, sans-serif"

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans">

21. 配置swpp和PWA（主题是v2 现版本v3）

进入页面即可显示。特别感谢Liushen的帮助！

安装

1 2	npm install swpp-backends@3.0.0-alpha.908 --save npm install hexo-swpp@4.0.0-alpha.131 --save

在Hexo配置文件最后添加：

# swpp
# npm install swpp-backends@3.0.0-alpha.902 --save
# npm install hexo-swpp@4.0.0-alpha.131 --save
# https://kmar.top/posts/b70ec88f/
# https://github.com/EmptyDreams/hexo-swpp
swpp:
  # 是否启用，默认 false
  enable: true
  # 配置文件路径，以 `/` 结尾表示加载指定文件夹下的所有文件，注意文件夹中只能有配置文件，不能有其它文件及文件夹
  config_path: 'swpp.config.ts'
  # 是否生成 sw
  serviceWorker: true
  # 是否向所有 HTML 插入注册 sw 的代码
  auto_register: true
  # 是否生成 DOM 端的 JS 文件并在 HTML 中插入 script
  gen_dom: true
  # 是否追踪链接，默认 false
  # ⚠️警告！！！未启用链接追踪时不要使用永久缓存，否则会导致被缓存的数据永远不会更新，在您不再使用该资源时，缓存也不会被删除！！！
  track_link: true
  # 生成的 diff 文件的路径（可以是绝对路径也可以是相对路径，使用相对路径时相对于网站发布目录），留空表示不生成（默认为 null）
  gen_diff: './diff.json'
  # 是否在执行 hexo deploy 时自动执行 swpp 指令
  # auto_exec: false
  # 检查更新的网址，默认 "https://registry.npmjs.org"，注意不能以斜杠结尾
  npm_url: 'https://registry.npmmirror.com'
  #
  # 排序规则。
  # 该配置项是为了对 hexo 中的一些变量进行排序，避免每次生成 HTML 时由于这些变量的顺序变动导致生成结果不完全相同。
  # 示例：
  # ```yaml
  # # 下面给出的值为插件的缺省值，用户设置该项不会直接覆盖这些值，只有用户也声明 posts、pages 或 tags 时才会覆盖对应的值。
  # swpp:
  #   sort_rules:
  #     posts: 'title'
  #     pages: 'title'
  #     tags: 'name'
  # ```
  # 其中 key 值为要排序的变量的名称，value 为变量排序时的依据，
  # 填 false 表示禁用该项排序，填 true 表示以 value 本身为键进行排序，填字符串表示以 value[tag] 为键进行排序。
  # sort_rules:

在根目录下创建 swpp.config.ts 文件，把我的域名改成你自己的（不懂就看参考里的教程）：

import {
    defineConfig
} from 'swpp-backends'

defineConfig({
    compilationEnv: {
        DOMAIN_HOST: new URL('https://blog.418121.xyz'),
        SERVICE_WORKER: "sw",
        JSON_HTML_LIMIT: 10,
        isStable: (url: URL) => {
            return [
                /^(https?:\/\/|\/\/)(cdn|fastly)\.jsdelivr\.net\/npm\/.*@\d+\.\d+\.\d+\//,
                /^(https?:\/\/|\/\/)jsdelivr\.topthink\.com\/.*@\d+\.\d+\.\d+\//,
                /^(https?:\/\/|\/\/)cdn\.jsdmirror\.com\/.*@\d+\.\d+\.\d+\//,
                /^(https?:\/\/|\/\/)cdn\.staticfile\.org\/.*\/\d+\.\d+\.\d+\//,
                /^(https?:\/\/|\/\/)lf\d+-cdn-tos\.bytecdntp\.com\/.*\/\d+\.\d+\.\d+\//,
                /^(https?:\/\/|\/\/)npm\.elemecdn\.com\/.*@\d+\.\d+\.\d+\//
            ].some(it => it.test(url.href))
        },
        VERSION_LENGTH_LIMIT: 512,
        NETWORK_FILE_FETCHER: {
            referer: "https://blog.418121.xyz",
            getStandbyList(url: string | URL): (string | URL)[] {
                if (typeof url === 'string') url = new URL(url)
                if (url.hostname === 'npm.elemecdn.com') {
                    return [`https://fastly.jsdelivr.net${url.pathname}`]
                }
                return [url]
            }
        }
    },

    crossEnv: {
        CACHE_NAME: "BlogCache",
        VERSION_PATH: "https://id.v3/",
        ESCAPE: 15,
    },

    runtimeDep: {
        getStandbyRequests: (request: Request): {t: number, l: () => Request[]} | void => {
            const srcUrl = request.url
            const {host, pathname} = new URL(srcUrl)
            // noinspection SpellCheckingInspection
            const commonCdnList = ['jsdelivr.topthink.com', 'cdn.jsdmirror.com', 'fastly.jsdelivr.net']
            // noinspection SpellCheckingInspection
            const elme = 'npm.elemecdn.com'
            const urlMapper = (it: string) => new Request(it, request)
            if (host === elme) {
                return {
                    t: 2000,
                    l: () => [...commonCdnList.map(it => `https://${it}/npm${pathname}`)].map(urlMapper)
                }
            }
            if (host === 'jsdelivr.topthink.com') {
                commonCdnList.splice(0, 1)
                return {
                    t: 2000,
                    l: () => [...commonCdnList.map(it => `https://${it}${pathname}`)].map(urlMapper)
                }
            }
        }
    },

    crossDep: {
        matchCacheRule: {
            runOnBrowser: (url: URL)  => {
                let { host, pathname } = url;

                // 处理省略index.html的情况
                if (pathname.endsWith('/')) pathname += 'index.html';

                // 仅仅对于blog.418121.xyz')) { 处理 html 和 json
                if (host.endsWith('blog.418121.xyz')) {
                    if (pathname.endsWith('.json')) return 2592000000; // 30 dyas
                    if (pathname.endsWith('.html')) return 2592000000; // 30 dyas
                    if (pathname.endsWith('.webp') || pathname.endsWith('.jpg') || pathname.endsWith('.png') || pathname.endsWith('.gif')) return 2592000000; // 30 dyas
                }
                if (/\.(js|css|woff2|woff|ttf|cur|json)$/.test(url.pathname)) return 2592000000; // 30 dyas
                
                // return ((url.host.endsWith('blog.418121.xyz')) {') && /(\/|\.json)$/.test(url.pathname)) || /\.(js|css|woff2|woff|ttf|cur)$/.test(url.pathname)) ? 86400000 : false
            },
            runOnNode(url: URL) {
                // @ts-ignore
                return this.runOnBrowser(url)
            }
        }
    },
})

敲 hexo swpp , 使用Github Action 可以在压缩之前加上：

# ...
    - name: 缓存swpp
      run: |
        hexo swpp

    - name: 压缩文件
      run: |    
        gulp
# ...

配置 PWA ，修改主题文件 _config_solitude.yml（按自己的来）：

# ...
# --------------------------- start ---------------------------
# PWA
# Progressive Web App
pwa:
  enable: true
  manifest: /manifest.json # manifest.json
  theme_color: "#ff8080" # Theme colort
  mask_icon: /img/pwa/favicon.png # Mask icon
  apple_touch_icon: /img/pwa/favicon.png # Apple touch icon
  bookmark_icon: /img/pwa/favicon.png # Bookmark icon
  favicon_32_32: /img/pwa/favicon_32.png # 32x32 icon
  favicon_16_16: /img/pwa/favicon_16.png # 16x16 icon
# --------------------------- end ---------------------------
# ...

新建 source/manifest.json 文件（并准备好对应的图片）：

{
    "lang": "zh",
    "name": "叶泯希",
    "short_name": "叶泯希",
    "description": "blog.418121.xyz",
    "theme_color": "#ff8080",
    "background_color": "#ff8080",
    "display": "standalone",
    "scope": "/",
    "start_url": "/",
    "icons": [
        {
            "src": "/img/pwa/favicon_36.png",
            "sizes": "36x36",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_48.png",
            "sizes": "48x48",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_72.png",
            "sizes": "72x72",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_96.png",
            "sizes": "96x96",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_144.png",
            "sizes": "144x144",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_256.png",
            "sizes": "256x256",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_384.png",
            "sizes": "384x384",
            "type": "image/png"
        },
        {
            "src": "/img/pwa/favicon_512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ]
}

网址右边出现安装应用，即成功。

原帖	作者
Hexo配置SWPP实现PWA	Liushen
Swpp Backends 官方文档	空梦
Github仓库	EmptyDreams

22. 赞赏侧边栏

按照LiuShen的教程顺序就好。

在 source/custom/css/custom.css 最后添加（没有就新建）：

/* 赞赏页面样式 */
:root {
  /* ========== nav ========== */
  --liushen-nav-bg: rgba(255, 255, 255, 0.8);
  --liushen-nav-shadow: rgba(133, 133, 133, 0.6) 0px 5px 6px -5px;

  /* ========== ai_summary ========== */
  --liushen-title-font-color: #0883b7;
  --liushen-maskbg: rgba(255, 255, 255, 0.85);
  --liushen-ai-bg: conic-gradient(
    from 1.5708rad at 50% 50%,
    #d6b300 0%,
    #42a2ff 54%,
    #d6b300 100%
  );

  /* ========== card ========== */
  --liushen-card-bg: #fff;
  --liushen-card-secondbg: #f1f3f8;
  --liushen-card-border: 1px solid #e3e8f7;

  /* ========== button ========== */
  --liushen-button-bg: #f1f3f8;
  --liushen-button-hover-bg: var(--theme-color);

  /* ========== text ========== */
  --liushen-text: #4c4948;
  --liushen-secondtext: #3c3c43cc;
}

[data-theme='dark'] {
  /* ========== nav ========== */
  --liushen-nav-bg: rgba(18, 18, 18, 0.8);
  --liushen-nav-shadow: rgba(133, 133, 133, 0) 0px 5px 6px -5px;

  /* ========== ai_summary ========== */
  --liushen-maskbg: rgba(0, 0, 0, 0.85);
  --liushen-ai-bg: conic-gradient(
    from 1.5708rad at 50% 50%,
    rgba(214, 178, 0, 0.46) 0%,
    rgba(66, 161, 255, 0.53) 54%,
    rgba(214, 178, 0, 0.49) 100%
  );

  /* ========== card ========== */
  --liushen-card-bg: #2d2d2d;
  --liushen-card-secondbg: #3e3f41;
  --liushen-card-border: 1px solid #42444a;

  /* ========== button ========== */
  --liushen-button-bg: #30343f;
  --liushen-button-hover-bg: var(--theme-color);

  /* ========== text ========== */
  --liushen-text: #ffffffb3;
  --liushen-secondtext: #a1a2b8;
}
.card-widget.card-reward {
    padding: 8px;
}

.card-widget.card-reward .item-headline {
    margin: 4px 4px 4px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-widget.card-reward .item-headline .headline-content i {
    font-size: 1.1em;
}

.card-widget.card-reward .item-headline .headline-content span {
    font-size: 1em;
    font-weight: 600;
    color: var(--liushen-text);
}

.card-widget.card-reward .item-headline .show-more-inline .btn-show-more-inline {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background-color: var(--liushen-card-bg);
    border: var(--liushen-card-border);
    color: var(--liushen-text);
    text-decoration: none;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.card-widget.card-reward .item-headline .show-more-inline .btn-show-more-inline span {
    margin-left: 0;
}

.card-widget.card-reward .item-headline .show-more-inline .btn-show-more-inline:hover {
    background-color: var(--default-bg-color);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.card-widget.card-reward .item-content {
    margin: 0 4px 4px 4px;
}

.card-widget.card-reward .item-content .top-sponsor-carousel {
    margin-bottom: 15px; /* Uncomment if rotating the carousel */
    /* position: relative; */
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item {
    width: 100%;
    display: flex !important;
    align-items: center;
    padding: 8px;
    background-color: var(--liushen-card-bg);
    border-radius: 12px;
    border: var(--liushen-card-border);
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item.carousel-item-new {
    animation: slideIn 0.5s ease-out;
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--liushen-text);
    width: 100%;
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item .sponsor-avatar {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item .sponsor-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--liushen-card-secondbg);
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item .sponsor-info {
    min-width: 0;
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item .sponsor-info .sponsor-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 12px;
    color: var(--liushen-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-widget.card-reward .item-content .top-sponsor-carousel .carousel-container .carousel-item .sponsor-info .sponsor-desc {
    font-size: 14px;
    line-height: 1;
    color: var(--liushen-secondtext);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-widget.card-reward .item-content .sponsors-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.card-widget.card-reward .item-content .sponsors-list .sponsor-item {
    display: flex;
    align-items: center;
    line-height: 1.2;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: var(--liushen-text);
    text-decoration-style: dashed;

    color: var(--liushen-text);
    transition: all 0.2s ease;
    white-space: nowrap;
    border: 1px solid transparent;
}

.card-widget.card-reward .item-content .sponsors-list .sponsor-item:hover {
    color: var(--default-bg-color);
    text-decoration-color: var(--default-bg-color);
    transform: translateY(-2px);
}

.card-widget.card-reward .item-content .sponsors-list .sponsor-item .sponsor-small-name {
    font-size: 14px;
    font-weight: 500;
}

.card-widget.card-reward .item-content .sponsors-note {
    text-align: center;
    font-size: 12px;
    color: var(--liushen-secondtext);
    opacity: 0.8;
}

.card-widget.card-reward .item-content .sponsors-note p {
    margin: 0;
}

.card-widget.card-reward .item-content .no-sponsors {
    text-align: center;
    padding: 20px;
    color: var(--liushen-secondtext);
}

.card-widget.card-reward .item-content .no-sponsors p {
    font-size: 14px;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

修改 _config.solitude.yml 文件：

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  rel="stylesheet" href="/custom/css/custom.css">

修改 source/_data/about.yml 文件赞赏位置添加：

award:
  enable: true
  description: 感谢那些欣赏和支持我的人。因为你，我觉得写博客可以为你创造价值。这将使我在这条道路上走得更远。
  tips: 总金额： ¥ {sum} , 将用于博客的维护和更新。 # Must include {sum}, otherwise the total amount will not be displayed
rewardList: # Bottom donations
  - name: 唐若辰
    money: 10
    time: 2024-05-24
    icon: fab fa-weixin
    # icon: fab fa-alipay
    # icon: fab fa-gratipay
    color: green
    #以下是新添加
    avatar: https://images.418121.xyz/file/blog/page/qt.webp
    website: /
    description: 执子之手
  - name: test
    money: 10
    time: 2024-05-24
    icon: fab fa-weixin
    # icon: fab fa-alipay
    # icon: fab fa-gratipay
    color: green
    avatar: https://images.418121.xyz/file/blog/page/qtn.webp
    website: /
    description: test

添加 themes/solitude/layout/includes/widgets/aside/asideRewards.pug 文件：

.card-widget.card-reward
  .item-headline
    .headline-content
      i.fa-solid.fa-person-praying
      span 能量榜
    .show-more-inline
      - var pageUrl = '/reward/'
      a(href=url_for(pageUrl) class="btn-show-more-inline")
        span 前往赞赏
  .item-content
    if site.data.about && site.data.about.rewardList && site.data.about.award.enable
      - var allSponsors = site.data.about.rewardList.slice()
      - allSponsors.sort(function() { return Math.random() - 0.5 })
      - var carouselSponsors = allSponsors.slice(0, 40)
      - var listSponsors = allSponsors.slice(0, 20)
      
      if carouselSponsors.length > 0
        .top-sponsor-carousel
          .carousel-container
            .carousel-item
              a.sponsor-link-card(target="_blank" rel="nofollow noopener")
                .sponsor-avatar
                  img.sponsor-avatar-img(src=url_for(carouselSponsors[0].avatar) alt=carouselSponsors[0].name onerror=`this.onerror=null;this.src='${url_for('/img/default_avatar.webp')}';`)
                .sponsor-info
                  .sponsor-name= carouselSponsors[0].name
                  .sponsor-desc= carouselSponsors[0].description
        
        if listSponsors.length > 1
          .sponsors-list
            each sponsor in listSponsors
              if sponsor.website
                a.sponsor-item(href=sponsor.website target="_blank" rel="nofollow noopener")
                  .sponsor-small-name= sponsor.name
              else
                .sponsor-item
                  .sponsor-small-name= sponsor.name

            if allSponsors.length > 20
              - var pageUrl = '/reward/'
              a.sponsor-item.more-sponsor(href=url_for(pageUrl) target="_blank" rel="nofollow noopener")
                .sponsor-small-name
                  |  查看更多
                  i.fa-solid.fa-angles-right
          
          .sponsors-note
            p 你们的赞赏是我最大的动力
            p ※ 此处数据随机显示
        
        script.
          if (!window.sponsorsData) {
            window.sponsorsData = !{JSON.stringify(carouselSponsors)};
          }
          
          function initRewardCarousel() {
            const container = document.querySelector('.carousel-container');
            const link = container.querySelector('.sponsor-link-card');
            const avatar = container.querySelector('.sponsor-avatar-img');
            const name = container.querySelector('.sponsor-name');
            const desc = container.querySelector('.sponsor-desc');
            
            if (!container || sponsorsData.length === 0) return;
            
            let currentIndex = 0;
            let intervalId = null;
            let isTransitioning = false;
            
            function updateSponsorInfo(sponsor) {
              if (sponsor.website) {
                link.href = sponsor.website;
                // 确保有链接时移除 pointer-events 样式
                link.style.pointerEvents = '';
                link.style.cursor = 'pointer';
              } else {
                link.removeAttribute('href');
                // 只有在没有链接时才添加 pointer-events: none
                link.style.pointerEvents = 'none';
                link.style.cursor = 'default';
              }
              
              avatar.src = sponsor.avatar;
              avatar.alt = sponsor.name;
              
              name.textContent = sponsor.name;
              desc.textContent = sponsor.description;
            }
            
            function showSponsor(index) {
              if (index < 0 || index >= sponsorsData.length || isTransitioning) return;
              
              isTransitioning = true;
              const sponsor = sponsorsData[index];
              
              container.style.opacity = '0';
              
              setTimeout(() => {
                updateSponsorInfo(sponsor);
                container.style.opacity = '1';
                currentIndex = index;
                
                setTimeout(() => {
                  isTransitioning = false;
                }, 300);
              }, 300);
            }
            
            function nextSponsor() {
              const nextIndex = (currentIndex + 1) % sponsorsData.length;
              showSponsor(nextIndex);
            }
            
            function startAutoPlay() {
              if (intervalId) clearInterval(intervalId);
              intervalId = setInterval(nextSponsor, 3000);
            }
            
            function stopAutoPlay() {
              if (intervalId) {
                clearInterval(intervalId);
                intervalId = null;
              }
            }
            
            const carousel = document.querySelector('.top-sponsor-carousel');
            if (carousel) {
              carousel.addEventListener('mouseenter', stopAutoPlay);
              carousel.addEventListener('mouseleave', startAutoPlay);
            }
            
            container.style.transition = 'opacity 0.3s ease-in-out';
            
            // 初始化第一个赞助者信息
            updateSponsorInfo(sponsorsData[0]);
            
            startAutoPlay();
            
            return {
              showSponsor,
              nextSponsor,
              startAutoPlay,
              stopAutoPlay
            };
          }
          initRewardCarousel();
          //- document.addEventListener("pjax:complete", function() {
          //-   initRewardCarousel();
          //- });
      else
        .no-sponsors
          p 暂无赞助者，成为第一个支持本站的朋友吧！
    else
      .no-sponsors
        p 暂无赞助者数据

修改 themes/solitude/layout/includes/widgets/aside/asideSwitch.pug 文件：

//- ===========================================
//- 侧边栏组件切换器
//- ===========================================

include ../../mixins/common.pug

//- 主切换逻辑
case item
  when 'about'
    include ./asideInfoCard.pug
  when 'flip'
    include ./asideFlipCard.pug
  when 'newestPost'
    include ./asideNewestPost.pug
  when 'allInfo'
    include ./asideAllInfo.pug
  when 'ads'
    include ./asideAdsense.pug
  when 'newest_comment'
    include ./asideNewstComments.pug
    //- 添加这两行==============================
  when 'rewards'
    include ./asideRewards.pug
    //- 结束====================================
  default
    //- 处理自定义组件
    - const custom = site.data && site.data.aside && site.data.aside.find((i) => i.name === item)
    +conditionalWrapper(custom)
      include ./asideCustom.pug

添加 themes/solitude/layout/includes/page/reward.pug 文件：

if page.banner
    include ../widgets/page/banner
if site.data.about
    #about-page
        - award = site.data.about.award

        - var sum = 0
        if site.data.about.rewardList && site.data.about.award.enable
            .author-content
                .author-content-item.single.reward
                    .author-content-item-tips= _p('award.thanks')
                    span.author-content-item-title= _p('award.title')
                    .author-content-item-description
                        != award.description
                    .reward-list-all
                        each reward in site.data.about.rewardList.sort((a, b) => b.time - a.time) || []
                            - sum += reward.money
                            .reward-list-item
                                .reward-list-item-name= reward.name
                                .reward-list-bottom-group
                                    .reward-list-item-money(style="background-color:" + reward.color)
                                        if reward.icon
                                            i.solitude(class=reward.icon)
                                        | ¥ #{reward.money}
                                    time.datetime.reward-list-item-time(datetime=moment(reward.time).format())
                        if theme.post.award.enable
                            .post-reward
                                .post-reward(onclick="AddRewardMask()")
                                .reward-button(title=_p('award.tipping'))
                                    i.solitude.fas.fa-heart
                                    = _p('award.tipping')
                                .reward-main
                                    ul.reward-all
                                        span.reward-title= theme.post.award.title
                                        ul.reward-group
                                            - var rewards = theme.post.award.list
                                            each reward in rewards
                                                li.reward-item
                                                    a(href=url_for(reward.url))
                                                        img.post-qr-code-img(alt=reward.name, src=reward.qcode, style="border-color:" + reward.color)
                                                    .post-qr-code-desc= reward.name
                    .reward-list-tips
                        p= award.tips.replace('{sum}', sum.toFixed(2))

修改 themes/solitude/layout/page.pug 文件（about下方）添加：

default
  case page.type
    when 'categories'
      include includes/page/categories
    when 'tags'
      include includes/page/tags
    when 'links'
      include includes/page/links
    when 'about'
      include includes/page/about
      //- 这里添加=========================
    when 'reward'
      include includes/page/reward
      //- 结束=============================
    when 'brevity'
      include includes/page/brevity
    when 'kit'
      include includes/page/kit
    when 'music'
      include includes/page/music
    default
      include includes/page/default

创建 source/reward/index.md 文件：

---
title: 致谢赞赏
date: 2025-11-15 16:17:49
type: reward
data: about
aside: false
banner: true
desc: 感谢每一份慷慨的赞赏
leftend: 感谢赞赏，请在评论区留下您的备注，谢谢！
---

修改 _config.solitude.yml 文件：

# ...
# Aside
# 侧边栏
aside:
  # Values: about (info card), newestPost (latest article), allInfo (website information), flip (official account QR code), newest_comment (latest comment)
  # 值: about(信息卡), newestPost(最新文章), allInfo(网站信息), flip(官方账号二维码), newest_comment(最新评论)，rewards(赞赏)

  # Sticky: Fixed position / noSticky: Not fixed position
  # Sticky: 固定位置 / noSticky: 不固定位置
  home: # on the homepage
    noSticky: "about,rewards"
    Sticky: "love,likeme,allInfo"
  post: # on the article page
    noSticky: "about"
    Sticky: "rewards,flip,newestPost,likeme"
  page: # on the page
    noSticky: "about"
    Sticky: "rewards,flip,likeme"
  # 菜单栏位置(0: 左 1: 右)
  position: 0 # Sidebar positioning(0: left 1: right)
# ...
  # Reward
  # 打赏
  award:
    enable: true
    appreciators: /reward/ # Reward page
    # Reward Title
    # 打赏标题
    title: 感谢您的赞赏 # Thanks for your appreciation. / 感谢您的赞赏
    desc: 由于您的支持，我才能够实现写作的价值。 # Because of your support, I realize the value of writing articles. / 由于您的支持，我才能够实现写作的价值。
    # Reward list
    # 打赏列表
    list:
      # - name: Github Sponsor
      #   qcode: https://s3.qjqq.cn/47/661ba900c4bc1.webp!color
      #   url: https://github.com/sponsors/everfu
      #   color: var(--efu-black)
      - name: 微信
        qcode: /images/wxm.webp
        url: /images/wxm_l.webp
        color: var(--efu-green)
      - name: 支付宝
        qcode: /images/zfbm.webp
        url: /images/zfbm_l.webp
        color: var(--efu-blue)

完成，再次感谢LiuShen的大力支持！

原帖	作者
Butterfly主题实现赞赏页面及侧边卡片	LiuShen

结尾

至此，全篇结束。希望对你有所帮助，有任何问题请在下方留言。可以关注我的公众号以及订阅我的文章，感谢你的支持，是对我最大的动力，当然了，更多的是因为热爱。

自定义表盘导航软件——对小米手环9的折腾

2025-03-03T22:05:00.000Z

前言

按需求选择教程步骤，任何操作都有变砖的可能，谨慎操作！！！

过新历年的时候，她给我们买了个礼物🎁小米手环9，我的是黑色她的是银色，不过就简单的换了个软件自带免费的表盘，后面回到家后我在B站学习了一番，她看了效果她也想弄，我说我有空弄个教程给她。

准备工作

小米健康运动APP
需要一个米坛社区的账号
自定义表盘工具APP
小米健康研究

操作环境

vivo x50pro+ 版本：安卓13
自定义表盘工具版本：6.1.5
小米健康运动版本：3.37.3
小米健康研究版本：1.3

自行在各大应用商店搜索下载

第一步注册米坛社区账号并安装自定义表盘工具

米坛社区账户注册
自定义表盘工具下载并安装
下载完成后，打开表盘自定义工具
点击右上角切换到小米手环9
点击右下角我的登录你的米坛社区账号
因为只是用来安装表盘所以我们选择我的-试用捐赠者功能试用时间是72小时。当然你也可以捐赠十块钱获取长期使用权**，毕竟官方表盘一个就要六块钱。开发者制作不易，不想花这十块钱，可以用别的软件。不要在本站辱骂开发者，会删评论。

第二步获取AuthKey

点击工具板块，点击AuthKey 读取工具（新）
打开小米健康研究，点击我的，点击关于
快速点击小米运动研究的Logo，在弹出的窗口中点击确定
回到表盘自定义工具，点击开始读取，复制下方的AuthKey

小米健康运动版本高于3.35.3以下请用旧版教程，推荐使用最新教程。

第三步蓝牙一键安装自定义表盘

点击探索板块，寻找想要下载的表盘，这里以五子棋为例
点击下载图标，在弹出的界面中点击蓝牙一键安装
打开手环，允许绑定请求，若绑定失败，请强制停止小米健康运动
点击开始搜索，找到并点击自己的手环。
输入刚才复制的AuthKey，点击确定
点击开始安装。

第四步安装百度地图及其补丁

由于作者限制请自行前往下载所需的两个文件，先回复一下帖子就可以下载了。米坛社区,小米手环9 快应用
点击工具板块，点击蓝牙一键安装，使用上一步骤方法连接手环
连接成功后，点击选择文件，将刚刚下载的两个文件按顺序安装 .rpk .bin 点击开始安装
安装完后，手环点击允许，等待手环重启后，长按删除表盘。
手机上下载安装百度地图，要开启百度地图的通知权限。启用导航之后，手环上的百度地图快应用会自动启动，并显示导航信息。
更多内容请探索APP及米坛社区先看看效果吧。

结尾

本文参考

武汉之旅

2025-03-03T10:28:39.000Z

第一站武汉

别问为什么隔了那么久才发，问就是懒的写 ,,ԾㅂԾ,, 我这辈子都不相信 高德地图 的预计时间了，害我赶不上车，明明还有5分钟才发车，我只能改签了，我还在站里拍了照片，其实我还比了 ( •̀ ω •́ )y 我觉得不要为了打翻的牛奶而哭泣 /(ㄒoㄒ)/~~ 既然事情已经发生了，那就积极面对，下次避免发生。幸亏的是北站还有票，虽然是站票，有票还要什么自行车。然后我就从广州站跑去广州北站，开启我人生中第一次十二小时的无座之旅 (ง •_•)ง
要说是什么感觉呢，简直是煎熬啊，广州是个大站，一上车，全是人，别说坐了，连站着都没位置，要为自己的拖延买单。到湖南才没那么多人，一直站到天亮才坐了会，日出真美 (～o￣3￣)～

第二站跨年

终于到了，我还让她等了我几个小时，铭记今天，做什么都要提前！！！本来是差不多时间一起到的 /(ㄒoㄒ)/~~ 呃，异地恋懂得都懂，见面了怪尴尬的,,ԾㅂԾ,, 还不太熟，就抱了一下 $￣︶￣*$)
武汉的地铁有特色，奈何没文化只能说：好有文化特色啊，好像是每条线都不一样，就是太贵了，不愧是排全国轨道交通营收入第一。比广州地铁好太多了，座椅还是加热的 (✿◠‿◠) 我们去了 汉口江滩 ， 江汉关钟楼 ，跨年真的感觉来了几亿人，车水马龙的。

第三站黄鹤楼

崔颢描绘 黄鹤楼 周围的壮丽景色，表达了对过去的怀念和对人生无常的感慨。当诗句在现实具象化，那一刻我看到了古人中的 黄鹤楼 ，也是这般磅礴雄伟。我们去的时候已经不让进去了，因为要作为春晚的分会场，体验各个位置时间的 黄鹤楼 吧 (✧◕ ◡ ◕✧)

《黄鹤楼》——唐·崔颢

昔人已乘黄鹤去，此地空余黄鹤楼。

黄鹤一去不复返，白云千载空悠悠。

晴川历历汉阳树，芳草萋萋鹦鹉洲。

日暮乡关何处是？烟波江上使人愁。

第四站武汉长江大桥

我们 ヽ(￣ω￣(￣ω￣〃)ゝ 去了 武汉长江大桥 看了日落，吹了江风，也看了火车的驶过，还看了夜景，也坐了轮渡。也让我感慨万分，它是新中国成立的第一座跨江大桥，作为中国现代化进程中的一部分，武汉长江大桥不仅见证了历史变迁，也反映了国家发展的成就。

第五站湖北省博物馆湖北美术馆东湖

City Walk 湖北省博物馆 ，武汉是座英雄的城市,新冠疫情中，武汉以“封一城护一国”的壮士断腕之举，为全球抗疫作出表率。我也是这个时候认识了她。还有了解一下 武汉长江大桥 通车史。看了， 越王勾践剑 ：一把剑，半部春秋史。就是太多人了挤不进去 O(∩_∩)O 也看了， 曾侯乙编钟 ：一套编钟，半部文明史。太震撼了很难想象到古人的智慧，是中国古代礼乐文明的巅峰之作。我说这头猪是她，她还狡辩，也了解到原来古时候的猪长这样。也是去了 湖北美术馆看 了一下，奈何没有什么艺术天分，啥都没看明白 (・ω・)? 东湖真的太美了，都是秋的颜色，落日余晖，与相爱的人共坐湖畔，享受一天中的宁静，我们想老了我们也这样吧 (*￣▽￣*)☁️❤️

第六站武汉大学

这次最主要的目标就是这 武汉大学 ，因为是我俩的梦中情校，我们花了一下午的时间逛学校，可以认为是一起上学，一起下课，一起走操场，一起吃饭，主要是一起 (❤ ω ❤) 很出名的 樱花大道 ，可惜来的不是时候，要是三四月份过去就能看到绝美的樱花了🌸

第七站吃吃迟迟

吃了很多当地的特色小吃。 真茶屋 ，武汉当地品牌，只有在武汉当地才有的 (✧ω✧) 肯定少不了 热干面 ，还有 汽水包 、 武汉老味面窝 、 孙氏豆皮 、 鸡冠礁 、 糯米鸡 、 汪记鲜鱼糊汤面 、花卷、 章鱼小丸子 、 炸蘑菇 。逛了 循礼门鲜花花市 ，打卡了 江汉路步行街 3D大屏，走走吃吃就到家了，美好的日子总是过的很快，又到要说再见的时候了，不知道下次见面又是何时了，不过我们来日方长，下次再见啦 ヾ(￣▽￣)Bye~Bye~

提前过三周年纪念日

因为时间的原因，我们打算提前过( *^-^)ρ(^0^* )在未来的日子里，我们还要一起创造更多美好的回忆，余生漫漫，我们来日方长，请多多关照。当然忘不了我们的老传统吃 螺蛳粉 吃的香香的离开(╯▽╰ )好香~~

已添加至足迹图，欢迎大家的查阅。
今天就这样。相信你过得也很好吧？期待下次与你再会😊。

关于我在2024年做了这件事...

2024-12-25T06:50:33.000Z

关于我在2024年做了这件事…

我也不知道做了什么，骗你们进来。

回顾2024年

1月

又是新的一年。
我已经从上一年的11月就已经开始了实习了，但我没有找到实习单位。本科生都饱和了，何况我这种大专生，遍地都是大学生。
网上有个段子描述的很精髓：**“花3000块请不来技术师傅，但一定能请来大学生。”**很有讽刺感。
没学到精髓，都只学了一些皮毛。于是我在过年期间去酒楼干起了服务员，高端人才，端菜那种。

2月

过年了。
这个班也不是很好上的，刚上没几天就吃坏东西了，肚子痛了一天，最终请假回家休息。
请了干了三、四天活，休息两天，服了自己了。
过年前那几天还被惹到了甲流，班倒是没上几天，病俩次，还没发工资就要花钱了。
上了一个多月。去了几个熟人地方拜拜年。
看了一场电影《熊出没：逆转时空》，十年来第二次进电影院看熊出没，第一次献给了首部《熊出没：夺宝熊兵》，每年必看的系列电影。
到了开学日了，没好意思呆在家了，回学校呆。

3月

迷上了欧卡2，每天在宿舍里开车。
也去一趟她那玩了一个月，陪她吃减脂餐，逛过她的学校，吃过她吃的，玩过她玩过的，拿过她拿过的快递，吹过她吹的风，感受过她学校的温度，一起做饭，一起压马路，一起看电影，一起过生日，一起吃火锅，一起吃烧烤，一起去海边，一起疯狂过…
更多的是陪伴😘。

4月

她给我买了第一款游戏欧卡2，我之前一直玩的是学习版😘。
疯狂了一个月，也该回去了…
拿到了校奖学金。
看了场演唱会《Hi陌生人，庄心妍巡回演唱会（佛山站）》。
她送了耳机😘。
然后一直在学校摆烂…

5月

她给买了一套衣服，一些水果零食😘。
弄实习的一些东西，也出去面试了几家。

6月

毕业季。
拿到了校“三好学生”。
参加毕业典礼。
获得校“优秀毕业生”。
拿毕业证，吃了顿散伙饭。
收拾东西，回家。
其实还是有点迷糊的，两年的大学生活就这样过去了，我的读书生涯也从此结束了，到现在还没转变过来，也没意识到我已经毕业半年了，在家也待了半年了。

7月

在家…
陪爷爷去看病…
拍拍天空…
打打球…
写写博客..
为二次元白月光《你的名字》补票…

8月

和哥哥一起独自生活的一个月…
手机屏幕坏了，天塌了，本就贫穷的我雪上加霜…
换了屏幕，又坏了(；′⌒**)…

她给我买了面包，饮料😘

9月

闲鱼淘了一台二手手机…
她给我买了面包😘
一直打球、摄影…
也中秋了，她给我买了月饼😘

10月

跟兄弟们聚餐…
回老家扫墓…

11月

跟兄弟打打桌球…
另一台手机屏幕又坏了，倒霉…
跟兄弟们爬山…
去钓鱼…

12月

陪叔叔们去做肠镜胃镜…
兄弟生日聚餐…
接了几单…
准备去武汉跨年…

总结2024年

总的来说，今年就是过的很迷糊，还没从学生转入到社会里，缺少社会的毒打。钱也没挣到，就要过年了。明年在努力吧，我也没什么追求，家里人健康快乐就好，家里也没要求什么，能养活自己就好。

她真的很好😘，就是我太差劲了，什么都给我买，感觉像被包养了

新的一年祝大家平安喜乐。

2024.11.24

2024-12-08T12:19:44.000Z

别问为什么隔了那么久才发，问就是不想水（；´д｀）ゞ，再问的话就是只会写流水账，还问就是懒的写。有点忘记那天的事了 ,,ԾㅂԾ,, 没错今天又去爬山了，今天去爬 大夫山 挑战爬遍广州的山！好像每次出来，都不好运啊，刚出来就阴天了，搞不好要下雨啊，计划要泡汤啊，出发去地铁站了。坐上xjx的小电驴带上头盔出发了，他家离那里很近。开了一会天空中飘雨了，还没地方避雨，服了，兜兜转转终于找到地方避雨了，雨不大，一会后，我们就接着出发了。群里还在热火朝天的讨论要去哪个门，但是lyq已经到了北门，但我跟xjx已经到了南门，还有wzx还没到，也问我们确定去哪个门。我们决定就lyq他一个人，全都去北门，就拍了一张南门照片，就匆匆离去了。绕个大圈去北门，就怕 不够电 回来。

路上还看到一条人工饲养的河，水也清澈见底，可能是因为水少的原因。半个小时后终于到了，集合地点是大大的打卡logo。废话不多说往上爬，中途在一个院子里吃了xjx的干粮。突然就下雨了，还很大，我跟xjx都没有带伞，就wzx带了，他遮lyq，我跟xjx只能戴帽子前行。他们能直接坐公交回家，我跟xjx还要开小电驴。现在的问题是只有一件雨衣，雨又那么大，他给我穿了，雨小了准备出发了。开冲！服了这个老六了一冲出去就下大雨了，他车好像没电了，还停了几次，还推了一段路的车，太快乐了，仿佛回到小时候淋雨出来玩耍的快乐，这是很难得的。 塞翁失马焉知非福 到他家换了双拖鞋拿了把伞，还拿了一包大辣条，两根香蕉。出来发现不下雨了。服了这个老六老天爷了，真的想*****它了。走到地铁站，发现地图这里好暖和，坐到家我的衣服全干了，除了鞋子袜子。上行的电梯还坏了，倒霉透了，也算是一段特别的经历了。

今天就这样。相信你过得也很好吧？期待下次与你再会😊。

他乡纵有当头月，不及家乡一盏灯

2024-12-04T10:30:20.000Z

之前回老家拍的，还是老家的环境适合我，巴适啊！

🌏摄于：广东 · 信宜 2022-09-05

叶泯希,已同步至相册集 2024 年 7 月 24

Vercel+Aiven 自建Umami统计

2024-11-30T07:18:54.000Z

前言

本来是一直在用百度统计的，也不知道它抽什么风，就说我的网站违规了，真的莫名其妙。我啥都没干，搞我心态，就这样了后面我换了 51 ，换了51la感觉还是不好，数据保留不了很久，百度和51LA好像都只有 3年。偶然的一次机会下接触到 Umami 这个开源的项目，发现它可以在 Vercel 部署，众所周知 Cloudfare 和 Vercel 都是大善啊🙂,我是白嫖怪(●ˇ∀ˇ●)，至于问为什么选择 Aiven 不选别的，因为它给的是 CPU：2核 内存：1GB 硬盘：5GB ，没办法给的太多了，还是免费，Vercel自带的也就才 512MB 不大够用，这个还能提供 迁移数据库 还原等，是真的香。最主要的原因就是51LA开了代理它就不生效了！！！

尊敬的用户，
您好，经百度统计巡查发现，您的网站yeminxi.github.io已违反您开通百度统计服务时所同意的《百度统计服务条款》 “三、使用规则：1.您在使用百度服务时，必须遵守中华人民共和国相关法律法规的规定，您同意将不会利用本服务进行任何违法或不正当的活动，包括但不限于下列行为∶7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的”。建议您着重排查欺诈、病毒木马、色情博彩相关信息。根据《百度统计服务条款》的相关条款，百度统计自即日起终止为您提供数据监控服务，您的网站数据将不再更新。

介绍

Vercel

Vercel 是一个云平台，专注于前端框架和静态网站的部署。

Aiven

Aiven 公司提供的托管式 Google Cloud AlloyDB Omni 数据库服务。它允许用户在 Aiven 的云基础设施上轻松部署、管理和扩展 AlloyDB Omni 数据库，而无需自行管理底层基础设施。

Umami

Umami 是一种简单、快速、注重隐私的 Google Analytics 替代品。

详细的官方入门指南umami.is/docs。

准备工作

需要Github，Vercel，Aiven账号

第一步fork仓库或点此处一键部署

Fork仓库
点此处一键部署

第二步注册Aiven

建议使用谷歌邮箱注册，没有的话 QQ邮箱 好像也没问题的，看能不能收验证链接而已。
创建数据库 MySQL 数据库（这里的PostgreSQL太拉了只能 20条的请求 ）

第三步添加环境变量

复制 Service URI 到 Vercel的项目里，打开项目发现是报错的，是因为没有添加环境变量。点击 settings 然后再点 environment-variables 添加并 重新部署 即可。

第四步添加域名

因为Vercel被墙，所以要配置一个域名，国内才能访问到。

第五步完成

默认账号密码
账号：admin
密码：umami
可用此账号登录我的示例网站观看

更多操作请看本文参考

结尾

后记

更新 umami

打开你的fork的仓库找到 package.json 文件

{
  "name": "umami",
  "version": "2.15.1", //修改这一行
  "description": "A simple, fast, privacy-focused alternative to Google Analytics.",
  "author": "Umami Software, Inc. ",
  "license": "MIT",
  "homepage": "https://umami.is",
  "repository": {
    "type": "git",
    "url": "https://github.com/umami-software/umami.git"
}

本文参考

The Wandering Allison,使用 Vercel 自建 Umami 第三夏尔 | Third oldj,使用 umami adonis142857,【教程】如何部署 umami —闪闪发光的 ZZZ,使用 Docker Sakura Yumine,使用 Umami 梦爱吃鱼,CF

侧边栏——Solitude主题

2024-11-24T16:01:41.000Z

前言

换了主题以后发现之前侧边栏都要改了，所以有了这一篇文章。效果请单击此处观看

恋爱墙

在 source/custom/ 下，新建 js 文件夹，在里面新建一个 laq.min.js 文件填入以下内容，在 Date.UTC() 修改时间月份是从 0 开始算的11月就是 10 以此类推。（文件名可自定义，在 source 里就可以了）

var laq_time=document.getElementById("laq_time"),laq_time_time=null;function setTime(){var create_time=Math.round(new Date(Date.UTC(2021,12,21,0,0,0)).getTime()/1e3),timestamp=Math.round(((new Date).getTime()+288e5)/1e3);currentTime=secondToDate(timestamp-create_time),currentTimeHtml=currentTime[0]+" 年 "+currentTime[1]+" 天 "+currentTime[2]+" 时 "+currentTime[3]+" 分 "+currentTime[4]+" 秒",laq_time.innerHTML=currentTimeHtml}function secondToDate(second){if(!second)return 0;var time=new Array(0,0,0,0,0);return second>=31536e3&&(time[0]=parseInt(second/31536e3),second%=31536e3),second>=86400&&(time[1]=parseInt(second/86400),second%=86400),second>=3600&&(time[2]=parseInt(second/3600),second%=3600),second>=60&&(time[3]=parseInt(second/60),second%=60),second>0&&(time[4]=second),time}laq_time?laq_time_time=setInterval(setTime,1e3):clearInterval(laq_time_time);

在 source/_data 目录下新建一个 aside.yml 文件。

在文件中写入以下内容，更改 图片地址 和 js地址 。

- name: love
  title: 恋爱墙
  class: 
  id: testLove
  icon: fas fa-heart
  content_class:
  content_id:
  content_css: 
  content_html: '
        
          style="width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-right: 5px;margin-bottom: 5px;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);border: 2px solid #fff;" />
        
          class="my-face">
          
            d="M863.597631 513.574282l-271.33965-140.213484L729.783667 81.926656c3.583731-7.87141 7.167462-15.742819 7.167462-25.214109C736.887134 25.226908 708.345275 0.012799 672.635953 0.012799a63.611229 63.611229 0 0 0-39.293053 12.607055c-1.791866 1.59988-3.519736 3.19976-5.311602 3.19976L147.87531 418.925381a55.547834 55.547834 0 0 0-19.646527 47.356448c1.791866 17.278704 14.27093 33.021523 32.125591 42.492813l271.33965 141.749369L292.504463 945.221908c-12.479064 25.214109-1.791866 53.563983 23.166262 69.306802 10.751194 6.335525 23.230258 9.47129 35.709322 9.47129 16.062795 0 32.125591-4.735645 44.604655-15.742819l480.091993-403.297753a55.547834 55.547834 0 0 0 19.646526-47.228458 61.243407 61.243407 0 0 0-32.12559-44.156688z"
            fill="#515151" />
        
        
          style="width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-left: 5px;margin-bottom: 5px;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);border: 2px solid #fff;" />

        
      
      '
      # 套个a标签即可实现点击跳转

在主题的配置文件 _config.solitude.yml ,在 home: 后插入 love 。（我是只在主页显示，若你想全部显示在 post 和 page 后面都可以加上）

# Aside
# 侧边栏
aside:
  # Values: about (info card), newestPost (latest article), allInfo (website information), flip (official account QR code), newest_comment (latest comment)
  # 值: about(信息卡), newestPost(最新文章), allInfo(网站信息), flip(官方账号二维码), newest_comment(最新评论)

  # Sticky: Fixed position / noSticky: Not fixed position
  # Sticky: 固定位置 / noSticky: 不固定位置
  home: # on the homepage
    noSticky: "about,love" #在此处加入 love
    Sticky: "allInfo,newest_comment"
  post: # on the article page
    noSticky: "about,flip"
    Sticky: "newestPost,newest_comment"
  page: # on the page
    noSticky: "about,flip"
    Sticky: ""

Do you like me

之前专门写过一篇文章，可以看看，都是大差不差的。

叶泯希,给自己的网站加上Do you like me

在 aside.yml 文件中加入以下内容。（记得修改 serverURL 为你的api地址，用我的就成给我数据了）

- name: likeme
  title: 
  class: 
  id: likeme
  icon: 
  content_class:
  content_id:
  content_css: 
  content_html: ''

打开主题的配置文件 _config.solitude.yml ,在 home: 后插入 likeme 。（我是只在主页显示，若你想全部显示在 post 和 page 后面都可以加上）

# Aside
# 侧边栏
aside:
  # Values: about (info card), newestPost (latest article), allInfo (website information), flip (official account QR code), newest_comment (latest comment)
  # 值: about(信息卡), newestPost(最新文章), allInfo(网站信息), flip(官方账号二维码), newest_comment(最新评论)

  # Sticky: Fixed position / noSticky: Not fixed position
  # Sticky: 固定位置 / noSticky: 不固定位置
  home: # on the homepage
    noSticky: "about,love,likeme" #在此处加入 likeme
    Sticky: "allInfo,newest_comment"
  post: # on the article page
    noSticky: "about,flip"
    Sticky: "newestPost,newest_comment"
  page: # on the page
    noSticky: "about,flip"
    Sticky: ""

在 head: 后插入以下内容：

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  rel="stylesheet" href="https://unpkg.com/@5ime/likeme@latest/static/css/likeme.css" /> 
    -  src="https://unpkg.com/@5ime/likeme@latest/static/js/likeme.js">

弄完呢记得Hexo三连击

1	$ hexo clean && hexo generate && hexo server

结尾

本文参考

伍十七,Solitude

弹幕留言板——Solitude主题

2024-11-24T14:23:18.000Z

前言

换了主题以后发现之前留言板的插件好像有点问题，我稍微改了一下，所以有了这一篇文章。效果请单击此处观看

第一步先安装插件

1	npm install hexo-butterfly-envelope --save

基础教程可参考

第二步修改配置文件

修改 _config.yml 文件
将 path 改成弹幕留言的页面名称 message
在 front_matter: 下添加 type: message
开启评论 comment: true

envelope_comment:
  enable: true #控制开关
  custom_pic:
    cover: /images/violet.jpg #信笺头部图片
    line: /images/line.png #信笺底部图片
    beforeimg: /images/before.png # 信封前半部分
    afterimg: /images/after.png # 信封后半部分
  message: #信笺正文，多行文本，写法如下
    - 有什么想问的？
    - 有什么想说的？
    - 有什么想吐槽的？
    - 哪怕是有什么想吃的，都可以告诉我哦~
  bottom: 自动书记人偶竭诚为您服务！ #仅支持单行文本
  height: #1050px，信封划出的高度
  path: message #【可选】comments 的路径名称。默认为 comments，生成的页面为 comments/index.html
  front_matter: #【可选】comments页面的 front_matter 配置
    title: 留言板
    comment: true
    type: message

第三步创建message页面

1	hexo new page message

---
title: 留言板
comment: true
type: message
desc: 留言板
date: 2024-11-20 20:55:50
---

效果是这样的，应该是样式有问题，修改一下。

第四步修改样式

在 source 下新建一个 custom 文件夹，再文件夹里新建 css 文件夹，在新建 custom.css 样式文件，在里面添加以下内容。（不一定要以我为准，在 source 新建就可以了， head 路径记得改就行）。
1
2
3
4
#form-wrap .no-lightbox.entered.loaded{
margin: 0 auto;
max-width:100%;
}

打开主题的配置文件 _config.solitude.yml ,在 head: 后插入你的用户css样式文件，以我的为例。

# Extend
# 扩展
extends:
  # Insert in head
  # 插入到 head
  head:
    -  rel="stylesheet" href="/custom/css/custom.css"> #插入这一行

第五步 Hexo三连击

1
$ hexo clean && hexo generate && hexo server

总结

本文参考

2024.11.13

2024-11-14T13:20:04.000Z

昨天爬完山有点累😣，lyq还叫我有时间去他那钓鱼，我说来，今天就来了。今天的天阴沉沉的，要下雨又不要下雨的，又走去地铁站🚇。有点倒霉还想找个厕所🚾，没找着公交🚌也刚好走了，又得等半个小时，发现一个南沙大桥🌉。坐到lyq家村口了，他开电动车来接我🐔。发现稻谷熟了🌾，是秋收了，时间过得真快又是一年秋收。

到地方了。他运气太好了，一来他就钓到鱼了🐟，这不太合理啊！我也下竿了🎣，下了两次都挂网了，第三次才成功下。江面波光粼粼啊，还有大雁相伴，江风吹来，真的很巴适。服了他又上鱼了，还是一条非常大的鱼，差不多一只脚那么大。我钓了两个小时毛都没有，今天又当空军了，回家回家。

他送我来公交站，天空好美啊，更像末日来临，紫气东来，沾沾紫气，会更好的。呃，回到家没煮我饭，索性我偷溜出去吃。

今天就这样。相信你过得也很好吧？期待下次与你再会😊。

2024.11.12

2024-11-13T15:35:15.000Z

与好友们一起去爬山，本来是昨天出发的，途中有个有事就没去成。我们这次由住的最远的人来选山头，他选了凤凰山，这里要特别关注。我从家里出来，发现今天好晒，一看天气预报今天最高30度，还选了个阳人时间集合，下午两点，晒麻了🥲。坐上地铁了，上车就发现了一个好像初中班长，但又好像不是，不好意思一直盯着别人，我有点脸盲😅。还坐过站了，都怪xjx他一直再聊游戏，幸好没有迟到，说好是两点到，两点三十多也是两点。我们准备打车上去，带头的wzx手机还没有电，叫我打车，但是我一直没人接单，他打到了。到了山脚下，我们一直沿着大马路迎难而上，途中有好多农家乐，有机会尝尝味道，就是斜坡有点斜，爬了一会到了一个平台，吃了点宿舍长的干粮，我是白嫖怪，刚刚lyq还给我们买了水。小歇一会，我们准备继续往上爬，但是越爬越不对劲，因为没路了，上面是个雷达站，但是还是能看到一些风景的，后面一查发现搞错了，广州里有两个凤凰山，一个在天河区，一个在白云区，我们来错地方了，我们因该去天河区那边那个的，wzx背大锅，然后我们在山里到处乱窜，发现一条好长的蜈蚣😨，有个人小胆大的家伙wzx还去踩它。

我们又回到了刚刚那个平台继续吃着xjx带的干粮，休整一下我们就准备下山了。下山半道遇到个湖挺美的，还发现有人在里面游泳，可惜用手机拍不到，肉眼能看得见。天上太阳都没下山，月亮就已经上来了，我们也商量着下个星期继续爬别的山头，争取爬遍广州。有点运气不好，遇上下班高峰期赌了十几分钟。我们准备商量着去市桥吃个晚饭，这里有个二五仔xjx说要回家吃饭🤯，上地铁的时候被我们孤立了，最搞笑的是，这趟车明明是直达车，他还在珠江新城下车换车了，还问我们怎么不下车，太搞笑了，但是不得不说三号线是真的多人，看这位老伯的手😊。

到市桥了，车里的人也跟着下了。我们商量去遇见小面吃面，绕了大半圈终于找到了，但是人好多，我们又在外面等了会发现有位置了，但是有个人，只能搭台了，呃，后面发现后面有张空桌子。很好吃，酸酸的，对于我来说有点过酸了，但是问题不大，好吃就完了。聊了会天，又各奔东西了。我也回家了，给自己买了瓶屌丝饮料和糖，补充能量，爬了个山破两万了步数都快。

今天就这样。相信你过得也很好吧？期待下次与你再会😊。

好像还没写过日常

2024-11-11T10:20:00.000Z

前言

好像从来都没写过日常，第一次写还不知道怎么写，那就随便写写流水账，记录美好生活。

2024.11.09

又跟朋友去打桌球，体验了一把新开的地铁线路，月初刚开通的，上次都没开通，比之前的少转一趟车，速度也快不少，就是去地铁站比较远，没有公交近，也没有公交便宜，不赶时间真得坐公交，经济实惠，可我晕车，那感觉太难受了，要是遇上没有座位就更难受了，有苦硬吃。

等半天他都没来，真是磨蹭，跟个娘们一样，看到对面有一排共享单车，第一次见那么多共享单车。等了差不多20分钟，终于来了，说去什么超市找牛肉干了，真服了他了，外面很晒有很热，不能相信广东人的转个弯就到。而且今天有点倒霉，自助桌球扫码开台还被球卡住了，还要打电话给店家，重新开台，地方比上次窄多了，出杆都会碰到别人，灯也很低，避雷了。离谱的事情天天有，咋就轮到我们头上了。打了一个小时就感觉累了，他下次提议打一个小时，出去逛一会，再回来再打一个小时，太闷了，最主要的是打又打不进，纯属就是又菜又爱玩。虽说今天是周六但是也挺多放学的学生，是个美好的年纪，可惜我都大学毕业了，怀念以前上学的时候了，没那么多压力，太难找工作了。打了俩个小时，就回去了，他还带我去另外一家新开的自助球馆，这比刚刚那家大多了，环境也好多了，采光也不错，刚刚那间黑麻麻的，真不推荐去。他把我送到地铁站就回家了，我也要回家了。

回家的路上总是美好的，沿途的风景，治愈人心，连风都是轻松愉快的味道。到家了，刚好也吃饭了，没有什么能比得了，路途上遇到美好的风景，与微风拂过，车水马龙，刚好到家吃上热腾腾的饭菜，也算是一种幸福吧。

2024.10.31

十月的最后一天，时间过的真快又是一个月啊。跟朋友出去打台球了，倒霉的一天。还没走到公交车站，就看到它走了。正如《再别康桥》中的“ 轻轻的我走了，正如我轻轻的来；我轻轻的招手，作别西天的云彩。 ”神马都是浮云，下一趟车30分钟，思虑再三还是去地铁吧，毕竟还要赶着回来吃晚饭，这太阳真毒啊！这地方好大啊，但没什么人，刚来就是包场，还是挺不错的，环境好了，更有兴致打桌球了，打了两个小时，就撤了，让他送我去公交站，车刚走，啧，刚刚没事先看有没有车了，又等了二十分钟，倒霉透了，但是还好风景还是很不错的。

快到家的时候给自己买了糖和肥宅水，果然甜食使人的多巴胺分泌更多啊，心情都愉悦很多。晚上把我之前摔烂的屏幕换一下，是排线断了，换个一排线还不如换一个屏幕。途中差点把主板短接了，都冒火花了，换屏幕技能+1，虽然是出线屏幕，又不是不能用，其实就是买不起新的。

结尾

这样写就差不多了，反正不会，随心所欲好了，自己喜欢就好。

给自己的网站加上Do you like me 小组件

2024-11-06T06:24:39.000Z

前言

逛博客的时候发现一个很好玩的小组件Do you like me ，折腾半天才发现问题所在有感而发写下此文字，绝对不是水文`(>﹏<)′。具体功能可在我的 侧边栏 点击体验~

第一步

打开项目地址按照教程做就可以了，看多几次就会了，是不是很简单 (￣y▽,￣)╭ （参考文章里有PHP版本）

看不会来参考我的教程

1. 登录或注册 LeanCloud 国际版并进入控制台

2. 点击右上角创建应用起一个你喜欢的名字，最好选免费的开发版。

3. 创建Class， likeCount 。

4. 在Class likeCount里面新建一行。

5. 创建Class， likeUser 。

6. 到vercel部署，不想写了，教程说的很明白。

7. 在你的博客上引入html，就完成了。

第二步

1. 没有数据，异常。

这时候应该怎么办呢，我们去到LeanCloud里面，添加一列 count 。

2. 通常会出现acl没有权限这种，该怎么办呢？

1	Failed to create new object, with error message: Forbidden to add new fields by class 'likeUser' permissions. [403 POST https://yjqopchz.api.lncldglobal.com/1.1/classes/likeUser]

简单粗暴的方法把所有ACL权限全部改成所有用户，再去点一下奇迹发生了。

然后怎么办？再把ACL改回去看看？再去试试？

3. 通常来说点一次就应该+1点第二次的时候就应该是，你的爱意已经收到啦~

我们右键打开检查或审查元素，发现点第二次的时候是报以下错，我们应该怎么办？

1 2	Uncaught TypeError: Cannot read properties of undefined (reading 'count') at xhr.onreadystatechange (likeme.js:1:1009)

其实也很简单我们去问一下AI这句话是什么意思，AI给出以下回答，

问题分析
错误信息 Uncaught TypeError: Cannot read properties of undefined (reading 'count') 表示在 likeme.js 文件的第 1 行，大约第 1009 个字符处，你试图访问一个未定义对象的 count 属性。这个错误发生在 xhr.onreadystatechange 函数中。
可能的原因
1. 服务器返回的数据不正确：服务器可能没有返回预期的 JSON 数据，或者返回的数据中没有 count 属性。
2. 数据解析失败：即使服务器返回了数据，你的代码可能未能正确解析 JSON 数据。
3. 异步操作的时机：如果 count 属性依赖于其他异步操作的结果，确保在访问 count 属性之前，这些异步操作已经完成。

怎么办呢？那我们去检查以下返回数据到底有什么，接下来我们直接使用地址/like去检查一下。

结合俩次刷新，发现了一个是带count的数据，一个是不带的，符合AI给出来的第一点原因。发现问题了，我们该怎么解决问题？我们去到GitHub找自己的仓库。

看看源代码，找一下原因。发现代码第50行，跟问题是一样的所以我们修改一下,然后保存等待vercel的重新部署。

1	const data = {code: '201', msg: 'error', data: {count: '你的爱意已经收到啦~'}}

这时候我们再去试试，看看是什么效果。

至此，我们可以欢呼了，我们成功了。

4. html引入代码是有少量缺少的，可以用我的代码，记得更改serverURL，color也是可以改的你喜欢就好。

<link rel="stylesheet" href="https://unpkg.com/@5ime/likeme@latest/static/css/likeme.css" />
<script src="https://unpkg.com/@5ime/likeme@latest/static/js/likeme.js">script>

<div id="likeme">div>

<script>
    likeMe({
        el: '#likeme',
        serverURL: 'https://your-domain.vercel.app', // 替换为你的服务端地址，结尾勿带 /
        color: '#ff9797' // 可选：自定义主题颜色
    });
script>

结尾

本文参考

I Am I,为你的网站添加 Do you like me

https://github.com/5ime/likeMe

网站数据库中表的设计

2024-10-15T06:24:39.000Z

商品管理网站——基于PHP的动态网站设计与实现

在网站开发中，数据库的功能是用于存储和处理数据，根据我的商品管理网站需求，设计若干数据表用于存储商品的基本信息。本网站数据表如 表1.1 所示。

功能	表名	表结构
用户信息表	users	字段名称	字段类型	字段大小	注释
		id	int	11	用户编号（主键，自增）
		username	varchar	50	用户名（唯一）
		password	varchar	50	用户密码
		usertype	varchar	50	用户类型
		usertell	bigint	11	电话号码
		usermail	varchar	50	邮箱地址
		create_time	datetime		添加时间

用户信息表	shops	字段名称	字段类型	字段大小	注释
		id	int	11	商品编号（主键，自增）
		shopname	vharchar	100	商品名（唯一）
		shopprice	int	11	商品价格
		shoptotal	int	11	商品库存
		shoptext	text		商品备注
		create_time	datetime		添加时间

表1.1 网站数据表

听山河把春风酿成千言万语吹过旧人故里

2024-10-15T01:54:18.000Z

2022-09-05

网站页面规划设计

2024-09-26T12:39:49.000Z

商品管理网站——基于PHP的动态网站设计与实现

商品管理网站分管理员登录、用户登录两部分，其中 dl.html 是网站的首页。

本网站共有18个页面，各个页面的名称和对应的功能如 表1.1 所示。

页面	功能
index.php	个人中心
user.php	用户管理
shop.php	商品管理
dl.php	登录调用PHP代码验证
zc.php	注册调用PHP代码验证
tc.php	退出时调用PHP代码
search.php	搜索时调用PHP代码并显示
add_shop.php	添加商品
add_user.php	添加用户
del_shop.php	删除商品时调用的PHP代码
del_user.php	删除用户时调用的PHP代码
edit_shop.php	编辑商品
edit_user.php	编辑用户
edit_people.php	编辑个人信息
config.php	数据库信息
con.php	连接数据库
dl.html	登录
zc.html	注册

表1.1 页面的名称和对应的功能

你出现又幻灭是错觉

2024-09-25T12:17:10.000Z

2023-08-18

网站功能设计

2024-08-16T21:50:06.000Z

商品管理网站——基于PHP的动态网站设计与实现

根据我的设计，本网站分为管理员登录、用户管理模块。网站模块功能结构图如图3.1所示。

管理员模块：系统设一名管理员，日后可添加，为确保系统的安全性，管理员通过输入用户名、密码进入系统。本模块具有对管理员信息修改、对用户的权限修改、添加用户、修改用户、删除用户、搜索用户功能。
用户模块：用户可通过注册模块然后进行登录，本模块具有对用户个人信息修、商品的添加、商品的修改、商品的删除、商品的搜索的功能，用户模块是本网站的核心。

•ᴗ•

2024-07-20T13:18:16.000Z

相机喜欢镜头前的每一个故事

2024-07-19T13:20:29.000Z

白茶记异品，天曹玉玲珑

2024-07-18T15:13:00.000Z

岁月的年轮，再诚恳。也渡不过红尘《宿命》

2024-07-17T09:42:43.000Z

云朵偷喝了酒，于是映红了半边天。

2024-07-16T06:24:28.000Z

用太多的精力因为上天自有安排

2024-07-15T15:11:52.000Z

我一脚踏空，我就要飞起来了。

2024-07-14T12:16:25.000Z

日落是永远拍不完的浪漫

2024-07-13T16:21:11.000Z

风吹过我的头发

2024-07-13T16:10:02.000Z

童话里的王国住着巫婆

2024-07-13T15:59:25.000Z

“晚风吹起你鬓间的白发”

2024-07-12T12:14:30.000Z

抚平回忆留下的疤你眼中明暗交杂一笑生花

人性的背后都是白云苍狗

2024-07-11T10:38:55.000Z

蒲公英的约定

2024-07-10T07:12:15.000Z

我捡到过一束光，日落时还给了太阳。

2024-07-07T14:14:19.000Z

去拥抱陌生，期待惊喜，所有的不期而遇都在

2024-06-16T07:17:12.000Z

只要你还在笑，那这个世界就不算太糟糕

人生天地间，忽如远行客

2024-06-04T12:33:33.000Z

奔向美好吧，不好听的话就不听了，不愉快的事情也会慢慢过去，可爱会发生，我知道在赶往更好的路上，你真的有在努力，也别忘了跟自己说辛苦了

🌏山东 · 龙口

少年的征途应是星辰大海，而非烟尘人间

2024-05-30T03:16:13.000Z

看腻了城市四点的日出，偶尔也想去看海边悠哉的日落

🌏山东 · 龙口

数据库表结构

2024-05-28T06:19:51.000Z

商品管理网站——基于PHP的动态网站设计与实现

-- phpMyAdmin SQL Dump
-- version 4.8.5
-- https://www.phpmyadmin.net/
--
-- 主机： localhost
-- 生成日期： 2023-12-04 01:05:11
-- 服务器版本： 8.0.12
-- PHP 版本： 7.3.4

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- 数据库： `www_ymx_com`
--
CREATE DATABASE IF NOT EXISTS `www_ymx_com` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
USE `www_ymx_com`;

-- --------------------------------------------------------

--
-- 表的结构 `shops`
--

CREATE TABLE `shops` (
  `id` int(11) NOT NULL,
  `shopname` varchar(100) DEFAULT NULL,
  `shopprice` int(11) DEFAULT NULL,
  `shoptotal` int(11) DEFAULT NULL,
  `shoptext` text,
  `create_time` datetime DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

--
-- 转存表中的数据 `shops`
--

INSERT INTO `shops` (`id`, `shopname`, `shopprice`, `shoptotal`, `shoptext`, `create_time`) VALUES
(4, '柠檬茶', 3, 34, '这酸爽', '2023-11-23 06:05:17'),
(5, '冰绿茶', 3, 22, '好喝好喝', '2023-11-23 06:05:47'),
(7, '棒棒糖', 1, 12, '好吃好吃', '2023-11-23 06:10:26'),
(8, '洗发水', 23, 53, '去油去屑', '2023-11-23 06:15:04'),
(9, '沐浴露', 32, 26, '干净清爽', '2023-11-23 06:16:13'),
(10, '笔记本电脑', 2599, 5, 'i7级游戏本', '2023-11-23 06:16:50'),
(11, '华为手机P60', 5999, 1, '遥遥领先', '2023-11-23 06:17:45'),
(12, '玫瑰花', 99, 999, '浪漫主义', '2023-11-25 06:44:44');

-- --------------------------------------------------------

--
-- 表的结构 `users`
--

CREATE TABLE `users` (
  `id` int(11) NOT NULL,
  `username` varchar(50) DEFAULT NULL,
  `password` varchar(50) DEFAULT NULL,
  `usertype` varchar(50) DEFAULT NULL,
  `usertell` bigint(11) DEFAULT NULL,
  `usermail` varchar(50) DEFAULT NULL,
  `create_time` datetime DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

--
-- 转存表中的数据 `users`
--

INSERT INTO `users` (`id`, `username`, `password`, `usertype`, `usertell`, `usermail`, `create_time`) VALUES
(1, 'admin', 'admin', '管理员', 13888156156, 'admin@test.com', '2023-11-23 05:04:33');

--
-- 转储表的索引
--

--
-- 表的索引 `shops`
--
ALTER TABLE `shops`
  ADD PRIMARY KEY (`id`),
  ADD UNIQUE KEY `shopname` (`shopname`);

--
-- 表的索引 `users`
--
ALTER TABLE `users`
  ADD PRIMARY KEY (`id`),
  ADD UNIQUE KEY `username` (`username`);

--
-- 在导出的表使用AUTO_INCREMENT
--

--
-- 使用表AUTO_INCREMENT `shops`
--
ALTER TABLE `shops`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=16;

--
-- 使用表AUTO_INCREMENT `users`
--
ALTER TABLE `users`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=17;
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

第八章 Centos 7 Linux配置mariadb 实训任务：部署数据库

2024-05-28T05:51:51.000Z

前言

任务情境描述任务一某公司准备开发一套员工管理系统，其中数据库使用到了MariaDB数据库，现需要系统管理员完成以下部署工作：在公司一台Linux服务器（192.168.1.10）上安装数据库服务器和客户端，方便开发人员开发测试使用，在另一台Linux主机（192.168.1.100）上安装客户端；对数据库进行初始化设置。任务二，该公司准备开发一套新员工管理系统，现需要系统管理员完成以下安全管理工作：数据库服务器进行必要的网络安全设置，只允许从公司内部公司内部网络（192.168.1.0/24）访问数据库服务。

虚拟机需求：1台服务器（Server）192.168.1.10、1台客户端（Client1）192.168.1.100

部署数据库

任务情境描述

任务一

某公司准备开发一套员工管理系统，其中数据库使用到了MariaDB数据库，现需要系统管理员完成以下部署工作：在公司一台Linux服务器（192.168.1.10）上安装数据库服务器和客户端，方便开发人员开发测试使用，在另一台Linux主机（192.168.1.100）上安装客户端；
对数据库进行初始化设置。

任务二

该公司准备开发一套新员工管理系统，现需要系统管理员完成以下安全管理工作：
对数据库服务器进行必要的网络安全设置，只允许从公司内部网络（192.168.1.0/24）访问数据库服务器；
从安全的角度对数据库的配置文件进行必要的安全设置，修改数据库端口号为“8800”，并设置日志文件为/var/log/mariaDB/access.log
登录数据库，并新建一个名为newstaff的数据库；在数据库中创建一个数据表为stafftable；字段类型为staff int，username varchar(20)，sex char(6)，age
int；并将下表中的总公司部门员工信息插入到stafftable表中：
对数据库账户和权限进行必要的管理，为开发人员创建一个名为“adminDB”的账户，但只允许他对newstaff数据库进行必要的操作；
为有效保护员工数据，编写一个定时任务，让系统每天凌晨0:00点对newstaff数据库自动进行数据备份。

一、服务器（Server）和客户端（Client1）安装数据库服务

1. 服务器（Server）

[root@server www]# yum -y install mariadb-server mysql  //安装
[root@server www]# systemctl start mariadb.service    //开启
[root@server www]# systemctl enable mariadb.service   //自启
Created symlink from /etc/systemd/system/multi-user.target.wants/mariadb.service to /usr/lib/systemd/system/mariadb.service.

2. 客户端（Client1）

1	[root@webserver webserver]# yum -y install mysql //安装

二、在服务器（Server）创建数据库和表

[root@server www]# mysql -uroot -p    //登录数据库 默认密码应该是root或空
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 6
Server version: 5.5.68-MariaDB MariaDB Server

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> create database newstaff;     //创建数据库newstaff
Query OK, 1 row affected (0.00 sec)

MariaDB [(none)]> use newstaff;           //进入数据库newstaff
Database changed
MariaDB [newstaff]> create table stafftable (   //按任务需求创建表
    -> staffID int auto_increment,          //自增
    -> username varchar(20),
    -> sex char(6),
    -> age int,
    -> primary key(staffID)             //主键
    -> )engine=innodb default charset=utf8;     //表的引擎字符类型
Query OK, 0 rows affected (0.02 sec)

MariaDB [newstaff]> insert into stafftable(username,sex,age) values('Tom','male',25),('Mary','female',30);                
Query OK, 2 rows affected (0.05 sec)        //按要求插入数据
Records: 2  Duplicates: 0  Warnings: 0

MariaDB [newstaff]> desc stafftable;        //查看表结构
+----------+-------------+------+-----+---------+----------------+
| Field    | Type        | Null | Key | Default | Extra          |
+----------+-------------+------+-----+---------+----------------+
| staffID  | int(11)     | NO   | PRI | NULL    | auto_increment |
| username | varchar(20) | YES  |     | NULL    |                |
| sex      | char(6)     | YES  |     | NULL    |                |
| age      | int(11)     | YES  |     | NULL    |                |
+----------+-------------+------+-----+---------+----------------+
4 rows in set (0.00 sec)

MariaDB [newstaff]> select * from stafftable;   //查询表内所有数据
+---------+----------+--------+------+
| staffID | username | sex    | age  |
+---------+----------+--------+------+
|       1 | Tom      | male   |   25 |
|       2 | Mary     | female |   30 |
+---------+----------+--------+------+
2 rows in set (0.01 sec)

MariaDB [newstaff]> quit              //退出
Bye
[root@server www]#

三、服务器（Server）只允许192.168.1.0/24访问数据库

1	[root@server www]# iptables -A INPUT -p tcp -s 192.168.1.0/24 --dport 8800 -j ACCEPT

四、修改服务器（Server）默认端口

vim /etc/my.cnf   //插入以下
port=8800                   //修改默认端口
max_user_connections=2              //最大用户数
log=/var/log/mariadb/access.log         //修改日志默认路径
[mysqld_safe]

防火墙设置

允许mysql[root@server www]# firewall-cmd --permanent --zone=public --add-service=mysql
success
允许端口[root@server www]# firewall-cmd --permanent --zone=public --add-port=8800/tcp
success
允许端口[root@server www]# firewall-cmd --permanent --zone=public --add-port=8800/udp
success
重启防火墙[root@server www]# semanage port -l | grep mysql
mysqld_port_t                  tcp      8800, 1186, 3306, 63132-63164
mysqlmanagerd_port_t           tcp      2273
[root@server www]# semanage port -a -t mysqld_port_t -p tcp 8800
[root@server www]# firewall-cmd --reload 
success
[root@server www]# systemctl restart mariadb.service

五、在服务器（Server）上创建账户只允许他对newstaff数据库进行操作

创建用户

[root@server www]# mysql -uroot -p
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 7
Server version: 5.5.68-MariaDB MariaDB Server

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> use mysql;
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Database changed
MariaDB [mysql]> create user 'adminDB'@'%' identified by 'root';  //设置用户名和密码root
Query OK, 0 rows affected (0.00 sec)

MariaDB [mysql]> quit
Bye
[root@server www]#

只允许对newstaff数据库进行操作

[root@server www]# mysql -uroot -p
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 8
Server version: 5.5.68-MariaDB MariaDB Server

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> show grants for 'adminDB'@'%';
+----------------------------------------------------------------------------------------------------------------+
| Grants for adminDB@%                                                                                   |
+----------------------------------------------------------------------------------------------------------------+
| GRANT USAGE ON *.* TO 'adminDB'@'%' IDENTIFIED BY PASSWORD '*81F5E21E35407D884A6CD4A731AEBFB6AF209E1B' |
+----------------------------------------------------------------------------------------------------------------+
1 row in set (0.00 sec)

MariaDB [(none)]> grant select,insert,update,delete,create,drop on newstaff.* to 'adminDB'@'%'; //只允许adminDB操作数据库newstaff
Query OK, 0 rows affected (0.01 sec)

MariaDB [(none)]> quit
Bye
[root@server www]#

六、编写备份程序（可略，老师好像不看）

[root@server www]# mysqldump -uroot -p newstaff > newstaff_backup.sql   //备份newstaff数据库
Enter password: 
[root@server www]# cd ..
[root@server var]# cd ..
[root@server /]# vim backup.sh                        //编写程序
#!/bin/bash
time=`date+"("%F")"%R`
$/usr/local/mysql/bin/mysqldump -uroot -proot newstaff|gzip > /root/staffbackup-$time.gz
[root@server /]# crontab -e                         //添加定时任务
00 00 * * * /backup.sh                            //0点0分 每天 每月 每时 脚本路径
crontab: installing new crontab
[root@server /]# systemcrl restart mariadb

七、测试

老师一般说这几条命令，她叫你打什么就打什么吧

1. 客户端（Client1）

[root@webserver webserver]# mysql -uadminDB -p -P8800 -h 192.168.1.10 //带端口登录
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 8
Server version: 5.5.68-MariaDB MariaDB Server

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> use newstaff;
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Database changed
MariaDB [newstaff]> desc stafftable;        //查看表结构
+----------+-------------+------+-----+---------+----------------+
| Field    | Type        | Null | Key | Default | Extra          |
+----------+-------------+------+-----+---------+----------------+
| staffID  | int(11)     | NO   | PRI | NULL    | auto_increment |
| username | varchar(20) | YES  |     | NULL    |                |
| sex      | char(6)     | YES  |     | NULL    |                |
| age      | int(11)     | YES  |     | NULL    |                |
+----------+-------------+------+-----+---------+----------------+
4 rows in set (0.00 sec)

MariaDB [newstaff]> select * from stafftable;   //查看表内容
+---------+----------+--------+------+
| staffID | username | sex    | age  |
+---------+----------+--------+------+
|       1 | Tom      | male   |   25 |
|       2 | Mary     | female |   30 |
+---------+----------+--------+------+
2 rows in set (0.00 sec)

MariaDB [newstaff]> quit
Bye
[root@webserver webserver]#

2. 服务器（Server）

[root@server /]# mysql -uroot -p
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 12
Server version: 5.5.68-MariaDB MariaDB Server

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> show grants for 'adminDB'@'%';
+--------------------------------------------------------------------------------------------------------------------+
| Grants for adminDB@%                                                                                   |
+--------------------------------------------------------------------------------------------------------------------+
| GRANT USAGE ON *.* TO 'adminDB'@'%' IDENTIFIED BY PASSWORD '*81F5E21E35407D884A6CD4A731AEBFB6AF209E1B' |
| GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, DROP ON `newstaff`.* TO 'adminDB'@'%'                    |
+--------------------------------------------------------------------------------------------------------------------+
2 rows in set (0.00 sec)

MariaDB [(none)]> quit
Bye
[root@server /]#

结尾

至此，实验结束。希望对你有所帮助，有任何问题请在下方留言。可以关注我的公众号以及订阅我的文章，感谢你的支持，是对我最大的动力，当然了，更多的是因为热爱。

第七章 Centos 7 Linux配置ftp 实训任务1：FTP服务器加密传输

2024-05-28T05:31:51.000Z

前言

==前面的DNS一定要成功才能做！！！==

实训任务1：FTP服务器加密传输任务情境描述，某公司在需要使用vsftpd搭建一台FTP服务器，用于web站点资料的更新和公司公用文件的存放。为了保证客户机和服务器之间传输数据的保密性和完整性，公司决定使用SSL/TLS协议加固FTP服务器，客户机和服务器之间采用SSL/TLS协议加密数据。

虚拟机需求：1台DNS服务器（Server）、1台Web服务器（Ftp Server）、1台客户端（Client1）

在第五章的基础上继续实训

FTP服务器加密传输

任务情境描述
某公司在需要使用vsftpd搭建一台FTP服务器，用于web站点资料的更新和公司公用文件的存放。为了保证客户机和服务器之间传输数据的保密性和完整性，公司决定使用SSL/TLS协议加固FTP服务器，客户机和服务器之间采用SSL/TLS协议加密数据。

任务要求：

1. 禁止使用不安全的FTP，请使用“CA”证书颁发机构，颁发的证书，启用FTPS服务；
Country Name (2 letter code) [XX]:CN
State or Province Name (fullname) []:GD
Locality Name (eg, city) [Default City]:GuangZhou
Organization Name (eg, company) [Default Company Ltd]:mydomain.com
Organizational Unit Name (eg, section) []:Operations Departments
Common Name (eg, your name or your server’s hostname)[]:ftp.mydomain.com
2. 使用ftp.mydomian.com域名访问服务器；
3. 用户webadmin，登录ftp服务器，根目录为/webdata/；
4. 登录后限制在自己的根目录；
5. 允许WEB管理员上传和下载文件，但是禁止上传后缀名为.doc .docx .xlsx的文件；
6. 限制用户的下载最大速度为100kb/s；最大同一IP在线人数为2人；
7.用于通过工具或者浏览器下载的最大速度不超过100kb/s；
8. 一个IP地址同时登陆的用户进程/人数不超过2人。

一、配置Ftp服务器（Ftp Server）的IP地址

BOOTPROTO=static
IPADDR=192.168.1.100
GATEWAY=192.168.1.2
NETMASK=255.255.255.0
DNS1=192.168.1.10
DNS2=202.96.128.86

二、为Ftp服务器（Ftp Server）安装vsftp服务

1
2
3

yum -y install vsftpd //安装vsftp服务
systemctl start vsftpd  //开启vsftp服务
systemctl enable vsftpd //开机自启

三、Ftp服务器（Ftp Server）生成证书

创建目录[root@webserver webserver]# mkdir /etc/ssl/serverkey
生成证书[root@webserver webserver]# openssl req -x509 -nodes -keyout /etc/ssl/serverkey/vsftpd.pem -out /etc/ssl/serverkey/vsftpd.pem -days 365 -newkey rsa:2048
Generating a 2048 bit RSA private key
................+++
.....+++
writing new private key to '/etc/ssl/serverkey/vsftpd.pem'
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [CN]:
State or Province Name (full name) [China]:GD
Locality Name (eg, city) [GuangZhou]:
Organization Name (eg, company) [ymx.com]:
Organizational Unit Name (eg, section) []:Operations Departments
Common Name (eg, your name or your server's hostname) []:ftp.ymx.com
Email Address []:
[root@webserver webserver]#

图片打反了别按照图片按上面的文本

四、 Ftp服务器（Ftp Server）防火墙设置

允许ftp通过[root@webserver webserver]# firewall-cmd --permanent --zone=public --add-service=ftp
success
允许端口通过[root@webserver webserver]# firewall-cmd --permanent --zone=public --add-port=990/tcp
success
允许端口通过[root@webserver webserver]# firewall-cmd --permanent --zone=public --add-port=990/udp
success
允许端口通过[root@webserver webserver]# firewall-cmd --permanent --zone=public --add-port=40000-50000/tcp
success
允许端口通过[root@webserver webserver]# firewall-cmd --permanent --zone=public --add-port=40000-50000/udp
success
重启防火墙[root@webserver webserver]# firewall-cmd --reload 
success
[root@webserver webserver]#

五、 Ftp服务器（Ftp Server）配置vsftp文件

1	vim /etc/vsftpd/vsftpd.conf

最后插入

ssl_enable=yes
ssl_tlsv1=yes
ssl_sslv2=no
ssl_sslv3=no
rsa_private_key_file=/etc/ssl/serverkey/vsftpd.pem
rsa_cert_file=/etc/ssl/serverkey/vsftpd.pem
allow_anon_ssl=no
force_local_logins_ssl=yes
force_local_data_ssl=yes
pasv_min_port=40000
pasv_max_port=50000
systemctl restart vsftpd  //重启

图片打错了请按照上面文本打

六、创建用户和根目录以及虚拟用户（详情看学习通ftp虚拟用户章节这里不做过多解释）

看不懂去看ppt

[root@webserver webserver]# useradd webadmin -s /sbin/nologin 
[root@webserver webserver]# useradd admin -s /sbin/nologin  
[root@webserver webserver]# passwd --stdin webadmin 
更改用户 webadmin 的密码 。
root
passwd：所有的身份验证令牌已经成功更新。
[root@webserver webserver]# passwd --stdin admin
更改用户 admin 的密码 。
root
passwd：所有的身份验证令牌已经成功更新。
[root@webserver webserver]# vim /etc/vsftpd/vusr.txt 
webadmin
root
admin
root
[root@webserver webserver]# mkdir -p /var/ftp/pub/ /webdata
[root@webserver webserver]# chmod 777 /webdata
[root@webserver webserver]# chown webadmin /var/ftp/pub/ /webdata
[root@webserver webserver]# rpm -qf /usr/bin/db_load
libdb-utils-5.3.21-24.el7.x86_64
[root@webserver webserver]# db_load -T -t hash -f /etc/vsftpd/vusr.txt /etc/vsftpd/vusr.db
[root@webserver webserver]# file /etc/vsftpd/vusr.db
/etc/vsftpd/vusr.db: Berkeley DB (Hash, version 9, native byte-order)
[root@webserver webserver]# chmod 600 /etc/vsftpd/vusr.*
[root@webserver webserver]# cp -p /etc/pam.d/vsftpd /etc/pam.d/vsftpd-vusr
[root@webserver webserver]# vim /etc/pam.d/vsftpd-vusr
auth       sufficient   /lib64/security/pam_userdb.so db=/etc/vsftpd/vusr
account    sufficient   /lib64/security/pam_userdb.so db=/etc/vsftpd/vusr
[root@webserver webserver]# vim /etc/vsftpd/vsftpd.conf 
local_enable=yes
chroot_local_user=yes
pam_service_name=vsftpd-vusr
guest_enable=yes
guest_username=webadmin
user_config_dir=/etc/vsftpd/vconfig
virtual_use_local_privs=yes
allow_writeable_chroot=yes
[root@webserver webserver]# mkdir /etc/vsftpd/vconfig/
[root@webserver webserver]# vim /etc/vsftpd/vconfig/webadmin
local_root=/webdata
[root@webserver webserver]# vim /etc/vsftpd/vconfig/admin
local_root=/webdata
write_enable=no
[root@webserver webserver]# setsebool -P ftpd_full_access on
[root@webserver webserver]# systemctl restart vsftpd

七、使用域名登录要在Dns服务器（Dns Server）上正反向加上一条（略过）

八、任务需求后四项Ftp服务器（Ftp Server）上修改配置文件

vim /etc/vsftpd/vsftpd.conf
#允许WEB管理员上传和下载文件，但是禁止上传后缀名为.doc .docx .xlsx的文件；
deny_file={*.doc,*.docx,*.xlsx}
#限制用户的下载最大速度为100kb/s；用于通过工具或者浏览器下载的最大速度不超过100kb/s；人数为2人；
local_max_rate=102400
#最大同一IP在线
max_per_ip=2
#一个IP地址同时登陆的用户进程/人数不超过2人。
max_clients=2
systemctl restart vsftpd

九、客户端（client1）测试

1. 安装ftp服务和FileZilla

1 2	yum -y install epel-release yum -y install filezilla

2. 创建测试文件

[root@client server]# mkdir /home/server/test /*server是我的用户名，看情况来*/
[root@client server]# chmod 777  /home/server/test
[root@client server]# cd /home/server/test/
[root@client test]# vim test.txt
[root@client test]# vim test.doc
[root@client test]# vim test.docx
[root@client test]# vim test.xlsx

3. 尝试域名带证书CA登录ftp

登录成功！

4. 尝试禁止上传文件类型上传

上传失败！

5. 尝试下载文件

成功！

6. 单IP多用户登录

最多只能2个不能再多了！

结尾

第六章 Centos 7 Linux配置web 实训任务：Apache服务器部署

2024-05-28T05:04:51.000Z

前言

==前面的DNS一定要成功才能做！！！==

Apache服务器部署任务情境描述某公司需要搭建一台Web服务器，用于公司办公和网站宣传；还有另一台DNS服务器，用于实现Web服务器的域名解析。部署信息如下：Server1为DNS服务器，IP地址为：192.168.1.10；Server2为Web服务器，IP地址为：192.168.1.100。

虚拟机需求：1台DNS服务器（Server）、1台Web服务器（Web Server）、1台客户端（Client1）

在第五章的基础上继续实训

Apache服务器部署

任务情境描述
某公司需要搭建一台Web服务器，用于公司办公和网站宣传；还有另一台DNS服务器，用于实现Web服务器的域名解析。
网络拓扑图如下：

部署信息如下：
• Server1为DNS服务器，IP地址为：192.168.1.10；
• Server2为Web服务器，IP地址为：192.168.1.100。

实训任务：
任务1
搭建http: //web1.mydomain.com的web1服务器，主目录是/var/www/web1，只允许192.168.1.0/24网段的主机访问。

任务2
搭建基于8008端口号的安全服务器，可使用https: //web2.mydomain.com:8008地址访问，主目录是/var/www/web2，使用CA颁发证书进行安全认证。
“CSK Global Root CA”颁发机构颁发，网站证书信息如下：
C = CN
ST = China
L = GuangZhou
O = mydomain.com
OU = Operations Departments
CN = web2.mydomain.com

任务3 启动防火墙，SELinux设置为（Enforcing）。

一、配置Web服务器（Web Server）的IP地址

BOOTPROTO=static
IPADDR=192.168.1.100
GATEWAY=192.168.1.2
NETMASK=255.255.255.0
DNS1=192.168.1.10
DNS2=202.96.128.86

二、在Web服务器（Web Server）上生成CA证书

[root@webserver webserver]# cd /etc/pki/tls/certs/
[root@webserver certs]# make server.key

[root@webserver certs]# openssl rsa -in server.key -out server.key

[root@webserver certs]# make server.csr
umask 77 ; \
/usr/bin/openssl req -utf8 -new -key server.key -out server.csr
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [XX]:CN
State or Province Name (full name) []:China
Locality Name (eg, city) [Default City]:GuangZhou
Organization Name (eg, company) [Default Company Ltd]:ymx.com
Organizational Unit Name (eg, section) []:Operations Deoartments
Common Name (eg, your name or your server's hostname) []:web2.ymx.com
Email Address []:
Please enter the following 'extra' attributes
to be sent with your certificate request
A challenge password []:
An optional company name []:
[root@webserver certs]# openssl x509 -in server.csr -out server.pem -req -signkey server.key -days 365

[root@webserver certs]# chmod 400 server.*
[root@webserver certs]# yum -y install httpd mod_ssl
[root@webserver certs]# systemctl restart httpd

1. 修改OpenSSL配置文件

vim /etc/pki/tls/openssl.cnf  //打开OpenSSL配置文件修改以下
my-ca.crt
my-ca.crl
my-ca.key

[ req_distinguished_name ]
countryName                     = Country Name (2 letter code)
countryName_default             = CN
countryName_min                 = 2
countryName_max                 = 2

stateOrProvinceName             = State or Province Name (full name)
stateOrProvinceName_default     = China

localityName                    = Locality Name (eg, city)
localityName_default            = GuangZhou

0.organizationName              = Organization Name (eg, company)
0.organizationName_default      = ymx.com

# we can do this but it is not needed normally :-)
#1.organizationName             = Second Organization Name (eg, company)
#1.organizationName_default     = World Wide Web Pty Ltd

organizationalUnitName          = Organizational Unit Name (eg, section)
organizationalUnitName_default  = Operations Deoartments

1
2
3

保存退出 :wq
 cd /etc/pki/CA/  //进入CA目录
 ls         //查看目录

2. 生成CA文件

1
2
3

touch /etc/pki/CA/index.txt             //新建一个放数据的文件
echo 01 > /etc/pki/CA/serial            //创建一个索引文件
openssl genrsa -out private/my-ca.key -des3 2048  //生成CA文件，输入两次密码（请记住）

3. 生成公钥文件

1	openssl req -new -x509 -key private/my-ca.key -days 365 > my-ca.crt //生成公钥文件

4. 创建Server.key

openssl genrsa -des3 -out server.key 2048 //创建server.key
ls                      //查看目录
openssl rsa -noout -text -in server.key   //不输出以text文本查看server.key，输入保护密钥
cat server.key                //查看

1
2
3

openssl req -new -key server.key -out server.csr  //证书申请
ls                          //查看目录
openssl ca -in server.csr -out server.crt     //生成公钥文件，输入密码，两次确认

三、在DNS服务器（Server）上添加记录

1. 添加正向区域记录

vim /var/named/ymx.com.zone   //打开正向区域文件
$TTL 1D
@       IN SOA  dns ymx.com. (
                                        0       ; serial
                                        1D      ; refresh
                                        1H      ; retry
                                        1W      ; expire
                                        3H )    ; minimum
        NS      dns
dns     A       192.168.1.10
www     A       192.168.1.100
web1    A       192.168.1.100       //添加这两条
web2    A       192.168.1.100
mail    A       192.168.1.200
ftp     CNAME   www
mail    MX 10   mail

2. 添加反向区域记录

vim /var/named/1.168.192.zone //打开反向区域配置文件
$TTL 1D
@       IN SOA  dns ymx.com. (
                                        0       ; serial
                                        1D      ; refresh
                                        1H      ; retry
                                        1W      ; expire
                                        3H )    ; minimum
        NS      dns
dns     A       192.168.1.10
10      PTR     dns.ymx.com.
100     PTR     web1.ymx.com.       //添加这两条
100     PTR     web2.ymx.com.
100     PTR     www.ymx.com.
100     PTR     ftp.ymx.com.
200     PTR     mail.ymx.com.

1	systemctl restart named //重启dns服务

四、在Web服务器（Web Server）上安装httpd和mod_ssl服务

1	yum -y install http mod_ssl //安装

1.修改ssl配置文件

vim /etc/httpd/conf.d/ssl.conf  //修改配置文件
Listen 8008 https                 //监听8008端口
                //虚拟主机头
ServerName web2.ymx.com:8008            //服务器名
DocumentRoot "/var/www/web2"            //目录
SSLCertificateFile /etc/pki/CA/server.crt     //ca证书文件
SSLCertificateKeyFile /etc/pki/CA/server.key    //ca公钥文件
SSLCACertificateFile /etc/pki/CA/server.crt     //ca私钥文件

2. 新建网页

[root@webserver CA]# mkdir /var/www/web1
[root@webserver CA]# mkdir /var/www/web2
[root@webserver CA]# vim /var/www/html/index.html
[root@webserver CA]# vim /var/www/web1/index.html
[root@webserver CA]# vim /var/www/web2/index.html

3. 新建虚拟主机

vim /etc/httpd/conf.d/vhost.conf

ServerName www.ymx.com
DocumentRoot "/var/www/html"



ServerName web1.ymx.com
DocumentRoot "/var/www/web1"


'/var/www/web1'>
Options Indexes FollowSymLinks
AllowOverride None
Order allow,deny
allow from 192.168.1.0/24 //只允许192.168.1.0/24 通过

[root@webserver webserver]# systemctl restart httpd         //重启http服务
Enter SSL pass phrase for web2.ymx.com:8008 (RSA) : ****      //输入密码
[root@webserver webserver]# systemctl enable httpd          //开机自启
Created symlink from /etc/systemd/system/multi-user.target.wants/httpd.service to /usr/lib/systemd/system/httpd.service.
[root@webserver webserver]#

5. 修改httpd.conf配置文件

1 2	[root@webserver CA]# vim /etc/httpd/conf/httpd.conf ServerName www.ymx.com:80

6. 防火墙设置

[root@webserver CA]# firewall-cmd --permanent --zone=public --add-service=http  //开启http
success
[root@webserver CA]# firewall-cmd --permanent --zone=public --add-service=https //开启https
success
[root@webserver CA]# firewall-cmd --permanent --zone=public --add-port=8008/tcp //开启8008端口
success
[root@webserver CA]# firewall-cmd --permanent --zone=public --add-port=8008/udp
success
[root@webserver CA]# firewall-cmd --reload                    //重启防火墙
success
[root@webserver CA]# netstat -an | grep :8008                 //查看端口
tcp6       0      0 :::8008                 :::*                    LISTEN

7. 复制证书文件

1 2	[root@webserver CA]# cd /etc/pki/CA [root@webserver CA]# cp my-ca.crt /var/www/web1/

8. 客户端（Client 1）导入CA证书

打开浏览器输入地址http://web1.ymx.com/my-ca.crt 下载证书文件并导入证书

9. 最终效果

http：//web1.ymx.com
http: //web2.ymx.com:8008

结尾

第五章 Centos 7 Linux配置dns 实训任务：部署DNS服务器

2024-05-28T04:32:51.000Z

前言

在第四章的基础上继续实训，部署DNS服务器任务情境描述某公司要求在内部网络部署DNS服务器，用内部DNS服务器为内部网络中的计算机提供内部网络和Internet的域名解析服务。环境说明：（1） server安装CentOS 7基础设施服务器（2） client安装CentOS 7桌面环境（3） server、client均已配置网络和主机名（配置了第四章就不用配置了）

虚拟机需求：1台服务器（Server）、1台客户端（Client1）

在第四章的基础上继续实训

部署DNS服务器

任务情境描述
某公司要求在内部网络部署DNS服务器，用内部DNS服务器为内部网络中的计算机提供内部网络和Internet的域名解析服务。

网络拓扑图如下：

环境说明：
（1） server安装CentOS 7基础设施服务器
（2） client安装CentOS 7桌面环境
（3） server、client均已配置网络和主机名（配置了第四章就不用配置了）

部署信息如下：
（1）公司的DNS域名为 ymx.com（或自己命名）//这里我用了自己的，用老师的是myhost.com下面表格也要跟着改
（2）名称解释要求如下表所示：

角色	主机名	IP地址	备注
Web服务器	www.ymx.com	192.168.1.100
FTP服务器	ftp.ymx.com	192.168.1.100	配置别名记录
邮件服务器	mail.ymx.com	192.168.1.200	配置相应的交换记录
DNS服务器	dns.ymx.com	192.168.1.10	DNS服务器

任务1（用前面的就不用重新配置了）
根据上图中的网络图谱配置实训环境
（1）修改计算机名
（2）配置网络
（3）开启防火墙，添加对应的服务

任务2
在server1上安装DNS服务，并将其配置为主DNS服务器
（1）安装DNS服务
（2）创建正向查找区域，并根据上表提供的信息在区域中添加资源记录；
创建反向查找区域，并根据上表提供的信息在区域中添加资源记录；
（3）检查区域数据文件语法错误
（4）启动/重启DNS服务
（5）开启防火墙，添加对应的服务

任务3
使用client对主DNS服务器进行测试
（1） client网络配置
（2）在客户端执行DNS域名查询测试，对主/辅DNS均进行域名查询测试（可使用命令指令使用主NDS或服务DNS进行查询）

一、在服务器（Server）上安装DNS服务

1. 确保良好的网络连接也要保证设备的联网

1 2	yum list installed \| grep bind \\查看是否安装了dns服务 yum -y install bind \\安装dns服务

2. 启动服务

1 2	systemctl start named //启动dns服务 systemctl enable named //开机自启dns服务

3. 防火墙配置

1
2
3

firewall-cmd --permanent --zone=public --add-port=53/tcp        //开启53端口
firewall-cmd --permanent --zone=public --add-port=53/udp
firewall-cmd --reload                                                                           //重启防火墙

二、在服务器（Server）上配置dns服务

1.配置全局服务实现高速缓存

1 2	vim /etc/named.conf //打开配置文件进行如下修改 named-checkconf //检查语法

listen-on port 53 { any; };                                                     //改为any，named监听所有IP地址
allow-query     { any; };                                                       //改为any，接受所有客户端的查询
forwarders      {202.96.128.86;202.96.128.166;};        //添加该项，配置转发器
dnssec-enable no;                                                                       //改为no，禁用dnssec
dnssec-validation no;

检查语法发现错误，是因为我第22行打错单词了，重新编辑改回去就不报错了。

2. 创建定义DNS服务器正向、反向查找区域

1 2	vim /etc/named.conf //打开配置文件进行如下修改 named-checkconf //检查语法

zone "ymx.com" IN {                                                     //DNS域名
        type master;                                            //区域类型为主要区域
        file "ymx.com.zone";                            //区域数据存储文件名，位置默认为 /var/named 目录
};
zone "1.168.192.in-addr.arpa" IN {                      //子网地址需要反写，后缀是固定的
        type master;                                            //区域类型为主要区域
        file "1.168.192.zone";                          //区域数据存储文件名，位置默认为 /var/named 目录
};

如是按照题目（myhost.com）来的话如下:

zone "myhost.com" IN {                                                  //DNS域名
        type master;                                            //区域类型为主要区域
        file "myhost.com.zone";                         //区域数据存储文件名，位置默认为 /var/named 目录
};
zone "1.168.192.in-addr.arpa" IN {                      //子网地址需要反写，后缀是固定的
        type master;                                            //区域类型为主要区域
        file "1.168.192.zone";                          //区域数据存储文件名，位置默认为 /var/named 目录
};

3. 创建区域数据文件

cd /var/named
cp -a named.localhost ymx.com.zone              //创建正向区域数据文件
cp -a named.loopback 1.168.192.zone             //创建反向区域数据文件
systemctl restart named                                 //重启dns服务

如是按照题目（myhost.com）来的话如下:

cd /var/named
cp -a named.localhost myhost.com.zone   //创建正向区域数据文件
cp -a named.loopback 1.168.192.zone             //创建反向区域数据文件
systemctl restart named                                 //重启dns服务

4. 编辑正向区域数据文件

1 2	vim ymx.com.zone //编辑正向区域数据 named-checkzone ymx.com.zone /var/named/ymx.com.zone //检查语法

$TTL 1D
@       IN SOA  dns ymx.com. (                                                                  //区域授权服务器
                                        0       ; serial
                                        1D      ; refresh
                                        1H      ; retry
                                        1W      ; expire
                                        3H )    ; minimum
        NS      dns
dns     A       192.168.1.10                                                                    //名称服务器记录
www     A       192.168.1.100                                                                   //主机记录
mail    A       192.168.1.200
ftp     CNAME   www                                                                                             //别名记录
mail    MX 10   mail                                                                                    //邮箱交换器记录

如是按照题目（myhost.com）来的话如下:

vim myhost.com.zone                                                                                     //编辑正向区域数据
named-checkzone myhost.com.zone  /var/named/myhost.com.zone     //检查语法
$TTL 1D
@       IN SOA  server myhost.com. (                                                                    //区域授权服务器
                                        0       ; serial
                                        1D      ; refresh
                                        1H      ; retry
                                        1W      ; expire
                                        3H )    ; minimum
        NS      server
server  A       192.168.1.10                                                                    //名称服务器记录
www     A       192.168.1.100                                                                   //主机记录
mail    A       192.168.1.200
ftp     CNAME   www                                                                                             //别名记录
mail    MX 10   mail                                                                                    //邮箱交换器记录

5. 编辑反向区域数据文件

1 2	vim 1.168.192.zone //编辑反向区域数据 named-checkzone 1.168.192.zone /var/named/1.168.192.zone //检查语法

$TTL 1D
@       IN SOA  dns ymx.com. (                                                          //区域授权的DNS服务器
                                        0       ; serial
                                        1D      ; refresh
                                        1H      ; retry
                                        1W      ; expire
                                        3H )    ; minimum
        NS      dns                                                                                     //名称服务器记录
dns     A       192.168.1.10                                                            //指针记录
10      PTR     dns.ymx.com.
100     PTR     www.ymx.com.
100     PTR     ftp.ymx.com.
200     PTR     mail.ymx.com.

如是按照题目（myhost.com）来的话如下:

vim 1.168.192.zone                                                                                      //编辑反向区域数据
named-checkzone 1.168.192.zone  /var/named/1.168.192.zone       //检查语法
$TTL 1D
@       IN SOA  server myhost.com. (                                                    //区域授权的DNS服务器
                                        0       ; serial
                                        1D      ; refresh
                                        1H      ; retry
                                        1W      ; expire
                                        3H )    ; minimum
        NS      server                                                                                  //名称服务器记录
server  A       192.168.1.10                                                                    //指针记录
10      PTR     server.myhost.com.                                              
100     PTR     www.myhost.com.
100     PTR     ftp.myhost.com.
200     PTR     mail.myhost.com.

若语法检查无错误

1	systemctl restart named //重启dns服务，且无返回信息则成功

三、在客户端（Client1）上进行测试

1. 重新获取

1
2
3

dhclient -r                                             //释放租约
dhclient                                                //重新获取租约
tail /etc/resolv.conf                   //查看客户端使用的DNS服务器

2. nslookup非交互式操作

2.1 测试正向解析

nslookup www.ymx.com
nslookup ftp.ymx.com
nslookup mail.ymx.com
nslookup www.baidu.com

2.2 测试反向解析

nslookup 202.108.22.5
nslookup 192.168.1.10
nslookup 192.168.1.100
nslookup 192.168.1.200

3. nslookup交互式操作（知道就好不用做）

3.1 查看所有配置

1 2	nslookup set all

3.2 查询主机名www.ymx.com

1	www.ymx.com

3.3 查询ymx.com区域授权记录

1 2	set type=soa ymx.com

3.4 查询1.168.192.in-addr.arpa区域授权记录

1	1.168.192.in-addr.arpa

3.5 查询邮箱交换器记录

1 2	set type=mx ymx.com

3.6 查询名称服务器记录

set type=ns
ymx.com
1.168.192.in-addr.arpa
exit                                                    //退出

结尾

第四章 Centos 7 Linux配置dhcp 实训任务1：使用DHCP中继部署多子网环境

2024-05-28T04:05:51.000Z

前言

任务情境描述：为校园网1号办公楼和2号办公楼的网络设备分配地址，客户端Client1和Client2可通过DHCP服务器分配地址。要求：1号楼地址池范围：192.168.1.110-192.168.1.190/24，网关：192.168.1.2；2号楼地址池范围：192.168.2.100-192.168.2.200/24，网关：192.168.2.254；域名解析服务器：192.168.1.10和192.168.1.11为Client1动态分配地址，Client2用户分配固定地址，

虚拟机需求：1台服务器（Server）、1台中继服务器（Relay Server）、2台客户端（Client1、Client2）

在第三章的基础上继续实训

实训任务1：DHCP中继部署

任务情境描述：为校园网1号办公楼和2号办公楼的网络设备分配地址，客户端Client1和Client2可通过DHCP服务器分配地址。

网络拓扑如下：

任务要求：
1号楼地址池范围：192.168.1.110-192.168.1.190/24，网关：192.168.1.2；
2号楼地址池范围：192.168.2.100-192.168.2.200/24，网关：192.168.2.254；
域名解析服务器：192.168.1.10和192.168.1.11；
为Client1动态分配地址，Client2用户分配固定地址，地址为 192.168.2.188/24。

检查要求：会查看客户端和服务器端的租约文件，并理解租约信息。

任务提示：
DHCP Relay设备配置两张网卡，分别为192.168.1.254和192.168.2.10
并在/etc/sysctl.conf中添加：
net.ipv4.ip_forward=1 //全网通
保存后，重新加载系统参数
1
#sysctl -p 

注意事项：
192.168.1.0/24网络适配器选择NAT模式；
192.168.2.0/24网络适配器选择仅主机模式；
Client1和Client2可以是独立的主机（资源允许），也可以通过在Server和Relay端添加网卡的形式，模拟客户端网卡。
这次实验一共4台虚拟机

一、在服务器（Server）和中继服务器（Relay Server）上安装dhcp服务

1. 中继服务器安装双网卡详细看第一章十五、中继服务器安装，和这里的方法如下：

1	nmtui //进入图形化设置

网卡会激活失败，原因是自动获取的，我已经关掉虚拟网络的dhcp服务，所以在另外在网卡脚本文件配置静态的IP的地址

2. 给中继服务器（Relay Server）双网卡配置静态ip地址

2.1 配置NAT模式下的网卡静态地址

vim /etc/sysconfig/network-scripts/ifcfg-ens33  //每个人的网卡名称都不一样 一切按时来
vim /etc/sysconfig/network-scripts/ifcfg-ens34  //我这里的 ens开头的 33是NAT模式的 34是仅主机模式的
 BOOTPROTO="static" 
ONBOOT="yes" 
 IPADDR=192.168.1.254
NETMASK=255.255.255.0 
GATEWAY=192.168.1.2 
DNS1=202.96.128.86（电信）  联通：221.5.88.88  移动：211.136.192.6
DNS2=114.114.114.114

2.2 配置仅主机模式下的网卡静态地址

BOOTPROTO=static  
ONBOOT=yes 
IPADDR=192.168.2.10 
NETMASK=255.255.255.0
GATEWAY=192.168.2.254 
DNS1=202.96.128.86 
DNS2=114.114.114.114

2.3 重启网络服务并ping通服务器（Server）

1 2	systemctl restart network //重启网络 ping 192.168.1.10 //ping服务器（server）

3. 在服务器（Server）上安装dhcp服务（确保良好的网络连接也要保证设备的联网）

1 2	yum list installed \| grep dhcp \\查看是否安装了dhcp服务 yum -y install dhcp \\安装dhcp服务

4. 中继服务器（Relay Server）同理

1 2	yum list installed \| grep dhcp \\查看是否安装了dhcp服务 yum -y install dhcp \\安装dhcp服务

二、在服务器（Server）上配置地址池

1. 添加地址池

vim /etc/dhcp/dhcpd.conf        //打开配置文件
option domain-name "example.org"; 
option domain-name-servers 192.168.1.10,192.168.1.11; 
default-lease-time 600; 
max-lease-time 7200; 
subnet 192.168.1.0 netmask 255.255.255.0 {
         range 192.168.1.110 192.168.1.190;
         option routers 192.168.1.2; 
} 
subnet 192.168.2.0 netmask 255.255.255.0 {
         range 192.168.2.100 192.168.2.200;
         option routers 192.168.2.254;
         host client2 {
                 hardware ethernet 00:0C:29:B4:04:A7;
                 fixed-address 192.168.2.188;
         } 
}

1	dhcpd -t //检查语法错误

2.重启dhcp服务并自启

1 2	systemctl restart dhcpd //重启dhcp服务 systemctl enable dhcpd //开机自启dhcp服务

3. 添加默认路由

1 2	route add default gw 192.168.1.254 route add default gw 192.168.1.2

三、在中继服务器（Relay Server）配置中继服务

1 2	cp /lib/systemd/system/dhcrelay.service /etc/systemd/system //将dhcp中继主配文件复制 vim /etc/systemd/system/dhcrelay.service //编辑dhcp中继主配文件

1
2
3

systemctl daemon-reload                                 //重载
systemctl start dhcrelay.service                //启动中继服务
systemctl enable dhcrelay.service               //开机自启中继服务

vim /etc/sysctl.conf    //打开配置文件
"net.ipv4.ip_forward=1" //加入这一句话
sysctl -p                               //重载
dhcrelay 192.168.1.10   //开启中继

四、验证

1.客户端（Client1）验证

1 2	vim /etc/sysconfig/network-scripts/ifcfg-ens33 //打开网卡配置脚本将之前的静态地址改成dhcp systemctl restart network //重启网络服务

dhclient -r                                                             //释放租约
dhclient                                                                //重新获取租约
ip addr show ens33                                              //查看网卡ens33的状态
tail /var/lib/dhclient/dhclient.leases  //查看租约

2.客户端（Client2）验证同理，这里就不演示了。下面展示一下window7怎么获取。

查看租约

3.服务器（Server）查看租约

1	tail /var/lib/dhcpd/dhcpd.leases

结尾

第三章 Centos 7 Linux配置samba 实训任务1：配置Samba服务

2024-05-28T03:48:51.000Z

前言

在第二章的基础上继续实训，实训任务1：配置Samba服务，任务1 创建Samba共享，本地目录为/data/share，要求：共享名为share1，仅允许zsuser用户能上传文件，任务2 创建Samba共享，本地目录为/data/public，要求：共享名为public，允许匿名访问，所有用户都能上传文件。

虚拟机需求：1台服务器（Server）、1台客户端（Client）

在第二章的基础上继续实训

实训任务1：配置Samba服务

任务1 创建Samba共享，本地目录为/data/share，要求：
共享名为share1
仅允许zsuser用户能上传文件

任务2 创建Samba共享，本地目录为/data/public，要求：
共享名为public
允许匿名访问
所有用户都能上传文件

一、在服务器（Server）上安装Samba服务

1. 确保良好的网络连接也要保证设备的联网

1 2	yum list installed \| grep samba \\查看是否安装了samba服务 yum -y install samba \\安装samba服务

2. 防火墙设置

1 2	firewall-cmd --permanent --zone=public --add-service=samba \\开启samba服务允许通过 firewall-cmd --reload \\重启防火墙

3. 开启samba服务

1 2	systemctl start smb nmb \\开启samba服务 systemctl enable smb nmb \\开机自启samba服务

4. 创建samba用户

useradd zsuser                          \\添加zsuser用户
smbpasswd -a zsuser                     \\为zsuser用户添加密码
useradd tom                                     \\添加多一个用户好测试
smbpasswd -a tom                        \\设置密码

二、在服务器（Server）上创建samba共享目录

1. 创建share、public目录

1 2	mkdir /data /data/share/ /data/public/ \\创建share、public目录 chmod 777 /data /data/share/ /data/public/ \\设置目录权限

2. 创建share1、public共享目录

vim /etc/samba/smb.conf                         \\编辑配置文件详细内容如下所示
[global]                                        \\在全局变量中加入
map to guest = bad user         \\开启匿名访问
[share1]
        comment = share1        \\共享注释
        path = /data/share      \\指定共享目录
        write list = zsuser     \\写入列表
        writable = no           \\不支持写入数据（列表中写读，不在列表只读）
[public]
        comment = public        \\共享注释
        path = /data/public     \\指定共享目录
        guest ok = yes          \\允许匿名访问
        browseable = yes        \\所有人可见
        writeable = yes         \\支持写入数据
        read only = no          \\是否可读

3. 检查语法错误跟重启samba服务

1 2	testparm \\检查语法错误 systemctl restart sbm nmb \\重启samba服务

4. 配置selinux

setenforce 1                                                                                    //开启
ls -ldZ /data/share /data/public                                                //查看文件夹安全上下文
chcon -t samba_share_t /data/share /data/public                 
//为/data/share设置samba_share_t标签目录，使selinux允许samba读和写这个目录。
//为/data/public设置samba_share_t标签目录，使selinux允许samba读和写这个目录。
ls -ldZ /data/share /data/public                                                //查看文件夹安全上下文

三、在客户机（Client）上测试

1. 测试任务1

smbclient //192.168.1.10/share1 -U zsuser ==使用zsuser用户访问samba服务==
mkdir test ==测试是否能创建test文件夹==
ls ==查看列表显示test文件夹证明成功==
exit ==退出==

smbclient//192.168.1.10/share1 -U tom ==使用tom用户访问samba服务==
mkdir test1 ==测试是否能创建test1文件夹==
ls ==查看列表不显示test1文件夹证明除了zsuser用户能写入其余用户不能写入只能读==
exit ==退出==

2. 测试任务2

smbclient//192.168.1.10/share1 -U guest ==使用匿名用户访问samba服务==
mkdir test1 ==测试是否能创建test1文件夹==
ls ==查看列表显示test1文件夹证明所有用户都能读写==
exit ==退出==

3. windows 7 测试

结尾

第二章_Centos 7 Linux配置ssh 实训任务：SSH的安全配置

2024-05-28T03:21:51.000Z

前言

任务情境描述某公司管理员已经将自己个人电脑免密登录到远程服务器。服务器地址为192.168.1.10/24（IP地址可自行设置）管理员PC地址为192.168.1.20/24（IP地址可自行设置）管理员ID为admin，密码为password任务需求：（1）为了让SSH更安全，需要修改SSH的端口为61234；（2）限制SSH服务器只能由管理员PC通过admin用户登录，其他用户均无法远程访问服务器。请完成配置，并提交实验报告。（线下课程随堂检查）

虚拟机需求：1台服务器（Server）、1台客户端（Client）

实训任务2：SSH的安全配置
任务情境描述某公司管理员已经将自己个人电脑免密登录到远程服务器。

服务器地址为192.168.1.10/24（IP地址可自行设置）
管理员PC地址为192.168.1.20/24（IP地址可自行设置）
管理员ID为admin，密码为password

任务需求：
（1）为了让SSH更安全，需要修改SSH的端口为61234；
（2）限制SSH服务器只能由管理员PC通过admin用户登录，其他用户均无法远程访问服务器。

请完成配置，并提交实验报告。（线下课程随堂检查）若没有安装Centos 7 虚拟机请单击此处有详细的安装教程

一、配置虚拟网络（可自行设置）

1. 修改NAT模式的子网IP：192.168.1.0 子网掩码：255.255.255.0

2. 取消勾选使用本地DHCP服务将IP地址分配给虚拟机

3. 单击“NAT 设置” 修改网关：192.168.1.2

二、配置服务器（server）与客户端（client）的IP地址并使互相ping通

1 2	su root \\进入root vim /etc/sysconfig/network-scripts/ifcfg-ens33 \\修改默认网卡脚本一切按照实际情况

1. 服务器（server）网络配置（添加修改命令如下）

BOOTPROTO="static" 
ONBOOT="yes" 
IPADDR=192.168.1.10
GATEWAY=192.168.1.2 
NETMAKS=255.255.255.0 
DNS1=202.96.128.86（电信）  联通：221.5.88.88  移动：211.136.192.6
DNS2=114.114.114.114

2. 客户端（client）同理

BOOTPROTO="static" 
ONBOOT="yes" 
IPADDR=192.168.1.10
GATEWAY=192.168.1.2 
NETMAKS=255.255.255.0 
DNS1=202.96.128.86（电信）  联通：221.5.88.88  移动：211.136.192.6
DNS2=114.114.114.114

3. 服务器（Server）与客户端（Client）互相ping通

三、在服务器（Server）上添加用户

1
2
3

useradd admin                                   \\添加管理员admin
passwd --stdin admin                            \\为管理员admin设置密码
password                                        \\输入题目要求密码

四、在服务器（Server）修改ssh默认端口

1. 确保虚拟机已安装openssh-server 以下命令可查询

1	yum list installed \| grep openssh-server

若无结果就未安装，则可输入以下命令进行安装

1	yum -y install openssh-server

2. 修改默认端口

1	vim /etc/ssh/sshd_config

3. 防火墙设置和修改安全上下文

firewall-cmd --permanent --add-port=61234/tcp               \\开启端口61234
firewall-cmd --reload                                       \\重启防火墙
semanage port -a -t ssh_port_t -p tcp 61234                 \\修改安全上下文
semanage port -l | grep ssh                                 \\查看修改以后的上下文
systemctl restart sshd                                      \\重启ssh服务
systemctl enable sshd                                       \\设置ssh服务开机自启

4.客户端（Client）测试

五、指定用户免密登录

1. 首先在客户端（Client）生成密钥并发送到服务器（Server）

1 2	ssh-keygen \\生成密钥连续按3次 Enter键 ssh-copy-id -p 61234 admin@192.168.1.10 \\把生成的密钥传到服务器去

2. 其次在服务器（Server）修改配置文件禁止root用户登录和无密码登录

1 2	vim /etc/ssh/sshd_config \\打开配置文件 systemctl restart sshd \\修改完重启ssh服务

3. 在客户端（Client）上测试

管理员admin成功免密登录，其他用户均无法远程访问服务器。

六、结尾

第一章 VMware Workstation Pro 17安装Centos 7 安装虚拟机及简单配置

2024-05-25T05:15:51.000Z

前言 vm 17 安装Centos7 安装准备

vm装centos7 VMware Workstation Pro 17 安装Centos 7

单击文字下载
镜像
 官网自行下载

一、创建新的虚拟机

二、选择硬件兼容性

三、安装客户机操作系统

四、个性化Linux

五、命名虚拟机位置

六、处理器配置

七、此虚拟机内存（默认即可看自己配置）

八、网络类型

九、选择磁盘类型

十、选择I/O控制器类型

十一、指定磁盘容量

十二、选择磁盘

十三、指定磁盘文件

十四、完成

十五、中继服务器安装可以参考这一步（其余可忽略此步）

双网卡 NAT模式仅主机

十六、启动虚拟机

不需要任何操作，等待一段时间

出现此界面即安装完成

十七、设置中文拼音输入法时区

按照步骤进行实验

重启即可

至此，安装完成。

注意事项

一开机就蓝屏的情况，可以参考以下方法：

1. 配置虚拟内存（20480MB打上）

2. 打开功能

结尾

希望对你有所帮助，有任何问题请在下方留言。可以关注我的公众号以及订阅我的文章，感谢你的支持，是对我最大的动力，当然了，更多的是因为热爱。

Hello World

2024-05-12T06:00:35.000Z

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1	$ hexo new "My New Post"

More info: Writing

Run server

1	$ hexo server

More info: Server

Generate static files

1	$ hexo generate

More info: Generating

Deploy to remote sites

1	$ hexo deploy

More info: Deployment

name	value
GITHUBUSERNAME	你Github的用户名
GITHUBEMAIL	你Github的邮箱
PAT	包含repo和work的权限token
MY_SECRET_TOKEN	另一账号仓库包含repo和work的权限token