朋友圈

AI摘要实现原理解析

AI摘要实现原理解析#这篇文章会把我博客里「AI 摘要」功能的完整实现拆开来讲。整个功能由两部分组成：一个构建时脚本负责调用 AI 生成摘要写入文章 frontmatter，一个前端组件负责把摘要以打字机动画的形式展示给读者。整体架构#1┌─────────────────────────────────────────────────────┐2│ 构建时 (Build Time) │3│ │4...

OpenSpec + Superpowers

OpenSpec + Superpowers#提示本文面向使用 AI 辅助编程的开发者，系统整理 OpenSpec 与 Superpowers 两个工具的核心能力、配置方法与协同流程。核心目标：建立”规范驱动规划 + 流程驱动执行”的 AI 工程化闭环，降低需求偏差与代码回归风险。一、介绍#1.1 Superpowers#Superpowers 是由 Jesse Vincent（obra）维护的 ...

博客导航栏模块完整构建方案

概述#本文详细介绍博客导航栏模块的完整构建方案。导航栏是整个博客最关键的用户交互入口，它承载了：品牌标识：Logo + 标题页面导航：多级下拉菜单全局搜索：基于 Pagefind 的全文搜索主题切换：亮色/暗色/跟随系统音乐播放：导航栏内嵌音乐播放器显示设置：壁纸模式、布局切换等移动端适配：侧滑抽屉菜单整个导航栏系统由类型层 → 配置层 → 常量层 → 组件层 → 样式层五层架...

日志技术

日志技术#定义#日志用于记录应用程序的运行信息、状态信息和错误信息。专业的日志框架（如 Logback）替代 System.out.println，提供灵活的日志级别控制、多种输出目标（控制台/文件）和格式化能力。为什么需要日志框架#使用 System.out.println(...) 记录日志的缺陷：硬编码：无法灵活控制输出与否，只能删除代码输出受限：只能输出到控制台不便于扩展维护：无法按...

开发规范与工程搭建

开发规范与工程搭建#定义#在 Tlias 智能学习辅助系统的实战开发中，首先需要建立统一的开发规范并完成基础工程搭建。这包括前后端分离开发模式、RESTful API 风格约定、接口测试工具的使用，以及 SpringBoot 工程的基础结构搭建。开发规范#前后端分离开发#企业项目开发主要有两种模式：前后台混合开发和前后台分离开发。前后台混合开发的缺点：沟通成本高：后台发现前端问题需找前端修改，再...

部门新增功能

部门新增功能#定义#部门新增功能用于保存新的部门数据。前端以 JSON 格式传递部门名称，后端通过 @RequestBody 注解将 JSON 数据绑定到实体对象，完成数据持久化。接口描述# 请求方式：POST 请求路径：/depts 请求参数：JSON 格式 {"name":"研发部"} 响应数据：Result（统一响应结果）实现思路#新增部门三层架构 Controller 层：接收前端 JS...

部门删除功能

部门删除功能#定义#部门删除功能根据 ID 删除指定部门数据。核心知识点包括简单参数的接收方式（HttpServletRequest、@RequestParam、形参自动绑定）以及 MyBatis 的 DELETE 注解使用。接口描述# 请求方式：DELETE 请求路径：/depts 请求参数：id（Integer，部门 ID）响应数据：Result（统一响应结果）实现思路#删除部门三层架构 ...

部门修改功能

部门修改功能#定义#部门修改功能分为两个步骤：查询回显和修改数据。查询回显根据 ID 获取部门数据用于页面展示，修改数据接收 JSON 请求体更新数据库记录。涉及路径参数接收（@PathVariable）和 @RequestMapping 路径抽取。查询回显#接口描述# 请求方式：GET 请求路径：/depts/{id} 请求参数：路径参数 id 响应数据：Result（data 为 Dept 对...

部门查询功能

部门查询功能#定义#部门查询功能用于查询所有部门数据并展示在部门管理页面中。基于 SpringBoot 三层架构（Controller → Service → Mapper）实现，涉及 MyBatis 字段映射、驼峰命名规则、请求方式限定以及前后端联调。实现思路#三层架构每一层的职责：查询部门三层架构 Controller 层：接收前端请求，调用 Service 查询部门数据，响应结果 Servi...

博客命令行工具箱

博客的 scripts/ 目录下脚本越来越多——同步笔记用 Node，下载影视和音乐用 Python，生成描述用 tsx，语言和参数格式各不相同。每次要用的时候还得翻文档查命令，太麻烦了。于是做了一个统一命令行工具箱：一个入口 pnpm cli，搞定所有操作。使用方式#Terminal window1# 直接运行，进入交互菜单2pnpm cli3 4# 或者直达子命令5pnpm cli syn...

JDBC介绍与连接

JDBC介绍与连接#定义#JDBC（Java DataBase Connectivity），是使用Java语言操作关系型数据库的一套API，也是操作数据库最为基础、底层的技术。本质： sun公司官方定义的一套操作所有关系型数据库的规范，即接口。各个数据库厂商去实现这套接口，提供数据库驱动jar包。开发者使用这套接口(JDBC)编程，真正执行的代码是驱动jar包中的实现类。架构#在Java代码...

JDBC增删改操作

JDBC增删改操作#定义#JDBC中执行增删改（DML）操作通过 PreparedStatement.executeUpdate() 方法完成，返回值为受影响的记录行数。语法/用法#执行DML语句的标准流程#1// 1. 建立数据库连接2Connection conn = DriverManager.getConnection(3 "jdbc:mysql://localhost:3306/web"...

JDBC查询操作

JDBC查询操作#定义#JDBC查询操作通过 PreparedStatement 执行 SELECT 语句，返回 ResultSet 结果集，遍历解析后获取数据。语法/用法#核心代码流程#1// 1. 获取连接2Connection conn = DriverManager.getConnection(3 "jdbc:mysql://localhost:3306/web", "root", "12...

Mybatis基础

Mybatis基础#定义#MyBatis 是一款优秀的持久层框架，用于简化JDBC的开发。原本是Apache的开源项目iBatis，2010年迁移至Google Code并改名为MyBatis，2013年11月迁移到Github。官网：https://mybatis.org/mybatis-3/zh/index.html 持久层：即数据访问层（DAO），负责与数据库交互。框架：一套可重用、通用、...

SpringBoot配置文件

SpringBoot配置文件#定义#SpringBoot项目支持两种配置文件格式：格式文件名特点propertiesapplication.propertieskey=value 形式，层级不清晰ymlapplication.yml / application.yaml以数据为中心，层级清晰，推荐使用语法#YML基本语法# 大小写敏感数值前必须有空格作为分隔符使用缩进表示层级关系，不允许使用...

数据库基础概念

数据库基础概念#定义# 数据库（DataBase，简称DB）：存储和管理数据的仓库。数据库管理系统（DataBase Management System，简称DBMS）：操作和管理数据库的大型软件。 SQL（Structured Query Language）：结构化查询语言，操作关系型数据库的编程语言，定义了操作所有关系型数据库的统一标准。三者关系：程序员给 DBMS 发送 SQL 语句，再...

影视封面一键下载与博客导入教程

影视封面一键下载与博客导入教程#背景#博客的影视与游戏页面（/movies-games）展示你看过的电影、电视剧和动画。每添加一部作品，需要准备：内容用途.jpg 海报卡片封面图.md博客内容文件（含标题、评分、标签、状态等）之前得自己去 TMDB 或豆瓣搜海报、下载、手写 frontmatter。现在有了 fetch-media.py，一条命令全搞定。原理#flowchart TD A[输入影...

MySQL数据模型

MySQL数据模型#定义#关系型数据库（RDBMS）：建立在关系模型基础上，由多张相互连接的二维表组成的数据库。二维表由行（记录）和列（字段）组成。二维表示例二维表的优点# 使用表存储数据，格式统一，便于维护使用 SQL 语言操作，标准统一，使用方便，可用于复杂查询基于二维表存储数据的数据库是关系型数据库；反之则是非关系型数据库（如 Redis）。MySQL 数据存储层次#MySQL数据模型存...

MySQL安装与连接

MySQL安装与连接#定义#MySQL 是当前互联网开发中最流行的开源关系型数据库管理系统。版本说明# 版本说明MySQL Enterprise Edition（商业版）收费，享有技术支持，可试用 30 天MySQL Community Server（社区版）免费，无官方技术支持本课程使用 MySQL Community Server 8.0.34。连接语法#MySQL 服务器启动后，使用命令行连...

SQL-DDL语句

SQL-DDL语句#定义#DDL（Data Definition Language）：数据定义语言，用来定义数据库对象（数据库、表）。语法/用法#SQL 四大分类# 分类全称说明DDLData Definition Language数据定义语言，定义数据库/表DMLData Manipulation Language数据操作语言，增删改数据DQLData Query Language数据查询语言，...

SQL-DML语句

SQL-DML语句#定义#DML（Data Manipulation Language）：数据操作语言，用来对数据库表中的数据记录进行增、删、改操作。语法/用法#INSERT — 插入数据#1-- 向指定字段插入2INSERT INTO 表名 (字段1, 字段2, ...) VALUES (值1, 值2, ...);3 4-- 向全部字段插入（字段顺序必须与表结构一致）5INSERT INTO 表...

SQL-DQL语句

SQL-DQL语句#定义#DQL（Data Query Language）：数据查询语言，用来查询数据库表中的记录。查询关键字为 SELECT。在业务系统中，查询是最常用、最重要的操作。语法/用法#完整语法结构#1SELECT 字段列表2FROM 表名列表3WHERE 条件列表4GROUP BY 分组字段列表5HAVING 分组后条件列表6ORDER BY 排序字段列表7LIMIT 分页参数基本查...

SpringBootWeb入门

SpringBootWeb入门#定义#SpringBoot是Spring家族中的一个项目，用于快速构建Spring应用程序。它最大的特点是简化配置和快速开发，通过起步依赖和内嵌服务器等机制，让开发者能够快速搭建Web应用。语法/用法#1. 创建SpringBoot工程#通过Spring官方骨架或阿里云脚手架创建项目，勾选Web开发相关依赖。2. 定义Controller类#1package com...

HTTP协议概述

HTTP协议概述#定义#HTTP：Hyper Text Transfer Protocol（超文本传输协议），规定了浏览器与服务器之间数据传输的规则。HTTP是互联网上应用最为广泛的一种网络协议，要求浏览器在向服务器发送请求数据时，或是服务器在向浏览器发送响应数据时，都必须按照固定的格式进行数据传输。语法/用法#HTTP协议特点# 基于TCP协议：面向连接，安全。TCP是一种面向连接的（建立连接之...

HTTP请求与响应

HTTP请求与响应#定义#HTTP协议分为请求协议和响应协议。请求协议规定了浏览器将数据发送到服务器的格式，包括请求行、请求头、请求体。响应协议规定了服务器将数据返回给浏览器的格式，包括响应行、响应头、响应体。语法/用法#请求协议格式# 请求行：请求方式资源路径协议/版本（如：GET /brand/findAll?name=OPPO&status=1 HTTP/1.1）请求头：key...

SpringBootWeb案例

SpringBootWeb案例#定义#本案例展示了如何使用SpringBoot开发一个Web应用，完成用户列表的渲染展示。前端页面通过Ajax请求后端接口，后端从文本文件中加载用户数据并返回JSON格式数据，前端再将数据渲染展示在表格中。语法/用法#1. 定义实体类#1package com.itheima.pojo;2 3import lombok.AllArgsConstructor;4imp...

三层架构与分层解耦

三层架构与分层解耦#定义#三层架构是将后端代码按照职责划分为三个层次的设计模式： Controller（控制层）：接收前端发送的请求，对请求进行处理，并响应数据 Service（业务逻辑层）：处理具体的业务逻辑 Dao（数据访问层）：负责数据访问操作，包括数据的增、删、改、查分层解耦的目标是降低层与层之间的依赖程度，遵循”高内聚、低耦合”的软件设计原则。高内聚：一个模块中各个元素之间联系紧密低...

IOC与DI

IOC与DI#定义#控制反转（IOC，Inversion Of Control）：对象的创建控制权由程序自身转移到外部（容器），即由Spring IOC容器负责创建和管理对象。依赖注入（DI，Dependency Injection）：容器为应用程序提供运行时所需的资源（对象）。Bean对象：IOC容器中创建和管理的对象。核心思想# 提供一个容器，容器中存储bean对象 Controller程序从...

Maven概述与核心作用

Maven概述#定义#Maven 是一款用于管理和构建 Java 项目的工具，是 Apache 旗下的一个开源项目。Maven介绍Apache 软件基金会成立于 1999 年 7 月，是目前世界上最大的开源软件基金会，专门为支持开源项目而生的非盈利性组织。开源项目列表：https://www.apache.org/index.html#projects-list官网：https://maven.a...

M4A音乐自动提取歌词与封面教程

M4A 音乐自动提取歌词与封面教程#背景#博客的音乐收藏页面（/music）需要为每首歌准备三样东西：文件用途.m4a / .mp3音频文件本身.lrc同步歌词（带时间轴的歌词文件）.jpg专辑封面图.md博客的 Markdown 内容文件手动搜歌词、下载封面、写 md 实在太麻烦。我写了一套脚本，两种方式一条命令全部搞定。两种使用模式#脚本 fetch-lrc.py 支持两种模式：模式使用场...

Maven模型与仓库

Maven模型与仓库#Maven模型#Maven 基于三种核心模型构建：1. 构建生命周期模型（Build Lifecycle & Phases）#定义标准化构建流程。当需要编译时，Maven 提供编译插件；需要打包时，提供打包插件等。构建生命周期模型2. 项目对象模型（Project Object Model）#将项目抽象成一个对象模型，拥有专属坐标（唯一标识），通过坐标可以定位到所需资...

Maven安装配置与常见问题

Maven安装配置#下载#下载地址：https://maven.apache.org/download.cgi建议解压到没有中文、特殊字符的路径下。解压后目录结构：目录说明bin/存放可执行命令（重点关注 mvn 命令）conf/存放配置文件（settings.xml 后期需要修改）lib/存放 Maven 依赖的 jar 包（Maven 本身也是 Java 开发）配置步骤#1. 配置本地仓库#...

Maven坐标与依赖管理

Maven坐标与依赖管理#Maven坐标#坐标是资源的唯一标识，通过坐标可以唯一定位资源位置，用于定义项目或引入依赖。坐标组成# 组成部分含义说明groupId组织名称通常为域名反写，如 com.itheimaartifactId模块名称如 order-service、goods-serviceversion版本号SNAPSHOT（快照版）或 RELEASE（发行版） SNAPSHOT：功能不稳定...

Maven生命周期

Maven生命周期#定义#Maven 的生命周期是对所有项目构建过程的抽象和统一，描述了一次项目构建经历哪些阶段。Maven 从大量项目和构建工具中总结了一套高度完善的构建生命周期，包含清理、初始化、编译、测试、打包、集成测试、验证、部署和站点生成等几乎所有构建步骤。三套生命周期#Maven 将项目构建生命周期划分为三套，相互独立：生命周期三套生命周期作用clean清理工作default核心工作...

单元测试与JUnit

JUnit单元测试#测试概述#测试是一种用来促进鉴定软件正确性、完整性、安全性和质量的过程。测试阶段划分#测试阶段划分阶段说明目的测试人员单元测试对软件最小组成单位进行测试检验基本组成单位的正确性开发人员集成测试将通过测试的单元组合后测试检查单元之间的协作是否正确开发人员系统测试对集成好的软件系统进行彻底测试验证正确性、性能是否满足要求测试人员验收测试针对用户需求、业务流程的正式测试验证是否满足...

JS对象与JSON

JS对象与JSON#定义#JavaScript对象是键值对的集合，用于组织和管理数据。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于JavaScript对象语法但独立于语言，现多用于网络数据传输。语法/用法#自定义对象#1let user = {2 name: "Tom",3 age: 10,4 gender: "男",5 // 方法定义（简化语法...

JS变量与常量

JS变量与常量#定义#JavaScript中的变量用于存储数据值，可以存放不同类型的值。常量用于存储不可变的值，一旦声明就不能重新赋值。语法/用法#变量声明#1// 使用let关键字声明变量2let a = 20;3a = "Hello"; // JavaScript是弱类型语言，变量可以重新赋值为不同类型4 5// 早期使用var声明变量（不推荐）6var name = "A";7name = ...

JS数据类型

JS数据类型#定义#JavaScript数据类型分为原始数据类型和引用数据类型。原始数据类型包括number、string、boolean、null、undefined等。使用typeof关键字可以返回变量的数据类型。语法/用法#基本类型检测#1// 原始数据类型2typeof 3; // "number"3typeof 3.14; // "number"4typeof "A"; // "stri...

JS函数

JS函数#定义#函数是被设计用来执行特定任务的代码块，方便程序的封装复用。JavaScript中的函数可以通过命名函数、函数表达式和箭头函数三种方式定义。语法/用法#方式一：命名函数#1function add(a, b) {2 return a + b;3}4 5let result = add(10, 20);方式二：匿名函数#1// 函数表达式2var add = function (a, ...

JS事件监听

JS事件监听#定义#事件监听是将函数绑定到HTML元素上的特定事件，当事件触发时自动执行对应的函数。事件是发生在HTML元素上的”事情”，如按钮点击、鼠标移动、键盘按下等。语法/用法#addEventListener（推荐）#1// 语法：事件源.addEventListener('事件类型', 要执行的函数)2document.querySelector("#btn1").a...

Vue框架概述

Vue框架概述#定义#Vue是一款用于构建用户界面的渐进式JavaScript框架。它基于数据渲染出用户看到的界面，简化了DOM操作，提高了开发效率。语法/用法#Vue应用创建#1<div id="app">2 {{message}}3</div>4 5<script type="module">6 import { createApp } from &apos...

Vue指令-v-for

Vue指令-v-for#定义#v-for指令用于列表渲染，遍历容器的元素或对象的属性。它可以根据数据源动态生成多个相同的HTML元素。语法/用法#基本语法#1<tr v-for="(item, index) in items" :key="item.id">2 {{item.name}}3</tr>简化语法（省略index）#1<tr v-for="item in i...

Vue指令-v-bind

Vue指令-v-bind#定义#v-bind指令用于动态绑定HTML标签的属性值，如href、src、style、class等。它可以将Vue实例中的数据绑定到HTML元素的属性上。语法/用法#完整语法#1<img v-bind:src="item.image" width="30px">简化语法（推荐）#1<img :src="item.image" width="30px"&...

Vue指令-v-if与v-show

Vue指令-v-if与v-show#定义#v-if和v-show都是用于控制元素显示与隐藏的指令，但实现机制不同。v-if通过条件判断创建或移除元素节点，v-show通过CSS的display属性控制显示隐藏。语法/用法#v-if指令#12<span v-if="isVisible">显示内容</span>3 4<!-- v-el...

Vue指令-v-model

Vue指令-v-model#定义#v-model指令用于在表单元素上实现双向数据绑定。它可以方便地获取或设置表单项数据，实现Vue数据与表单输入之间的自动同步。语法/用法#基本用法#12<input type="text" v-model="username">3 45<select v-model=...

Vue指令-v-on

Vue指令-v-on#定义#v-on指令用于为HTML标签绑定事件，实现用户与页面的交互功能。它可以监听DOM事件，并在事件触发时执行Vue实例中定义的方法。语法/用法#完整语法#1<input type="button" value="点我" v-on:click="handle">简化语法（推荐）#1<input type="button" value="点我" @click...

Axios库使用

Axios库使用#定义#Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。它对原生的Ajax进行了封装，简化了HTTP请求的编写和响应处理。语法/用法#官方文档#Axios官网：https://www.axios-http.cn引入Axios#1<script src="https://unpkg.com/axios/dist/axios.min.js"&g...

Ajax与异步编程

Ajax与异步编程#定义#Ajax（Asynchronous JavaScript And XML）是一种在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。它实现了前端与服务器的异步数据交互。语法/用法#同步vs异步对比#1同步请求流程：2浏览器 → 发送请求 → [等待服务器处理] → 接收响应 → 继续操作3 (期间页面被阻塞，无法操作)4 5异步请求流程：6浏览器 → 发送...

Vue生命周期

Vue生命周期#定义#Vue生命周期是指Vue实例从创建到销毁的完整过程。它包含8个阶段，每个阶段会自动执行对应的生命周期方法（也称为钩子函数）。其中mounted是最常用的钩子函数。语法/用法#生命周期钩子使用#1createApp({2 data() {3 return {4 empList: []5 }6 },7 methods: {8 async search() {9 const res...

AI 搜索 | Cloudflare Vectorize 实现问答搜索

AI 搜索 | Cloudflare Vectorize 实现问答搜索#背景#博客已有 Pagefind 全文搜索，但它是关键词匹配——用户搜「缓存穿透怎么解决」，如果文章标题和正文中没有这几个字，就搜不到。需要的是语义搜索：用户提问，AI 基于博客内容生成回答，并附上参考文章链接。架构#1┌─────────────────────────────────────────────┐2│ 前端 S...

Web标准与浏览器内核

定义#Web标准是由 W3C（World Wide Web Consortium，万维网联盟）制定的一系列网页技术规范，确保不同浏览器对同一段前端代码的解析结果一致。其核心由三部分组成： HTML（HyperText Markup Language）：负责网页的结构（页面元素与内容） CSS（Cascading Style Sheet）：负责网页的表现（外观、位置、样式） JavaScrip...

HTML基础

HTML基础结构#定义#HTML（HyperText Markup Language，超文本标记语言）是一种标记语言，由预定义的标签构成，浏览器负责解析这些标签并将其渲染为用户可见的网页。超文本：超越普通文本的限制，可定义图片、音频、视频等内容标记语言：由 <标签名> 构成，标签为浏览器预定义基础文档骨架#1<!DOCTYPE html>2<html lang=...

HTML媒体标签

超链接标签#定义#<a> 标签用于创建超链接，用户点击后可跳转到指定 URL。它是 Web 导航的核心元素。语法/用法#1<a href="https://news.cctv.com/" target="_blank">央视网</a>属性# 属性说明取值href指定跳转的目标 URL绝对路径或相对路径target指定在何处打开链接_self（默认，当前页面打开）...

HTML表格与表单

表格标签#定义#HTML 表格用于展示行列结构化的数据，由 <table>、<tr>、<th>、<td> 等标签构成。语法/用法#基础表格结构#1<table>2 <thead>3 <tr>4 <th>姓名</th>5 <th>性别</th>6 <th>职...

CSS布局

CSS盒模型#定义#页面中所有元素都可以看作一个盒子，由盒子将元素包含在矩形区域内。CSS 盒模型是页面布局的基石，包含四个部分：内容区域（content）：实际内容（文字、图片）所在区域内边距区域（padding）：内容与边框之间的空白边框区域（border）：围绕内边距的边框线外边距区域（margin）：盒子与其他元素之间的空白语法/用法#1div {2 width: 200px; ...

CSS核心

CSS引入方式#定义#CSS（Cascading Style Sheet，层叠样式表）用于控制页面元素的样式。在 HTML 中引入 CSS 有三种方式。语法/用法#1. 行内样式（Inline）#通过元素的 style 属性直接设置：1<span style="color: #b2b2b2; font-size: 14px;">发布时间</span>2. 内部样式（Inte...

Redis | 三种交互数据缓存

Redis | 三种交互数据缓存#本方案基于 Redis 缓存实现交互数据的高性能读写，提供三种方案：Set + MQ（通用）、Set + 定时扫描（无 MQ 依赖）、Bitmap + MQ（极致内存）。评审重点：三种方案的适用边界、Bitmap 在分布式场景下的扩展性、雪花 ID 带来的内存风险、兜底降级策略的完整性。一、问题陈述#当前系统面临交互数据热点问题：单篇内容 1 分钟内涌入 10 万...

QQ 机器人 | NapCat + AstrBot

QQ 机器人 | NapCat + AstrBot#直接使用 AstrBot 虽然也能跑起来，但 AstrBot 本身并不直接对接 QQ 协议。它需要一个协议端来充当 QQ 客户端的角色，而 NapCat 就是目前最稳定、社区最活跃的 OneBot 11 协议实现之一。两者的关系：组件角色职责NapCat协议端（QQ 壳子）负责登录 QQ、收发消息、处理好友/群请求AstrBot逻辑端（大脑...

CloudFlare-ImgBed + Telegram 图床 + PicGo + Obsidian 自动上传全流程教程

一套真正适合 Markdown 写作者、Obsidian 用户、博客作者的自动化图床方案。前言#以前写博客时，我经常会遇到这些问题：本地 Markdown 图片路径混乱换电脑后图片丢失博客迁移时图片全部失效 Typora / Obsidian / VSCode 各种编辑器图床不统一 Git 仓库越来越大后来我开始折腾： Cloudflare Telegram PicGo Obsidian...

记录博客文件的最佳存储方式

存储库#又拍云存储相册图片管理# 已完成 PicGo 配置又拍云图床，当前作为主力图床使用。本地新建相册专属文件夹做原始备份将相册图片统一上传至固定又拍云图床通过子文件夹对相册进行分类，便于区分管理保障逻辑：主图床不可用时，可依托本地备份快速重新上传，批量更新各相册图片 URL 普通图片、音乐资源# 本地：按域名建立总文件夹，下级子文件夹分类归档备份线上：统一存放至又拍云存储视频资源#...

微信读书 × Obsidian × Astro 博客：阅读数据与笔记的完美集成方案

前言#如果你同时是微信读书的重度用户和个人博客的拥有者，你一定会遇到这样的痛点：阅读笔记散落在各个平台，无法统一展示和管理。微信读书里有你的划线批注，Obsidian 里有你的知识体系，而博客是你对外展示的数字名片——如何让这三者无缝衔接？本文将详细介绍一套完整的解决方案：利用 Obsidian Weread 插件将微信读书的书籍信息和笔记同步到本地 Obsidian，再通过 Astro 内容集合...

Umami | Vercel + Neon 部署

Umami | Vercel + Neon 部署#用 Vercel + Neon 免费部署 Umami，并通过 Share API 在博客首页展示 UV/PV。个人博客（< 10 万 PV/月）零成本运行。架构#1博客用户2 │3 ▼4Cloudflare CDN (博客静态站)5 │ 加载 script.js6 ▼7Vercel (Umami Next.js 应用)8 │ 读写数据9 ▼1...

线程池 | 配置指南

线程池 | 配置指南#本文面向需要在生产环境配置 Java 线程池的开发者。核心目标：将 ThreadPoolExecutor 的七个参数、任务调度流程、CPU/IO 场景差异、线程数估算方法、队列选型原则、监控指标与动态调优方案整理为可执行的工程规范。重点审查项：线程数是否受下游资源约束、拒绝策略是否可观测、容器环境是否正确读取 CPU 核数。核心摘要# 问题：手动创建线程存在资源失控、创建开销...

虚拟线程 | 异步编排

虚拟线程 | 异步编排#1.1 一个真实的场景#假设你在写一个电商商品详情页的接口，需要聚合以下数据：1用户信息（需要查数据库，耗时约 50ms）2商品库存（调用库存服务，耗时约 80ms）3商品价格（调用价格服务，耗时约 60ms）4用户评论（查数据库，耗时约 40ms）最笨的写法（串行）：1User user = fetchUser(userId); // 等 50ms2Inventory i...

AI摘要打字机使用指南

AI摘要打字机使用指南#博客为每篇文章详情页顶部配备了一个 AI 摘要打字机组件，读者打开文章时会以打字机动画形式逐字展示文章摘要，提升阅读体验。功能概览# 文章详情页顶部自动展示一段摘要摘要以打字机动画逐字显示，标点处稍作停顿，模拟真人打字节奏只在首次滚动到摘要区域时播放一次，不会重复触发尊重用户系统设置：开启了「减少动态效果」的设备会直接静态显示全文摘要内容优先读取你手动编写的 des...

Redis | Bitmap、雪花ID、分布式

Redis | Bitmap、雪花ID、分布式#Bitmap 是 Redis 中极其精巧的数据结构——用 1 个 bit 标记一个用户状态，1 亿用户仅需 12 MB。但当它遇上雪花 ID（64 bit）和分布式架构时，一切美好都化为泡影。本文从三个维度（Bitmap 本身、雪花 ID、分布式）深度剖析这个经典踩坑，并给出最终方案。〇案发现场#用户首次点击”收藏”按钮，接口响应 1.5 秒，再次点...

登录 | 前后端 token 存储方案

登录 | 前后端 token 存储方案#核心结论：ZSK-Cloud 采用 RS256 非对称签名的 Access Token + Refresh Token 双令牌方案。Access Token 与 Refresh Token 均通过 HttpOnly Cookie 下发，利用 Redis Set 维护白名单实现主动吊销；前端 Pinia 仅缓存非敏感用户状态，不持有任何 Token。一、背景与...

登录 | 第三方登录

登录 | 第三方登录#本文档记录 GitHub、微信、QQ 三种第三方登录的完整流程、代码结构及多环境配置清单。一、通用 OAuth2 授权码流程#1.1 流程图#sequenceDiagram participant User as 用户浏览器 participant Frontend as 前端 participant Gateway as Gateway(8080) participant ...

登录 | 滑块验证码、登录与注册完整流程

认证模块 (zsk-auth) 登录与注册完整流程#详细代码地址zsk-cloud 主要实现：滑块验证码（防刷） -> RSA 加密传输（防窃听） -> BCrypt 哈希存储（防拖库） -> 邮箱验证码（身份核验）流程图（不包含异常处理）#sequenceDiagram participant User as 用户 participant Frontend as 前端 (Vue...

登录 | 魔法链接

登录 | 魔法链接#1. 需求分析#1.1 业务背景#为提升用户登录体验，减少密码输入步骤，新增魔法链接登录方式。用户只需输入邮箱并完成人机校验，即可通过点击邮件中的链接完成登录。1.2 功能需求# 序号需求点描述来源1发送魔法链接用户输入邮箱并完成人机校验后，后端发送包含魔法链接的邮件用户需求2魔法链接验证用户点击邮件链接后，后端验证链接有效性用户需求3自动登录验证成功后，后端写入登录态（Coo...

MinIO | 文件存储签名 URL 有效期机制

MinIO | 对象存储签名 URL 有效期机制#一、背景#在对象存储（OSS / S3 / MinIO）中，文件默认是私有的——只有拥有 AccessKey 的用户才能访问。但在实际业务中，我们经常需要让前端或第三方临时访问某个文件，比如：用户在浏览器中预览上传的图片下载链接分享给外部用户前端直传文件到 MinIO 这就引出了签名 URL（Presigned URL）的概念。二、什么是签...

登录 | 扫码登录

登录 | 扫码登录#核心思路：PC 端生成带唯一标识的二维码，手机端扫码确认后，服务端更新 Redis 状态，PC 端通过 WebSocket 实时感知状态变更并获取 Token。评审重点：二维码状态机的 5 种状态转换是否完整、WebSocket 与长轮询的降级策略是否可靠、安全防御是否覆盖二维码劫持和重放攻击。一、背景#用户在 PC 端访问 Web 应用时，输入账号密码是最直接的登录方式。但在...

ZeppLife刷步数全教程

⚠️重要提醒第三方刷步工具存在账号被盗、信息泄露、被平台检测异常风险，本教程仅作技术学习参考，操作请谨慎。从应用商店搜索下载zepp life或zepp软件，不支持第三方登陆，所以没有账号的请用邮箱注册登陆zepplife后点击 “我的->第三方接入” 选择绑定微信或支付宝用浏览器访问本平台，填写zepplife的账号、密码和你要走的步数，提交即可如遇账号密码正确但还是提示错误，请...

Obsidian 笔记同步指南

Obsidian 笔记同步指南#本文档介绍如何使用博客内置的同步工具，将 Obsidian 笔记库中的内容同步到博客的 content 文件夹。概述#同步工具是一个 Node.js 脚本，位于 scripts/sync.js。它可以：将 Obsidian 笔记库中的笔记同步到博客的 content 文件夹支持多种同步策略（跳过、增量、强制覆盖）自动处理笔记中的图片资源支持按类型选择性同步 ...

博客使用指南

博客使用指南#本文档详细介绍博客的各项功能和使用方法。目录# 项目结构命名规范概览详细说明 1. 文章 (posts) 2. 日常动态 (moments) 3. 健康记录 4. 奇思妙想 (ideas) 5. 打卡记录 (checkin) 6. 日常规划 (routines) 7. 去过的地方 (places) 8. 笔记本 (notebooks) 9. 番组计划 (bangumi) 命名原...

MySQL常用命令

作用命令进入root用户mysql -u root -p

软件下载

导向链接应急文件夹https://tsh520.lanzn.com/b014wsgruf电脑软件https://tsh520.lanzn.com/b014x78wah手机软件https://tsh520.lanzn.com/b014x78wfc文本文档https://tsh520.lanzn.com/b014x78wqd

Skill学习 | 收集

Skill学习 | 收集#提示在拿到陌生的SKILL时候，一定要让AI先解释一下，再开始使用。否则很有可能染上赛博花柳。superpowers — 工程化开发工作流# 地址: obra/superpowers 简短解释: AI Agent 开发工作流的决定版，核心理念是 Process over Prompt，给 AI 套上软件工程的纪律与护栏，强制先思考、再规划、后编码、必验证。包含哪些 sk...

英语学习方法

联想记忆法：背单词的时候联想到具体物品的模样利用词根词缀记忆：词根+词缀在抖音学长分享的方法 48个音标（熟悉）自然拼读法则（新概念）词根词缀（试试哔站8哥）语法背单词—>利用豆包和学习的语法造句

IO流

一、文件操作#1.1 文件与文件流# 文件：保存数据的地方。文件流：文件在程序中以流的形式进行操作。 1.2 创建文件对象 (File 类)# 构造器： new File(String pathname)：根据路径字符串构建。 |500 new File(File parent, String child)：根据父目录文件对象+子路径构建。 new File(String parent, S...

Java 反射

一、反射的需求与快速入门#1.1 引出反射的需求# 场景：根据配置文件（如 re.properties）中的信息（类全路径、方法名），动态创建对象并调用方法。优势：不修改源码，仅通过外部配置文件即可控制程序，符合设计模式的开闭原则（OCP）。这是框架技术的底层核心。 1.2 快速入门案例# 读取配置文件，获取类全路径 classfullpath 和方法名 methodName。传统 new ...

Java 网络编程

一、网络基础概念#1.1 网络通信# 概念：两台设备之间通过网络实现数据传输。 Java支持：java.net 包提供了一系列类/接口用于网络通信。 1.2 网络分类# 局域网 (LAN)：覆盖范围最小，如一个教室、机房。城域网 (MAN)：覆盖一个城市。广域网 (WAN)：覆盖全国或全球，如互联网。 1.3 IP地址# 作用：唯一标识网络中的每台计算机/主机。表示形式：点分十进制 xx....

Java动态代理

一、动态代理核心概念#1.1 什么是代理模式？#1代理模式 = 代理对象 + 目标对象代理对象：不直接实现服务，而是通过调用目标对象的方法来提供服务目标对象：真正执行业务逻辑的对象核心价值：在不修改目标对象代码的前提下，增强或控制目标对象的行为 1.2 静态代理 vs 动态代理# 对比项静态代理动态代理创建时间编译期运行期代码生成手动编写或工具生成反射机制动态生成灵活性低（每个类需单独代理）...

多线程

一、线程相关概念#1.1 程序、进程与线程# 程序：是为完成特定任务、用某种语言编写的一组指令的集合，即我们写的静态代码。进程：指运行中的程序。如启动QQ，操作系统会为其分配独立的内存空间。进程是程序的一次执行过程，是动态的，有其产生、存在和消亡的生命周期。线程：由进程创建，是进程的一个实体。一个进程可以拥有多个线程（如一个QQ进程可以同时打开多个聊天窗口）。 1.2 单...

常用类

一、包装类 (Wrapper Class)#1. 基本介绍# 目的：为八种基本数据类型提供对应的引用类型，使其具有类的特性（如调用方法）。分类： Boolean, Character (继承关系特殊) Byte, Short, Integer, Long, Float, Double (均继承自 Number 类) 2. 装箱与拆箱# 装箱：基本类型 → 包装类型。拆箱：包...

泛型

泛型#一、泛型的引入与好处#1.1 传统方法的问题#在集合中，使用传统方法（不使用泛型）存在两个主要问题：类型不安全：不能对加入到集合中的数据类型进行约束，可以添加任意类型的对象。效率低：遍历时，需要进行频繁的类型转换（Object -> 具体类型），数据量大时影响效率。 1.2 泛型的好处#使用泛型可以解决上述问题：类型安全：在编译时检查添加元素的类型，不符合则报错，提高了...

集合

一、集合概述#1.1 集合的好处 (相比数组)# 动态保存：可以保存任意多个对象，长度可变。丰富API：提供了一系列方便操作对象的方法，如 add, remove, set, get 等。代码简洁：使用集合进行增删改查比数组更简洁。 1.2 集合框架体系 (两大主线)#Java集合主要分为两大类：单列集合 (Collection) 和双列集合 (Map)。 Collection 接口：存放...

枚举、注解、异常

一、枚举 (enum)#1. 需求与问题分析# 需求：创建季节 (Season) 对象。特点分析：季节的值是有限的几个（春、夏、秋、冬）。这些值通常是只读的，不需要修改。传统实现的问题：使用普通类定义，虽然可以满足，但无法从语法层面强制限制对象数量和不可变性。 2. 枚举的解决方案# 枚举 (Enumeration)：是一组常量的集合。本质理解：枚举是一种特...

面向对象

一、面向对象与类、对象概述# 核心思想：面向对象编程 (OOP) 。将现实世界的事物抽象为程序中的对象，每个对象包含属性（状态）和行为（方法）。程序世界：一个程序就是一个由许多对象构成的世界。类与对象的关系# 类 (Class) ：抽象的、概念上的定义，代表一类事物（如“猫类”、“人类”）。是对象的模板/数据类型，定义了该类对象共有的属性和行为。对象 (Obj...

面向对象（高级）

一、类变量和类方法 (static关键字)#1. 类变量（静态变量）# 提出问题：如何统计所有对象共享的一个数据？（如：统计玩游戏的小孩总数）传统方法的局限：在main方法中定义计数变量，不面向对象，访问麻烦。解决方案：使用类变量。定义语法：访问修饰符 static 数据类型变量名; (推荐) 特点：被该类的所有对象实例共享。在类加载时就初始化生成。生...

48个音标

|500

英语词根

🔓Day01#词根：radi#核心含义：根（联想“抓地”的谐音记忆法）引申义：由“根”引申为光线、辐射（如同树根向四周延伸）词缀辅助：后缀（如 -ate 表动词，-ant 表形容词，-ion/-um 表名词）单词词性中文释义拆解与记忆逻辑radicaladj.根本的；彻底的radi (根) + -cal (形容词后缀) → 从“根”上的 → 根本的、彻底的eradicatev...

英语词缀

一、核心方法：词根词缀拆解#通过前缀（表词义）+ 词根（表核心义）+ 后缀（表词性）拆解单词，高效记忆。示例：collaborate v. 合作 col-：前缀（同 com-），表“一起、共同” labor：词根，表“劳动、劳作” -ate：后缀，表“动词词性” 记忆逻辑：一起劳动 → 合作二、前缀表（12类，表“义”）# 序号核心含义前缀变体例词（附中文释义）1外 / 出e /...