Gist 数据迁移工具使用指南
Gist 数据迁移工具使用指南#博客的部分数据(说说、友链、影视、笔记本)存储在 GitHub Gist 中,通过客户端 JS 获取并渲染。当数据量增大或需要离线使用时,可以使用迁移工具将 Gist 数据转移到本地 Content Collection 中。迁移完成后,Gist 中的数据会被清空,前端不再渲染远程数据,避免本地 + 远端重复显示。前提条件#设置 GitHub Token#迁移脚本需...
来看看我的朋友们都在干嘛
如果你是我的邻居,但是没有在这里看到自己,可以立刻马上告诉我你的 RSS 订阅地址噢~
Gist 数据迁移工具使用指南#博客的部分数据(说说、友链、影视、笔记本)存储在 GitHub Gist 中,通过客户端 JS 获取并渲染。当数据量增大或需要离线使用时,可以使用迁移工具将 Gist 数据转移到本地 Content Collection 中。迁移完成后,Gist 中的数据会被清空,前端不再渲染远程数据,避免本地 + 远端重复显示。前提条件#设置 GitHub Token#迁移脚本需...
你好呀,我是 顾拾柒。 这个博客断断续续写了有一阵子了,分享的大多是技术折腾、学习笔记和一些零碎的思考。虽然写东西本身是件挺私人的事,但每次看到评论区或者后台有朋友留言交流,还是觉得——有人一起聊,真好。 起源 所以,我建了一个 QQ 群。 就是上面聊到的这样——不一定多正经,但一定有人说话。不管你是来学点东西、看群主翻车,还是单纯找个地方摸鱼,都欢迎。 📌 怎么加群?#扫描下方二维码,或者点击...
多次迁徙之后,我对博客的重新认识#博客,这个看似古老而简单的互联网形态,在我经历了多次从一个平台到另一个平台的“数字迁徙”后,它的轮廓反而在一次又一次的搬家与折腾中,变得前所未有的清晰。我搬过家,换过域名,尝试过各种时髦的框架,也曾沉迷于那些炫酷的交互特效、花哨的加载动画,甚至是自以为是的“用户体验优化”。我曾以为,让一个博客看起来“很厉害”的,是这些可以量化的技术特征。然而,当我把成千上万篇文章...
一、前置准备#你是否想拥有一个属于自己的博客,却不知道从何下手? 今天我们将从购买域名开始,一步步教你部署一个静态博客。什么是静态站点传统模式: 我们需要在服务器上安装相关组件,每次访问都要动态生成页面,消耗服务器CPU。这也是为什么需要买云服务器。现代静态模式:我们只需要把构建生成的静态文件上传到 Vercel、CloudFlare 或 EdgeOne 的全球边缘节点上 当用户访问时,CDN(内...
优选前: 优选前 ITDOG IP数量 优选后: 优选后 ITDOG IP数量 优选原理#简单说,Cloudflare 的小黄云会同时托管两件事——DNS 解析层和路由规则层;只要开启小黄云,你就没法单独改解析、指向更快的节点。而 Worker 路由的出现,让规则层和解析层都可以自己配置,这就是优选能落地的关键。原文:#优选原理 - 二叉树树首先我们要知道 CDN 如何为不同域名分发不同内容。可以...
什么是 GitHub Gist?#GitHub Gist 是 GitHub 提供的一个轻量级代码和文本分享服务。每个 Gist 本质上是一个 Git 仓库,可以包含一个或多个文件,支持版本控制、克隆和 Fork。Gist 分为两种类型: Public Gist:公开可见,任何人都能搜索和访问 Secret Gist:不会出现在搜索结果中,但知道 URL 的人仍可访问 注意:Secret Gist ...
命令#恢复上次对话的命令:/resume skill#
AI摘要实现原理解析#这篇文章会把我博客里「AI 摘要」功能的完整实现拆开来讲。整个功能由两部分组成:一个构建时脚本负责调用 AI 生成摘要写入文章 frontmatter,一个前端组件负责把摘要以打字机动画的形式展示给读者。整体架构#1┌─────────────────────────────────────────────────────┐2│ 构建时 (Build Time) │3│ │4...
概述#本文详细介绍博客导航栏模块的完整构建方案。导航栏是整个博客最关键的用户交互入口,它承载了: 品牌标识: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(Java DataBase Connectivity),是使用Java语言操作关系型数据库的一套API,也是操作数据库最为基础、底层的技术。本质: sun公司官方定义的一套操作所有关系型数据库的规范,即接口。 各个数据库厂商去实现这套接口,提供数据库驱动jar包。 开发者使用这套接口(JDBC)编程,真正执行的代码是驱动jar包中的实现类。 架构#在Java代码...
JDBC增删改操作#定义#JDBC中执行增删改(DML)操作通过 PreparedStatement.executeUpdate() 方法完成,返回值为受影响的记录行数。语法/用法#执行DML语句的标准流程#1// 1. 建立数据库连接2Connection conn = DriverManager.getConnection(3 "jdbc:mysql://localhost:3306/web"...
JDBC查询操作#定义#JDBC查询操作通过 PreparedStatement 执行 SELECT 语句,返回 ResultSet 结果集,遍历解析后获取数据。语法/用法#核心代码流程#1// 1. 获取连接2Connection conn = DriverManager.getConnection(3 "jdbc:mysql://localhost:3306/web", "root", "12...
Mybatis基础#定义#MyBatis 是一款优秀的持久层框架,用于简化JDBC的开发。原本是Apache的开源项目iBatis,2010年迁移至Google Code并改名为MyBatis,2013年11月迁移到Github。 官网:https://mybatis.org/mybatis-3/zh/index.html 持久层:即数据访问层(DAO),负责与数据库交互。框架:一套可重用、通用、...
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数据模型#定义#关系型数据库(RDBMS):建立在关系模型基础上,由多张相互连接的二维表组成的数据库。二维表由行(记录)和列(字段)组成。二维表示例二维表的优点# 使用表存储数据,格式统一,便于维护 使用 SQL 语言操作,标准统一,使用方便,可用于复杂查询 基于二维表存储数据的数据库是关系型数据库;反之则是非关系型数据库(如 Redis)。MySQL 数据存储层次#MySQL数据模型存...
MySQL安装与连接#定义#MySQL 是当前互联网开发中最流行的开源关系型数据库管理系统。版本说明# 版本说明MySQL Enterprise Edition(商业版)收费,享有技术支持,可试用 30 天MySQL Community Server(社区版)免费,无官方技术支持本课程使用 MySQL Community Server 8.0.34。连接语法#MySQL 服务器启动后,使用命令行连...
SQL-DDL语句#定义#DDL(Data Definition Language):数据定义语言,用来定义数据库对象(数据库、表)。语法/用法#SQL 四大分类# 分类全称说明DDLData Definition Language数据定义语言,定义数据库/表DMLData Manipulation Language数据操作语言,增删改数据DQLData Query Language数据查询语言,...
SQL-DML语句#定义#DML(Data Manipulation Language):数据操作语言,用来对数据库表中的数据记录进行增、删、改操作。语法/用法#INSERT — 插入数据#1-- 向指定字段插入2INSERT INTO 表名 (字段1, 字段2, ...) VALUES (值1, 值2, ...);3 4-- 向全部字段插入(字段顺序必须与表结构一致)5INSERT INTO 表...
SQL-DQL语句#定义#DQL(Data Query Language):数据查询语言,用来查询数据库表中的记录。查询关键字为 SELECT。在业务系统中,查询是最常用、最重要的操作。语法/用法#完整语法结构#1SELECT 字段列表2FROM 表名列表3WHERE 条件列表4GROUP BY 分组字段列表5HAVING 分组后条件列表6ORDER BY 排序字段列表7LIMIT 分页参数基本查...
SpringBootWeb入门#定义#SpringBoot是Spring家族中的一个项目,用于快速构建Spring应用程序。它最大的特点是简化配置和快速开发,通过起步依赖和内嵌服务器等机制,让开发者能够快速搭建Web应用。语法/用法#1. 创建SpringBoot工程#通过Spring官方骨架或阿里云脚手架创建项目,勾选Web开发相关依赖。2. 定义Controller类#1package com...
HTTP协议概述#定义#HTTP:Hyper Text Transfer Protocol(超文本传输协议),规定了浏览器与服务器之间数据传输的规则。HTTP是互联网上应用最为广泛的一种网络协议,要求浏览器在向服务器发送请求数据时,或是服务器在向浏览器发送响应数据时,都必须按照固定的格式进行数据传输。语法/用法#HTTP协议特点# 基于TCP协议:面向连接,安全。TCP是一种面向连接的(建立连接之...
HTTP请求与响应#定义#HTTP协议分为请求协议和响应协议。请求协议规定了浏览器将数据发送到服务器的格式,包括请求行、请求头、请求体。响应协议规定了服务器将数据返回给浏览器的格式,包括响应行、响应头、响应体。语法/用法#请求协议格式# 请求行:请求方式 资源路径 协议/版本(如:GET /brand/findAll?name=OPPO&status=1 HTTP/1.1) 请求头:key...
SpringBootWeb案例#定义#本案例展示了如何使用SpringBoot开发一个Web应用,完成用户列表的渲染展示。前端页面通过Ajax请求后端接口,后端从文本文件中加载用户数据并返回JSON格式数据,前端再将数据渲染展示在表格中。语法/用法#1. 定义实体类#1package com.itheima.pojo;2 3import lombok.AllArgsConstructor;4imp...
三层架构与分层解耦#定义#三层架构是将后端代码按照职责划分为三个层次的设计模式: Controller(控制层):接收前端发送的请求,对请求进行处理,并响应数据 Service(业务逻辑层):处理具体的业务逻辑 Dao(数据访问层):负责数据访问操作,包括数据的增、删、改、查 分层解耦的目标是降低层与层之间的依赖程度,遵循”高内聚、低耦合”的软件设计原则。高内聚:一个模块中各个元素之间联系紧密 低...
IOC与DI#定义#控制反转(IOC,Inversion Of Control):对象的创建控制权由程序自身转移到外部(容器),即由Spring IOC容器负责创建和管理对象。依赖注入(DI,Dependency Injection):容器为应用程序提供运行时所需的资源(对象)。Bean对象:IOC容器中创建和管理的对象。核心思想# 提供一个容器,容器中存储bean对象 Controller程序从...
Maven概述#定义#Maven 是一款用于管理和构建 Java 项目的工具,是 Apache 旗下的一个开源项目。Maven介绍Apache 软件基金会成立于 1999 年 7 月,是目前世界上最大的开源软件基金会,专门为支持开源项目而生的非盈利性组织。开源项目列表:https://www.apache.org/index.html#projects-list官网:https://maven.a...
M4A 音乐自动提取歌词与封面教程#背景#博客的音乐收藏页面(/music)需要为每首歌准备三样东西: 文件用途.m4a / .mp3音频文件本身.lrc同步歌词(带时间轴的歌词文件).jpg专辑封面图.md博客的 Markdown 内容文件手动搜歌词、下载封面、写 md 实在太麻烦。我写了一套脚本,两种方式一条命令全部搞定。两种使用模式#脚本 fetch-lrc.py 支持两种模式: 模式使用场...
Maven模型与仓库#Maven模型#Maven 基于三种核心模型构建:1. 构建生命周期模型(Build Lifecycle & Phases)#定义标准化构建流程。当需要编译时,Maven 提供编译插件;需要打包时,提供打包插件等。构建生命周期模型2. 项目对象模型(Project Object Model)#将项目抽象成一个对象模型,拥有专属坐标(唯一标识),通过坐标可以定位到所需资...
Maven安装配置#下载#下载地址:https://maven.apache.org/download.cgi建议解压到没有中文、特殊字符的路径下。解压后目录结构: 目录说明bin/存放可执行命令(重点关注 mvn 命令)conf/存放配置文件(settings.xml 后期需要修改)lib/存放 Maven 依赖的 jar 包(Maven 本身也是 Java 开发)配置步骤#1. 配置本地仓库#...
Maven坐标与依赖管理#Maven坐标#坐标是资源的唯一标识,通过坐标可以唯一定位资源位置,用于定义项目或引入依赖。坐标组成# 组成部分含义说明groupId组织名称通常为域名反写,如 com.itheimaartifactId模块名称如 order-service、goods-serviceversion版本号SNAPSHOT(快照版)或 RELEASE(发行版) SNAPSHOT:功能不稳定...
Maven生命周期#定义#Maven 的生命周期是对所有项目构建过程的抽象和统一,描述了一次项目构建经历哪些阶段。Maven 从大量项目和构建工具中总结了一套高度完善的构建生命周期,包含清理、初始化、编译、测试、打包、集成测试、验证、部署和站点生成等几乎所有构建步骤。三套生命周期#Maven 将项目构建生命周期划分为三套,相互独立:生命周期三套 生命周期作用clean清理工作default核心工作...
JUnit单元测试#测试概述#测试是一种用来促进鉴定软件正确性、完整性、安全性和质量的过程。测试阶段划分#测试阶段划分 阶段说明目的测试人员单元测试对软件最小组成单位进行测试检验基本组成单位的正确性开发人员集成测试将通过测试的单元组合后测试检查单元之间的协作是否正确开发人员系统测试对集成好的软件系统进行彻底测试验证正确性、性能是否满足要求测试人员验收测试针对用户需求、业务流程的正式测试验证是否满足...
JS对象与JSON#定义#JavaScript对象是键值对的集合,用于组织和管理数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,基于JavaScript对象语法但独立于语言,现多用于网络数据传输。语法/用法#自定义对象#1let user = {2 name: "Tom",3 age: 10,4 gender: "男",5 // 方法定义(简化语法...
JS变量与常量#定义#JavaScript中的变量用于存储数据值,可以存放不同类型的值。常量用于存储不可变的值,一旦声明就不能重新赋值。语法/用法#变量声明#1// 使用let关键字声明变量2let a = 20;3a = "Hello"; // JavaScript是弱类型语言,变量可以重新赋值为不同类型4 5// 早期使用var声明变量(不推荐)6var name = "A";7name = ...
JS数据类型#定义#JavaScript数据类型分为原始数据类型和引用数据类型。原始数据类型包括number、string、boolean、null、undefined等。使用typeof关键字可以返回变量的数据类型。语法/用法#基本类型检测#1// 原始数据类型2typeof 3; // "number"3typeof 3.14; // "number"4typeof "A"; // "stri...
JS函数#定义#函数是被设计用来执行特定任务的代码块,方便程序的封装复用。JavaScript中的函数可以通过命名函数、函数表达式和箭头函数三种方式定义。语法/用法#方式一:命名函数#1function add(a, b) {2 return a + b;3}4 5let result = add(10, 20);方式二:匿名函数#1// 函数表达式2var add = function (a, ...
JS事件监听#定义#事件监听是将函数绑定到HTML元素上的特定事件,当事件触发时自动执行对应的函数。事件是发生在HTML元素上的”事情”,如按钮点击、鼠标移动、键盘按下等。语法/用法#addEventListener(推荐)#1// 语法:事件源.addEventListener('事件类型', 要执行的函数)2document.querySelector("#btn1").a...
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#定义#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#定义#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#定义#v-if和v-show都是用于控制元素显示与隐藏的指令,但实现机制不同。v-if通过条件判断创建或移除元素节点,v-show通过CSS的display属性控制显示隐藏。语法/用法#v-if指令#1<!-- 基本用法 -->2<span v-if="isVisible">显示内容</span>3 4<!-- v-el...
Vue指令-v-model#定义#v-model指令用于在表单元素上实现双向数据绑定。它可以方便地获取或设置表单项数据,实现Vue数据与表单输入之间的自动同步。语法/用法#基本用法#1<!-- 文本输入框 -->2<input type="text" v-model="username">3 4<!-- 下拉选择框 -->5<select v-model=...
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是一个基于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(Asynchronous JavaScript And XML)是一种在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。它实现了前端与服务器的异步数据交互。语法/用法#同步vs异步对比#1同步请求流程:2浏览器 → 发送请求 → [等待服务器处理] → 接收响应 → 继续操作3 (期间页面被阻塞,无法操作)4 5异步请求流程:6浏览器 → 发送...
Vue生命周期#定义#Vue生命周期是指Vue实例从创建到销毁的完整过程。它包含8个阶段,每个阶段会自动执行对应的生命周期方法(也称为钩子函数)。其中mounted是最常用的钩子函数。语法/用法#生命周期钩子使用#1createApp({2 data() {3 return {4 empList: []5 }6 },7 methods: {8 async search() {9 const res...
定义#Web标准 是由 W3C(World Wide Web Consortium,万维网联盟)制定的一系列网页技术规范,确保不同浏览器对同一段前端代码的解析结果一致。其核心由三部分组成: HTML(HyperText Markup Language):负责网页的 结构(页面元素与内容) CSS(Cascading Style Sheet):负责网页的 表现(外观、位置、样式) JavaScrip...
HTML基础结构#定义#HTML(HyperText Markup Language,超文本标记语言)是一种标记语言,由预定义的标签构成,浏览器负责解析这些标签并将其渲染为用户可见的网页。 超文本:超越普通文本的限制,可定义图片、音频、视频等内容 标记语言:由 <标签名> 构成,标签为浏览器预定义 基础文档骨架#1<!DOCTYPE html>2<html lang=...
超链接标签#定义#<a> 标签用于创建超链接,用户点击后可跳转到指定 URL。它是 Web 导航的核心元素。语法/用法#1<a href="https://news.cctv.com/" target="_blank">央视网</a>属性# 属性说明取值href指定跳转的目标 URL绝对路径或相对路径target指定在何处打开链接_self(默认,当前页面打开)...
表格标签#定义#HTML 表格用于展示行列结构化的数据,由 <table>、<tr>、<th>、<td> 等标签构成。语法/用法#基础表格结构#1<table>2 <thead>3 <tr>4 <th>姓名</th>5 <th>性别</th>6 <th>职...
CSS盒模型#定义#页面中所有元素都可以看作一个盒子,由盒子将元素包含在矩形区域内。CSS 盒模型是页面布局的基石,包含四个部分: 内容区域(content):实际内容(文字、图片)所在区域 内边距区域(padding):内容与边框之间的空白 边框区域(border):围绕内边距的边框线 外边距区域(margin):盒子与其他元素之间的空白 语法/用法#1div {2 width: 200px; ...
CSS引入方式#定义#CSS(Cascading Style Sheet,层叠样式表)用于控制页面元素的样式。在 HTML 中引入 CSS 有三种方式。语法/用法#1. 行内样式(Inline)#通过元素的 style 属性直接设置:1<span style="color: #b2b2b2; font-size: 14px;">发布时间</span>2. 内部样式(Inte...
一套真正适合 Markdown 写作者、Obsidian 用户、博客作者的自动化图床方案。 前言#以前写博客时,我经常会遇到这些问题: 本地 Markdown 图片路径混乱 换电脑后图片丢失 博客迁移时图片全部失效 Typora / Obsidian / VSCode 各种编辑器图床不统一 Git 仓库越来越大 后来我开始折腾: Cloudflare Telegram PicGo Obsidian...
存储库#又拍云存储相册图片管理# 已完成 PicGo 配置又拍云图床,当前作为主力图床使用。 本地新建相册专属文件夹做原始备份 将相册图片统一上传至固定又拍云图床 通过子文件夹对相册进行分类,便于区分管理 保障逻辑:主图床不可用时,可依托本地备份快速重新上传,批量更新各相册图片 URL 普通图片、音乐资源# 本地:按域名建立总文件夹,下级子文件夹分类归档备份 线上:统一存放至又拍云存储 视频资源#...
前言#如果你同时是微信读书的重度用户和个人博客的拥有者,你一定会遇到这样的痛点:阅读笔记散落在各个平台,无法统一展示和管理。微信读书里有你的划线批注,Obsidian 里有你的知识体系,而博客是你对外展示的数字名片——如何让这三者无缝衔接?本文将详细介绍一套完整的解决方案:利用 Obsidian Weread 插件将微信读书的书籍信息和笔记同步到本地 Obsidian,再通过 Astro 内容集合...
AI摘要打字机使用指南#博客为每篇文章详情页顶部配备了一个 AI 摘要打字机组件,读者打开文章时会以打字机动画形式逐字展示文章摘要,提升阅读体验。功能概览# 文章详情页顶部自动展示一段摘要 摘要以打字机动画逐字显示,标点处稍作停顿,模拟真人打字节奏 只在首次滚动到摘要区域时播放一次,不会重复触发 尊重用户系统设置:开启了「减少动态效果」的设备会直接静态显示全文 摘要内容优先读取你手动编写的 des...
⚠️重要提醒 第三方刷步工具存在账号被盗、信息泄露、被平台检测异常风险,本教程仅作技术学习参考,操作请谨慎。 从应用商店搜索下载zepp life或zepp软件,不支持第三方登陆,所以没有账号的请用邮箱注册 登陆zepplife后点击 “我的->第三方接入” 选择绑定微信或支付宝 用浏览器访问本平台,填写zepplife的账号、密码和你要走的步数,提交即可 如遇账号密码正确但还是提示错误,请...
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) 命名原...
作用命令进入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
联想记忆法:背单词的时候联想到具体物品的模样 利用词根词缀记忆:词根+词缀 在抖音学长分享的方法 48个音标(熟悉) 自然拼读法则(新概念) 词根词缀(试试哔站8哥) 语法 背单词—>利用豆包和学习的语法造句
一、 文件操作#1.1 文件与文件流# 文件:保存数据的地方。 文件流:文件在程序中以流的形式进行操作。 1.2 创建文件对象 (File 类)# 构造器: new File(String pathname):根据路径字符串构建。 |500 new File(File parent, String child):根据父目录文件对象+子路径构建。 new File(String parent, S...
一、 反射的需求与快速入门#1.1 引出反射的需求# 场景:根据配置文件(如 re.properties)中的信息(类全路径、方法名),动态创建对象并调用方法。 优势:不修改源码,仅通过外部配置文件即可控制程序,符合设计模式的开闭原则(OCP)。这是框架技术的底层核心。 1.2 快速入门案例# 读取配置文件,获取类全路径 classfullpath 和方法名 methodName。 传统 new ...
一、 网络基础概念#1.1 网络通信# 概念:两台设备之间通过网络实现数据传输。 Java支持:java.net 包提供了一系列类/接口用于网络通信。 1.2 网络分类# 局域网 (LAN):覆盖范围最小,如一个教室、机房。 城域网 (MAN):覆盖一个城市。 广域网 (WAN):覆盖全国或全球,如互联网。 1.3 IP地址# 作用:唯一标识网络中的每台计算机/主机。 表示形式:点分十进制 xx....
一、动态代理核心概念#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 数据类型 变量名; (推荐) 特点: 被该类的所有对象实例共享。 在类加载时就初始化生成。 生...
|500
🔓Day01#词根:radi#核心含义:根(联想“抓地”的谐音记忆法)引申义:由“根”引申为光线、辐射(如同树根向四周延伸) 词缀辅助: 后缀(如 -ate 表动词,-ant 表形容词,-ion/-um 表名词) 单词词性中文释义拆解与记忆逻辑radicaladj.根本的;彻底的radi (根) + -cal (形容词后缀) → 从“根”上的 → 根本的、彻底的eradicatev...
一、核心方法:词根词缀拆解#通过前缀(表词义)+ 词根(表核心义)+ 后缀(表词性) 拆解单词,高效记忆。示例:collaborate v. 合作 col-:前缀(同 com-),表“一起、共同” labor:词根,表“劳动、劳作” -ate:后缀,表“动词词性” 记忆逻辑:一起劳动 → 合作 二、前缀表(12类,表“义”)# 序号核心含义前缀变体例词(附中文释义)1外 / 出e /...
Qwerty Learner网址:https://qwerty.kaiyi.cool/ ⏱️day01# 单词汉语ifconj.如果keyn.键,关键字,关键码pressv.按,压withprep.用,与,随着changev.更换,改变,变动programn.程序filen.文件;v.保存文件menun.菜单,目录linen.(数据,程序)行,线路byprep.凭,靠,沿单词汉语fromprep....
Java概述#Java 语言是面向对象的(oop)、有跨平台性(一次编译到处运行)Java 技术体系平台 JavaSE(Java Standard Edition)标准版 Java EE(Java Enterprise Edition)企业版 Java ME(Java Micro Edition)小型版 Java 语言是解释型的 解释性语言:javascript,PHP,java 编译性语言/ c...
一、集成开发环境 (IDE)#1. IDEA 介绍与使用#IDEA (IntelliJ IDEA) :业界公认的优秀Java开发工具,支持多种语言。基本使用:以项目 (Project) 为单位管理Java源码。常用快捷键 (可自定义): 删除当前行:Ctrl + D 复制当前行:Ctrl + Alt + ↓ 代码补全:Alt + / 注释/取消注释:Ctrl + / 自动导包 & 优...
免责声明:仅供学习交流,后果自负。 首先,教程针对此版本,其他版本未尝试,自行甄别。 方案一(首发):#删除 C:\Program Files (x86)\Os-Easy\os-easy multicast teaching system\MultiClient.exe,如图所示。 此方法需在被控制前使用,使用后脱离教师端投屏。收发作业、消息等功能均正常,除了教师端可以看见你的电脑页面外,简直完美...
如果你喜欢,那么欢迎来到我的世界!
了解更多暂未播放
站点总访问量
" 山重水复疑无路,柳暗花明又一村。 "—— 陆游