编程随笔
Web前端技术博客，积跬步以至千里，致敬每个爱学习的你
文章发布趋势
快捷工具
Hugo常用参数和变量指南
本文详细讲解了Hugo模板中常用的参数、变量和函数，重点介绍了.Site、.Page、.Params等核心对象的属性和方法，并通过代码示例展示了如何在项目中应用这些功能。文章还总结了参数命名、默认值设置、安全性和性能优化等最佳实践，提供了调 …
Chrome开启GeminiAI
本文介绍了手动开启Chrome浏览器中Gemini AI侧边栏与Auto Browse自动浏览功能的详细步骤。核心要点包括：通过修改Local State配置文件中的国家代码和权限设置、启用Chrome Flags中的特定实验性功能、将浏览 …
DOM操作与全局JS注册指南
本文介绍了DOM操作与全局JavaScript注册的核心技术。主要内容包括DOM选择器、事件监听、元素操作等基本方法，以及如何通过挂载到window对象或结合模块化实现全局JS注册。文章强调了事件委托、防抖节流等最佳实践，以提升代码性能和可 …
Partials使用指南
本文介绍了Hugo静态网站生成器中Partials（可重用模板片段）的使用指南。主要内容包括Partials的基本概念与作用、引用语法、项目中的实际应用示例（如静态与动态引用、参数传递、多语言处理等），以及缓存策略和高级用法。文章还总结了最 …
Hugo资源管道使用指南
本文介绍了Hugo资源管道的核心功能与使用方法。资源管道是Hugo中一套用于处理CSS、JavaScript、图片等网站资源的系统，通过管道操作符串联处理函数，可实现资源的转换、优化与打包。文章详细阐述了其基本语法、常用处理函数（如获取、合 …
Hugo Bootstrap使用指南
本文介绍了在Hugo静态网站生成器中集成和使用Bootstrap框架的完整指南。主要内容包括：如何通过模块导入、资源管道和SCSS变量配置Bootstrap；如何初始化和使用导航栏、折叠、卡片等核心组件；如何利用Bootstrap的网格、间 …
一键部署脚本
本文介绍了一款功能强大的一键远程部署脚本，旨在简化Linux服务器的运维管理。用户仅需执行一行命令，即可轻松完成SSL证书配置、Docker环境部署、FRP内网穿透（含服务端与客户端）、反向代理、负载均衡部署等多种复杂操作，并集成了实用工具 …
配置meilisearch
本文介绍了如何配置Meilisearch搜索引擎。主要内容包括服务端部署（使用Docker）、创建master key和search key、配置域名和建立索引。同时，文章也说明了如何在代码中配置Meilisearch组件，并利用 …
配置algolia
本文介绍了配置Algolia搜索服务的完整流程。主要包括注册账号并创建应用、新建索引、验证域名、配置爬虫以抓取网站正文和代码块内容、设置索引参数以启用高级搜索功能，以及最后获取必要的代码配置信息。文章以分步图示的方式，指导用户完成从初始化到 …
集成Coze国际版
本文介绍了在Coze国际版平台上创建和部署智能体的完整流程。首先，用户需创建智能体并设置其基本人设与回复逻辑。核心在于通过添加插件（如搜索工具）或知识库来扩展智能体的能力，以处理模型本身无法完成的任务，例如专业领域问答或多模态内容理解。文章 …
暂停windows更新
本文介绍了通过修改Windows注册表来暂停系统更新的方法。具体步骤包括：打开指定路径的注册表，新建并配置一个名为`FlightSettingsMaxPauseDays`的32位DWORD值，将其十进制数值设置为36254。重启电脑后，在系 …
关联到已存在的 GitHub 仓库
本文介绍了如何将本地Git项目关联到已存在的GitHub远程仓库。主要步骤包括：初始化本地Git仓库、关联远程仓库、确定跟踪分支、拉取远程更改以及推送本地代码。文章还详细说明了解决本地与远程文件冲突的三种方法：覆盖远程、覆盖本地或合并代码， …
nginx常用配置
本文介绍了nginx服务器的几项常用配置。主要内容包括：配置HTTPS以实现安全访问；开启gzip压缩以优化文本类静态资源的传输效率，并列举了适合压缩的文件类型；设置HTTP到HTTPS的重定向；通过配置缓存时间、ETag及防盗链规则来管理 …
正则校验
本文介绍了正则校验的安装与使用方法，重点讲解了如何通过自定义文件扩展名进行校验。文章详细说明了默认可用类型，并指导用户如何通过扩展 TypeScript 联合类型和合并对象来扩展 FileType 及 fileTypeExtMap。最后，提 …
本站主题包
本文介绍了基于VitePress的Teek主题包及其Hugo版本，提供了GitHub地址和安装指南。文章详细说明了通过脚手架安装、配置项目依赖、修改安全信息、页脚和主题配置的步骤。同时，列举了文章特有的Frontmatter配置选项，如日期 …
重写文章路由
本文介绍了VitePress插件vitepress-plugin-sidebar-url，它能自动生成侧边栏和URL重写规则。插件支持按数字前缀排序、折叠配置、URL高亮匹配以及美化目录名称。它允许通过frontmatter标记私有页面或隐 …
Javadoc自动填充maven插件
本文介绍了一款用于自动生成Javadoc注释的Maven插件。该插件旨在满足发布到中央仓库的文档要求，支持Java 8和Java 17及以上版本。其核心特性包括模块化设计、灵活的配置选项（如自定义注释范围、排除特定文件等）、完善的错误处理机 …
认证模块
本文介绍了基于Spring Boot 3的认证组件`liyao-spring-boot3-starter-auth`。该模块提供了用户登录认证、基于注解的权限校验、路径过滤及角色管理等功能，旨在简化Spring Boot 3项目中的认证与授 …
管理API响应和错误处理
本文介绍了一个基于Spring Boot的轻量级工具包，用于统一管理API响应和错误处理。该工具包提供了统一错误码管理、自定义业务异常、全局异常处理和响应结果封装等功能，能够自动捕获并转换各类异常为规范的响应格式。它支持Spring …
模板转换器
本文介绍了一款Spring Boot Velocity转换器，它能够将Java、Vue、TS和XML文件转换为Velocity模板，主要用于代码生成，如从实体类生成VO类等。该工具支持多种文件类型的自动检测与转换、自定义包名和模块名替换、批 …
代码生成器
本文介绍了一款基于Spring Boot和Velocity模板引擎的代码生成器。该工具能够根据数据库表结构，自动生成Controller、Service、Mapper、Entity等核心代码，从而显著提升开发效率。它支持自定义模板、多种生成 …
Java文件转换为Velocity模板
本文介绍了将Java文件转换为Velocity模板的具体步骤。核心要点包括：将文件扩展名改为.java.vm；将静态内容替换为Velocity变量（如${packageName}、${entityName}等）和指令；使用条件判断和循环处理 …
防重提交
文章介绍了系统提供的防重复提交功能，通过为接口添加@RepeatSubmit注解即可实现。该功能可防止用户在短时间内重复提交相同请求，并支持通过expire参数自定义时间间隔，默认时长为5秒。
useWatermark
本文介绍了useWatermark工具，其主要功能是为网页元素添加防篡改水印。文章核心说明了使用方法：水印默认添加至document.body，若需添加至其他元素（如#app），则必须确保该元素的定位属性为relative或 …
useScript
本文介绍了使用JavaScript异步加载第三方脚本的方法。主要内容包括：如何通过async/await或Promise链式调用来实现多个脚本的顺序加载，确保前一个脚本加载完成后再加载下一个；以及如何使用Promise.all实现多个脚本的 …
InputTag
本文介绍了基于Element UI的`el-tag`组件进行封装的`InputTag`组件。文章简要说明了其功能定位，并列出了组件的可选参数与基本使用方法，旨在为用户提供快速上手的指引。
table
本文介绍了一个基于el-table封装的表单组件。该组件可通过参数isPopover进行模式切换：当isPopover为false时，它表现为一个表单；当isPopover为true时，则变为一个Select选择器，其选择的内容将作为表单内 …
ECharts
本文介绍了ECharts图表库的基本使用方法，强调其已封装好，无需单独引入。文章核心是列举并简要说明了构建ECharts图表的核心配置项，包括提示框、图例、坐标轴、数据系列、网格、颜色、标题、工具栏、动画、背景色、响应式及极坐标系等。最后指 …
TextScroll
TextScroll是一个用于实现文本滚动公告功能的工具。文章简要介绍了其用途，并提供了基本的使用说明，帮助用户快速了解如何应用该工具来展示滚动文本信息。
数据脱敏
文章介绍了数据脱敏的实现方法，主要通过为字段添加`@Desensitization`注解并指定类型来实现。文章列出了所有可用的脱敏类型，并说明了具体的使用方式。核心要点是利用注解简化脱敏配置，保护敏感数据。
Excel导入导出
本文介绍了Excel导入导出的基本操作。导入时需注意字段顺序与实体类一致，不需要的字段需用`@ExcelIgnore`忽略。导出功能包括单sheet导出、加密导出、模板导出以及多sheet导出，并举例说明了如何在不同sheet中导出不同类型 …
License使用
本文介绍了软件授权许可（License）的完整使用流程。主要内容包括获取服务器硬件信息以生成机器指纹、基于此信息生成授权证书文件、将授权文件上传至目标服务器，以及最终进行证书校验以确保授权有效。核心要点是阐述了从生成到验证的端到端授权管理步 …
Cos对象存储
本文介绍了Cos对象存储的基本操作，包括文件上传、下载到本地、下载到流以及文件删除等功能，并提供了完整的代码示例。文章旨在帮助开发者快速掌握Cos对象存储的核心使用方法。
Captcha验证码使用
本文介绍了在项目中集成和使用Captcha验证码的完整流程。主要内容包括：首先引用EasyCaptchaService服务，然后详细说明了生成验证码以及后续校验验证码的具体步骤，最后提供了完整的实现代码示例。文章核心是指导开发者如何快速实现 …
快速开始
本文是一篇关于快速使用特定Spring Boot Starter的指南。文章首先说明了如何根据Spring Boot 2或3的版本，在项目中添加对应的Maven依赖。接着，文章详细介绍了该Starter集成的多个功能模块所需的YAML配置， …
pagination
分页组件是一种用于将大量数据分割成多个页面显示的工具，以提升用户体验和系统性能。它通常包含页码、上一页/下一页按钮等元素，允许用户在不同数据页面间导航。其核心要点在于合理划分数据、提供清晰的导航反馈，并确保在不同场景下的兼容性与易用性。
monacoEditor
本文介绍了MonacoEditor，这是一款在线代码编辑器。文章简要说明了其基本使用方法和可选参数配置，并建议用户查阅官方文档以获取更详细的配置信息。
wangEditor
wangEditor是一款在线Markdown编辑器，提供丰富的文本编辑功能。文章简要介绍了其基本使用方法和可选参数配置，并指引用户查阅官方文档以获取更多详细配置信息。
GithubCorner
本文介绍了GithubCorner，一个用于在网页上添加GitHub项目角标的工具。文章主要说明了其基本用途，并概述了其使用方法和可配置参数，旨在帮助开发者快速在网站中集成这一指向GitHub仓库的视觉元素。
GlobalTip
本文介绍了名为GlobalTip的组件，其核心功能是在页面上显示一个短暂的时间提示和问候语，3秒后自动消失。该组件可注册为全局组件，并支持在vitepress中通过doc-top插槽插入使用。文章简要说明了其用途和基本使用方法。
常用hooks
本文介绍了几种实用的React Hooks，包括用于统计网站或文章阅读次数的useBusuanzi、计算日期差值的useDayDiff和useTimeDiff、支持下载Base64与Blob文件的useFileDownloader，以及实现 …
自动生成侧边栏
本文介绍了vitepress-plugin-sidebar-depth插件，这是一个用于VitePress的插件，能够自动扫描项目目录中的Markdown文件来生成侧边栏。文章详细说明了插件的核心特性，包括支持自定义扫描深度、处理带序号的文 …
vitepress-plugin-link使用
vitepress-plugin-link 是一个用于 Vitepress 的 Vite 插件，其主要功能是为 Markdown 文档设置唯一的永久链接。它通过读取文档 frontmatter 中的 url 字段，将链接挂载到主题配置中，从 …
uploadCos使用
本文介绍了一个拖拽式文件上传组件“uploadCos”，其主要功能是将图片等文件上传至对象存储服务（如COS、OSS）。文章概述了该组件的核心参数配置、可用的插槽（包括默认拖拽区域和提示信息区域），并简要提及了基本使用、带参数使用以及通过插 …
uploadLocal使用
本文介绍了uploadLocal文件上传组件的功能与用法。该组件为按钮式文件上传工具，支持通过参数配置上传函数、文件列表、数量限制和文件类型。它提供了默认插槽和自定义按钮插槽，允许用户灵活定制按钮文本和样式。文章还通过示例说明其基本使用、参 …
基于本库开发新组件
本文介绍了基于现有组件库开发新组件的完整流程。主要步骤包括：在指定目录创建新组件并在入口文件注册；在类型声明文件的四个位置添加相应的类型定义；最后更新版本号并完成发布。
vue3组件封装
本文介绍了如何封装和发布Vue 3组件。主要内容包括封装两种组件：支持宿主项目按需定义插槽的动态插槽组件，以及可自定义样式和事件的普通功能组件。文章详细说明了从创建项目结构、编写组件、配置构建工具到最终构建并发布到npm的完整流程。同时，指 …
Hooks封装
本文介绍了如何封装Vue 3的Composition API逻辑为可复用的Hooks，并将其发布到npm。主要内容包括：创建项目结构、编写Hook函数、使用Vite配置构建工具，以及登录npm账号并发布包的完整流程。文章还简述了如何在其他 …
中央仓库上传指南
本文详细介绍了将Java项目发布到Maven中央仓库的完整流程。主要内容包括：注册Sonatype OSSRH账号、配置GPG签名工具、设置Maven的settings.xml文件、完善项目的pom.xml信息，以及最终执行发布命令并完成正 …
自动生成frontmatter
vitepress-plugin-setfrontmatter 是一个用于 VitePress 的插件，可在项目启动时自动为 Markdown 文件生成或补充 frontmatter。其主要功能包括自动添加标题、日期、永久链接等字段，支持基 …
组件安装
本文介绍了基于Vue 3和Element Plus的上传组件库的安装与使用方法。主要内容包括两种引入方式：一是全局引入，安装后即可在组件中直接使用；二是按需引入，需在组件中单独注册。文章核心是指导开发者如何根据项目需求，选择合适的方式集成该 …
模板生成工具
本文介绍了模板生成工具的开发过程，重点在于实现一个能够自动“挖坑”并生成动态模板和元信息配置的工具。文章从需求分析入手，指出手动制作模板效率低且易出错，因此需要工具来自动化这一流程。核心设计明确了工具的输入（基本信息、输入文件、模型参数等） …
安装 acme.sh
本文介绍了如何使用acme.sh客户端自动化申请和管理SSL证书。主要内容包括：全新安装与升级acme.sh、将其注册为全局命令、通过HTTP或DNS方式生成证书（推荐DNS方式以实现自动续期）、将证书安装配置到Nginx服务器，以及设置 …
zabbix部署
本文介绍了使用Docker Compose部署Zabbix监控系统的主要步骤。核心操作包括：编写docker-compose.yaml和.env配置文件，并修改Zabbix Agent配置文件中的Server、ServerActive和 …
git设置代理
本文介绍了如何为Git配置代理以解决网络访问问题。主要步骤包括开启Clash代理、在系统网络设置中手动配置代理，以及通过Git命令设置和验证代理。文章还提供了取消代理的方法，并针对VSCode推送报错等常见问题，给出了检查SSH密钥、生成新 …
站点信息模块
本文介绍了如何在Vdoing主题的VuePress博客中搭建站点信息模块，包括首页的站点信息和文章页的浏览量统计。主要内容涉及使用自建不蒜子服务统计访问量，通过添加特定代码文件实现网站字数、文章数量、运行时间等功能，并详细说明了组件的创建、 …
tsconfig.json详解与常用配置
TypeScript tsconfig.json 配置详解，包含顶层配置、compilerOptions 和常用编译选项
添加登录并启用全局前置守卫
本文介绍了为VuePress项目添加登录功能并启用全局前置守卫的步骤。主要内容包括：新增登录页面和路由，添加登录验证逻辑，安装并使用模态对话框插件，在enhanceApp.js中执行路由守卫逻辑。同时，为了弥补enhanceApp.js在页 …
Webpack 的 sourcemap 配置
Webpack sourcemap 配置详解，介绍 eval、nosources、cheap、module 等基础配置及其组合规律
cloudreve部署
本文介绍了部署Cloudreve网盘系统的关键步骤。主要内容包括：部署前的准备工作，如手动创建或通过命令生成必要的配置文件、数据库文件和上传目录；运行Docker容器并配置Nginx域名；以及如何进行更新。文章重点扩展说明了如何通过集成支持 …
命令行开发
本文介绍了使用Java开发命令行程序（CLI）的方案。文章首先解释了命令行程序的概念、结构、优点及其在项目中的作用，例如引导用户输入参数以生成代码。接着，文章对比了自主实现和第三方库两种开发方案，重点推荐了功能强大的Picocli框架，并详 …
优化改进
本文介绍了VuePress项目优化改进的五个方面：解决打包时因文件过大（超过500KB）导致的Babel警告，可通过提高内存参数或配置.babelrc文件处理；支持侧边栏显示四级标题；将URL中的中英文及连字符替换为六位随机字符；通过安装和 …
引入第三方组件库
文章介绍了在VuePress应用中引入第三方组件库时需注意的通用代码要求。由于VuePress页面通过Node.js服务端渲染生成静态HTML，所有Vue相关代码必须遵循编写通用代码的原则，确保仅在`beforeMount`或 …
增加登录页面
本文介绍了在VuePress项目中增加登录页面的步骤。首先安装v-dialogs模态对话框插件，然后创建登录表单文件，包括helper.js和Login.vue组件。最后通过配置enhanceApp.js文件，实现用户授权验证功能：未授权时 …
kiftd使用docker部署
本文介绍了如何使用Docker部署kiftd。主要内容包括：在指定目录新建文件夹并上传kiftd文件；编写Dockerfile，解释了WORKDIR与VOLUME指令的区别，以及COPY与ADD指令的异同；创建启动脚本，并详细说明了使用-v …
vuepress搭建网站
本文介绍了使用VuePress搭建网站的两种方式：一是基于现有项目模板快速启动，包括克隆、脚本使用、目录构建、导航栏与侧边栏配置（可选择自动生成插件或Vdoing主题），以及部署到GitHub Pages的步骤；二是从零开始根据官方指南进行 …
FreeMarker 模板引擎入门
FreeMarker 模板引擎入门教程，介绍模板引擎概念、常用引擎对比和 Spring Boot 集成
开发本地代码生成器
本文介绍了开发本地代码生成器的完整流程。首先进行项目初始化，包括创建根目录、使用Git管理以及配置.gitignore文件。接着讲解静态文件生成的两种方法：使用Hutool工具快速复制或通过递归遍历实现灵活复制。然后详细说明动态文件代码生成 …
EasyExcel具体使用
EasyExcel 具体使用方法，包含 UploadData DTO 类和 @ExcelProperty 注解配置
StringUtils 工具类使用
Apache Commons StringUtils 工具类使用，包含字符串截取、判断等常用方法
meilisearch部署
本文介绍了使用Docker部署Meilisearch搜索服务的完整流程。主要内容包括：通过脚本启动生产环境服务并设置master key；创建仅用于搜索的API密钥；配置Nginx域名；使用官方爬虫工具建立索引，并调整配置以适应特定博客主题 …
pandoc使用
本文介绍了文档转换工具Pandoc的常规选项和常用命令。主要内容包括如何指定输入和输出格式，列举了支持的多种格式如Markdown、HTML、LaTeX、DOCX等，并说明了通过扩展名启用或禁用特定功能。文章还概述了常用命令，例如生成独立 …
vuepress-plugin-element-ui
本文介绍了VuePress插件vuepress-plugin-element-ui的用法。主要内容包括插件的安装方法、基本使用方式以及在线文档链接。文章通过具体示例展示了该插件如何在VuePress中集成Element UI组件，如 …
常用网址
本文整理了一系列开发相关的实用网址，涵盖了多个技术领域。主要内容包括 VuePress 插件与主题资源、GitHub 上的实用工具、Picx 图床服务、Jsoup 与 HttpClient 网络爬虫技术、Algolia 搜索服务配置 …
整合 Element Plus
Vue3 整合 Element Plus，使用 unplugin-auto-import 和 unplugin-vue-components 实现自动导入
springboot2引入swagger3
SpringBoot2 集成 Swagger3 (Knife4j) 接口文档，包含依赖引入和配置详解
canal同步mysql数据到es中
使用 Canal 同步 MySQL 数据到 Elasticsearch，包含 MySQL binlog 配置
EasyCaptcha验证码存入redis的使用
SpringBoot 集成 EasyCaptcha 验证码并存入 Redis，实现验证码的存储和校验
你可能喜欢
热门标签
最近动态
友情链接
