所有分类

所有文章 (129 篇)

vuepress搭建网站

本文介绍了使用VuePress搭建网站的两种方式:一是基于现有项目模板快速启动,包括克隆、脚本使用、目录构建、导航栏与侧边栏配置(可选择自动生成插件或Vdoing主题),以及部署到GitHub Pages的步骤;二是从零开始根据官方指南进行安装、配置脚本和启动服务。文章还详细说明了VuePress推荐的目录结构、默认页面路由规则,并强调了每个文件夹必须包含README.md文件以避免404错误,最后提供了相关参考博客链接。

引入第三方组件库

文章介绍了在VuePress应用中引入第三方组件库时需注意的通用代码要求。由于VuePress页面通过Node.js服务端渲染生成静态HTML,所有Vue相关代码必须遵循编写通用代码的原则,确保仅在`beforeMount`或`mounted`生命周期中访问浏览器或DOM API。同时,文章提到若模块通过`export default`导出Vue组件,可以动态注册该组件。

优化改进

本文介绍了VuePress项目优化改进的五个方面:解决打包时因文件过大(超过500KB)导致的Babel警告,可通过提高内存参数或配置.babelrc文件处理;支持侧边栏显示四级标题;将URL中的中英文及连字符替换为六位随机字符;通过安装和配置PWA插件实现更新提示功能,包括弹窗和Service Worker;以及解决因文件夹或文件名使用中文而导致的VueRouter路径警告,需修改内部路由文件进行编码处理。

站点信息模块

本文介绍了如何在Vdoing主题的VuePress博客中搭建站点信息模块,包括首页的站点信息和文章页的浏览量统计。主要内容涉及使用自建不蒜子服务统计访问量,通过添加特定代码文件实现网站字数、文章数量、运行时间等功能,并详细说明了组件的创建、配置与集成步骤。文章还提醒了跨主题集成时需自行适配样式与挂载元素,以及部署时需通过git commit解决时间显示问题。

本站主题包

本文介绍了基于VitePress的Teek主题包及其Hugo版本,提供了GitHub地址和安装指南。文章详细说明了通过脚手架安装、配置项目依赖、修改安全信息、页脚和主题配置的步骤。同时,列举了文章特有的Frontmatter配置选项,如日期、分类、标签、置顶和封面图等,用于控制文章显示和功能。此外,还介绍了主题的插槽布局,允许用户自定义页面结构。最后,指导用户运行项目以启动开发服务器。

快速开始

本文是一篇关于快速使用特定Spring Boot Starter的指南。文章首先说明了如何根据Spring Boot 2或3的版本,在项目中添加对应的Maven依赖。接着,文章详细介绍了该Starter集成的多个功能模块所需的YAML配置,包括腾讯云COS对象存储、验证码、Redis、限流器、代码生成以及License授权。其中特别指出了Spring Boot 2与3版本在自动装配和配置上的差异,并提醒用户注意版本兼容性和必要的预先配置,以避免启动错误。

BackTop

文章介绍了BackTop组件的功能与使用方法。该组件在网页下滑一定距离后,可点击一键返回页面顶部,并支持注册为全局组件以便在项目中复用。

组件安装

本文介绍了基于Vue 3和Element Plus的上传组件库的安装与使用方法。主要内容包括两种引入方式:一是全局引入,安装后即可在组件中直接使用;二是按需引入,需在组件中单独注册。文章核心是指导开发者如何根据项目需求,选择合适的方式集成该上传组件。

kiftd使用docker部署

本文介绍了如何使用Docker部署kiftd。主要内容包括:在指定目录新建文件夹并上传kiftd文件;编写Dockerfile,解释了WORKDIR与VOLUME指令的区别,以及COPY与ADD指令的异同;创建启动脚本,并详细说明了使用-v选项挂载主机目录到容器内以实现数据持久化的方法。文章逐步指导用户完成整个容器化部署过程。

开发本地代码生成器

本文介绍了开发本地代码生成器的完整流程。首先进行项目初始化,包括创建根目录、使用Git管理以及配置.gitignore文件。接着讲解静态文件生成的两种方法:使用Hutool工具快速复制或通过递归遍历实现灵活复制。然后详细说明动态文件代码生成的四个核心步骤:定义数据模型、编写动态模板、组合生成以及完善优化。最后通过动静结合的方式,先复制静态文件再动态生成文件,从而完成完整代码的生成。

命令行开发

本文介绍了使用Java开发命令行程序(CLI)的方案。文章首先解释了命令行程序的概念、结构、优点及其在项目中的作用,例如引导用户输入参数以生成代码。接着,文章对比了自主实现和第三方库两种开发方案,重点推荐了功能强大的Picocli框架,并详细讲解了其入门方法、核心功能(如帮助手册、命令解析、交互式输入和子命令)以及实际应用。最后,文章将命令模式的设计思想融入命令行生成器的开发中,展示了从创建命令执行器、实现子命令到打包测试的完整流程,并提供了简化调用的脚本封装方法。

模板生成工具

本文介绍了模板生成工具的开发过程,重点在于实现一个能够自动“挖坑”并生成动态模板和元信息配置的工具。文章从需求分析入手,指出手动制作模板效率低且易出错,因此需要工具来自动化这一流程。核心设计明确了工具的输入(基本信息、输入文件、模型参数等)和输出(模板文件、元信息配置)。随后详细阐述了基础功能的实现,包括工作空间隔离和分步制作能力,使工具能够有状态地追加配置。最后,文章介绍了更多高级功能,如单次制作多个模板文件、文件过滤、文件分组和模型分组,这些功能显著提升了工具的灵活性和效率,使其能够满足复杂项目(如Spring Boot)的模板制作需求。

增加登录页面

本文介绍了在VuePress项目中增加登录页面的步骤。首先安装v-dialogs模态对话框插件,然后创建登录表单文件,包括helper.js和Login.vue组件。最后通过配置enhanceApp.js文件,实现用户授权验证功能:未授权时显示登录对话框,授权成功后即可访问文档内容。

添加登录并启用全局前置守卫

本文介绍了为VuePress项目添加登录功能并启用全局前置守卫的步骤。主要内容包括:新增登录页面和路由,添加登录验证逻辑,安装并使用模态对话框插件,在enhanceApp.js中执行路由守卫逻辑。同时,为了弥补enhanceApp.js在页面刷新或直接访问路由时无法触发的不足,还创建了全局组件LoginInfo,确保未登录时能重定向到登录页,最后在主题配置中完成相应设置。

Cos对象存储

本文介绍了Cos对象存储的基本操作,包括文件上传、下载到本地、下载到流以及文件删除等功能,并提供了完整的代码示例。文章旨在帮助开发者快速掌握Cos对象存储的核心使用方法。

GlobalTip

本文介绍了名为GlobalTip的组件,其核心功能是在页面上显示一个短暂的时间提示和问候语,3秒后自动消失。该组件可注册为全局组件,并支持在vitepress中通过doc-top插槽插入使用。文章简要说明了其用途和基本使用方法。

基于本库开发新组件

本文介绍了基于现有组件库开发新组件的完整流程。主要步骤包括:在指定目录创建新组件并在入口文件注册;在类型声明文件的四个位置添加相应的类型定义;最后更新版本号并完成发布。

Captcha验证码使用

本文介绍了在项目中集成和使用Captcha验证码的完整流程。主要内容包括:首先引用EasyCaptchaService服务,然后详细说明了生成验证码以及后续校验验证码的具体步骤,最后提供了完整的实现代码示例。文章核心是指导开发者如何快速实现验证码的生成与验证功能。

GithubCorner

本文介绍了GithubCorner,一个用于在网页上添加GitHub项目角标的工具。文章主要说明了其基本用途,并概述了其使用方法和可配置参数,旨在帮助开发者快速在网站中集成这一指向GitHub仓库的视觉元素。

vue3组件封装

本文介绍了如何封装和发布Vue 3组件。主要内容包括封装两种组件:支持宿主项目按需定义插槽的动态插槽组件,以及可自定义样式和事件的普通功能组件。文章详细说明了从创建项目结构、编写组件、配置构建工具到最终构建并发布到npm的完整流程。同时,指南也涵盖了在宿主项目中安装和使用这些组件的方法,并强调了开发过程中的注意事项,如样式隔离、版本管理和充分测试。

自动生成frontmatter

vitepress-plugin-setfrontmatter 是一个用于 VitePress 的插件,可在项目启动时自动为 Markdown 文件生成或补充 frontmatter。其主要功能包括自动添加标题、日期、永久链接等字段,支持基于文件路径生成分类、删除指定字段,并允许用户通过自定义转换函数灵活处理 frontmatter。该插件旨在简化文档管理,提升静态站点生成的效率。

License使用

本文介绍了软件授权许可(License)的完整使用流程。主要内容包括获取服务器硬件信息以生成机器指纹、基于此信息生成授权证书文件、将授权文件上传至目标服务器,以及最终进行证书校验以确保授权有效。核心要点是阐述了从生成到验证的端到端授权管理步骤。

wangEditor

wangEditor是一款在线Markdown编辑器,提供丰富的文本编辑功能。文章简要介绍了其基本使用方法和可选参数配置,并指引用户查阅官方文档以获取更多详细配置信息。

vitepress-plugin-link使用

vitepress-plugin-link 是一个用于 Vitepress 的 Vite 插件,其主要功能是为 Markdown 文档设置唯一的永久链接。它通过读取文档 frontmatter 中的 url 字段,将链接挂载到主题配置中,从而确保文档即使移动位置,其访问地址也不会改变。插件支持国际化语言前缀、路由重写和导航栏高亮,并提供了 useurl hooks 来增强路由跳转功能。安装后需在配置文件和布局中启用,项目启动时生效。

Hooks封装

本文介绍了如何封装Vue 3的Composition API逻辑为可复用的Hooks,并将其发布到npm。主要内容包括:创建项目结构、编写Hook函数、使用Vite配置构建工具,以及登录npm账号并发布包的完整流程。文章还简述了如何在其他Vue 3项目中安装和使用这些Hooks,并强调了命名约定、构建配置和提供文档等关键注意事项。

正则校验

本文介绍了正则校验的安装与使用方法,重点讲解了如何通过自定义文件扩展名进行校验。文章详细说明了默认可用类型,并指导用户如何通过扩展 TypeScript 联合类型和合并对象来扩展 FileType 及 fileTypeExtMap。最后,提供了一个 Vue 与 Element Plus 集成的上传校验示例。

Excel导入导出

本文介绍了Excel导入导出的基本操作。导入时需注意字段顺序与实体类一致,不需要的字段需用`@ExcelIgnore`忽略。导出功能包括单sheet导出、加密导出、模板导出以及多sheet导出,并举例说明了如何在不同sheet中导出不同类型的数据及选择性排除特定属性。

monacoEditor

本文介绍了MonacoEditor,这是一款在线代码编辑器。文章简要说明了其基本使用方法和可选参数配置,并建议用户查阅官方文档以获取更详细的配置信息。

自动生成侧边栏

本文介绍了vitepress-plugin-sidebar-depth插件,这是一个用于VitePress的插件,能够自动扫描项目目录中的Markdown文件来生成侧边栏。文章详细说明了插件的核心特性,包括支持自定义扫描深度、处理带序号的文件格式以及国际化支持。此外,还提供了插件的安装步骤、配置选项的详细参数说明,以及如何通过回调函数自定义侧边栏数据。该插件旨在简化VitePress项目的侧边栏配置流程。

nginx常用配置

本文介绍了nginx服务器的几项常用配置。主要内容包括:配置HTTPS以实现安全访问;开启gzip压缩以优化文本类静态资源的传输效率,并列举了适合压缩的文件类型;设置HTTP到HTTPS的重定向;通过配置缓存时间、ETag及防盗链规则来管理资源访问与控制,其中防盗链部分详细说明了使用纯if指令和map+if指令的不同应用场景与性能考量。

重写文章路由

本文介绍了VitePress插件vitepress-plugin-sidebar-url,它能自动生成侧边栏和URL重写规则。插件支持按数字前缀排序、折叠配置、URL高亮匹配以及美化目录名称。它允许通过frontmatter标记私有页面或隐藏侧边栏项,并提供灵活的配置选项。用户可直接使用导出的生成配置,简化VitePress项目的路由和导航管理。

CopyButton

CopyButton是一个点击即可复制指定内容的组件。文章介绍了该组件的功能说明和基本使用方法,核心要点在于其便捷的复制操作。

数据脱敏

文章介绍了数据脱敏的实现方法,主要通过为字段添加`@Desensitization`注解并指定类型来实现。文章列出了所有可用的脱敏类型,并说明了具体的使用方式。核心要点是利用注解简化脱敏配置,保护敏感数据。

集成Coze国际版

本文介绍了在Coze国际版平台上创建和部署智能体的完整流程。首先,用户需创建智能体并设置其基本人设与回复逻辑。核心在于通过添加插件(如搜索工具)或知识库来扩展智能体的能力,以处理模型本身无法完成的任务,例如专业领域问答或多模态内容理解。文章进一步详细说明了如何构建工作流,特别是利用链接读取插件来解析PDF等文件,使智能体能基于文件内容回答问题。最后,指南涵盖了授权、安装智能体,并将其以Web SDK形式嵌入到外部应用(如博客)中的关键步骤。

防重提交

文章介绍了系统提供的防重复提交功能,通过为接口添加@RepeatSubmit注解即可实现。该功能可防止用户在短时间内重复提交相同请求,并支持通过expire参数自定义时间间隔,默认时长为5秒。

uploadCos使用

本文介绍了一个拖拽式文件上传组件“uploadCos”,其主要功能是将图片等文件上传至对象存储服务(如COS、OSS)。文章概述了该组件的核心参数配置、可用的插槽(包括默认拖拽区域和提示信息区域),并简要提及了基本使用、带参数使用以及通过插槽自定义内容等几种使用示例。

管理API响应和错误处理

本文介绍了一个基于Spring Boot的轻量级工具包,用于统一管理API响应和错误处理。该工具包提供了统一错误码管理、自定义业务异常、全局异常处理和响应结果封装等功能,能够自动捕获并转换各类异常为规范的响应格式。它支持Spring Boot自动配置,简化了开发中的错误处理流程,提升了代码的规范性和可维护性。

uploadLocal使用

本文介绍了uploadLocal文件上传组件的功能与用法。该组件为按钮式文件上传工具,支持通过参数配置上传函数、文件列表、数量限制和文件类型。它提供了默认插槽和自定义按钮插槽,允许用户灵活定制按钮文本和样式。文章还通过示例说明其基本使用、参数配置及插槽自定义方法,并指出可利用其插槽功能实现与uploadCos组件相似的界面效果。

配置meilisearch

本文介绍了如何配置Meilisearch搜索引擎。主要内容包括服务端部署(使用Docker)、创建master key和search key、配置域名和建立索引。同时,文章也说明了如何在代码中配置Meilisearch组件,并利用GitHub Action实现索引自动化更新,确保新发布文章能及时被搜索到。

认证模块

本文介绍了基于Spring Boot 3的认证组件`liyao-spring-boot3-starter-auth`。该模块提供了用户登录认证、基于注解的权限校验、路径过滤及角色管理等功能,旨在简化Spring Boot 3项目中的认证与授权开发。文章详细说明了其安装配置方法、核心功能的使用示例(如获取登录用户、扩展实体与服务),并列举了核心服务接口`SysUserService`的主要方法。最后强调了其对Spring Boot 3的依赖及相关的配置注意事项。

pagination

分页组件是一种用于将大量数据分割成多个页面显示的工具,以提升用户体验和系统性能。它通常包含页码、上一页/下一页按钮等元素,允许用户在不同数据页面间导航。其核心要点在于合理划分数据、提供清晰的导航反馈,并确保在不同场景下的兼容性与易用性。

Chrome开启GeminiAI

本文介绍了手动开启Chrome浏览器中Gemini AI侧边栏与Auto Browse自动浏览功能的详细步骤。核心要点包括:通过修改Local State配置文件中的国家代码和权限设置、启用Chrome Flags中的特定实验性功能、将浏览器语言设置为英语并确保使用美国网络节点。完成这些操作后,用户即可在Chrome中使用Gemini侧边栏进行内容总结、智能助理等AI功能,以及利用Auto Browse实现自动化任务。文章还提及了可自动化此配置过程的第三方工具。

pandas 基础操作

Python 数据分析项目推荐,包含 pandas、ydata-profiling 等热门库

模板转换器

本文介绍了一款Spring Boot Velocity转换器,它能够将Java、Vue、TS和XML文件转换为Velocity模板,主要用于代码生成,如从实体类生成VO类等。该工具支持多种文件类型的自动检测与转换、自定义包名和模块名替换、批量处理ZIP文件以及自动变量替换。它通过自动配置的核心组件简化了集成和使用过程。

table

本文介绍了一个基于el-table封装的表单组件。该组件可通过参数isPopover进行模式切换:当isPopover为false时,它表现为一个表单;当isPopover为true时,则变为一个Select选择器,其选择的内容将作为表单内容。文章还提供了相关的使用示例文件。

GPIO概述与配置

STM32F429II GPIO 概述与配置,包含输入、输出和外部中断模式

常用网址

本文整理了一系列开发相关的实用网址,涵盖了多个技术领域。主要内容包括 VuePress 插件与主题资源、GitHub 上的实用工具、Picx 图床服务、Jsoup 与 HttpClient 网络爬虫技术、Algolia 搜索服务配置、Typora 主题样式以及其他开发技巧(如数据脱敏、权限验证、Excel 处理等)。这些链接为开发者提供了便捷的工具和文档参考。

MyBatis Plus使用

MyBatis Plus 快速入门指南,包含 Maven 依赖配置和基础 CRUD 操作

npm 和 yarn

介绍 npm 和 yarn 包管理器的使用,包括修改国内镜像源、清除缓存等常用操作

numpy

Python NumPy 数值计算库基础教程

keil调试

Keil 调试配置,设置 User 选项编译后生成 BIN 文件

springboot2引入swagger3

SpringBoot2 集成 Swagger3 (Knife4j) 接口文档,包含依赖引入和配置详解

RTC实时时钟

STM32 RTC 实时时钟配置与使用,包含时钟源配置和 HAL 库实现

EasyCaptcha验证码存入redis的使用

SpringBoot 集成 EasyCaptcha 验证码并存入 Redis,实现验证码的存储和校验

常用方法

SpringBoot 常用方法,包括数据存在性查询、JPA Repository 使用等

Elasticsearch全文搜索

Elasticsearch 全文搜索入门,包含 Windows 安装、依赖配置和基本使用

canal同步mysql数据到es中

使用 Canal 同步 MySQL 数据到 Elasticsearch,包含 MySQL binlog 配置

SpringSecurity使用

Spring Security 快速入门,介绍认证授权概念及基础配置方法

StringUtils 工具类使用

Apache Commons StringUtils 工具类使用,包含字符串截取、判断等常用方法

HTTP各种参数发送

Spring MVC HTTP 参数接收方式,介绍 PathVariable、Query、RequestBody 等

代码生成器

本文介绍了一款基于Spring Boot和Velocity模板引擎的代码生成器。该工具能够根据数据库表结构,自动生成Controller、Service、Mapper、Entity等核心代码,从而显著提升开发效率。它支持自定义模板、多种生成模式、字段级详细配置以及代码预览与下载功能,并提供了从依赖引入、配置到使用的完整快速入门指南。

InputTag

本文介绍了基于Element UI的`el-tag`组件进行封装的`InputTag`组件。文章简要说明了其功能定位,并列出了组件的可选参数与基本使用方法,旨在为用户提供快速上手的指引。

EasyExcel之Excel导入导出

EasyExcel Excel 导入导出基础教程,包含 Maven 依赖和基本用法

EasyExcel具体使用

EasyExcel 具体使用方法,包含 UploadData DTO 类和 @ExcelProperty 注解配置

FreeMarker 模板引擎入门

FreeMarker 模板引擎入门教程,介绍模板引擎概念、常用引擎对比和 Spring Boot 集成

FreeMarker生成文件及WEB使用

FreeMarker 生成本地文件及 Web 使用,包含配置步骤和模板示例代码

TrueLicense 创建及安装证书

使用 keytool 生成 TrueLicense 公私钥证书,包含证书库配置和项目集成

登录后重定向到原先路由

Vue 登录功能实现,登录成功后重定向到用户原先访问的页面

Javadoc自动填充maven插件

本文介绍了一款用于自动生成Javadoc注释的Maven插件。该插件旨在满足发布到中央仓库的文档要求,支持Java 8和Java 17及以上版本。其核心特性包括模块化设计、灵活的配置选项(如自定义注释范围、排除特定文件等)、完善的错误处理机制以及代码复用。用户可通过配置灵活控制是否为类、方法、参数、返回值和异常等元素生成注释,并能与maven-javadoc-plugin集成使用。

ECharts

本文介绍了ECharts图表库的基本使用方法,强调其已封装好,无需单独引入。文章核心是列举并简要说明了构建ECharts图表的核心配置项,包括提示框、图例、坐标轴、数据系列、网格、颜色、标题、工具栏、动画、背景色、响应式及极坐标系等。最后指出不同图表类型有更具体的选项,并指引用户参考官方文档。

Docker使用

Docker 容器引擎入门,介绍基本概念、应用场景和核心优势

patch-package使用

使用 patch-package 修改第三方依赖包,及时解决 node_modules 中包的 bug

TortosseGit的ssh配置

TortoiseGit SSH 密钥配置指南,使用 PuTTY Key 生成器创建 ppk 密钥

TextScroll

TextScroll是一个用于实现文本滚动公告功能的工具。文章简要介绍了其用途,并提供了基本的使用说明,帮助用户快速了解如何应用该工具来展示滚动文本信息。

nginx常用配置

Nginx 常用配置指南,包括 HTTPS 配置、反向代理、负载均衡等

Docker部署前后端分离项目

Docker 部署前后端分离项目,包含服务器要求和安装步骤

node后端部署

Node.js 后端服务 Docker 部署指南,包含 Dockerfile 配置和目录结构

docker-compose使用

Docker Compose 使用指南,包含安装、配置和 Dockerfile 编写

常用hooks

本文介绍了几种实用的React Hooks,包括用于统计网站或文章阅读次数的useBusuanzi、计算日期差值的useDayDiff和useTimeDiff、支持下载Base64与Blob文件的useFileDownloader,以及实现文本复制到剪贴板功能的useCopyToClipboard。这些工具函数旨在简化常见的前端开发任务。

mounted阶段获取不到dom的原因及解决方法

Vue mounted 钩子获取不到 DOM 元素的原因分析及解决方案,使用 setTimeout 和 nextTick

代码上线事故原因

代码上线事故原因分析,包括本地误发、环境差异、配置差异等

useScript

本文介绍了使用JavaScript异步加载第三方脚本的方法。主要内容包括:如何通过async/await或Promise链式调用来实现多个脚本的顺序加载,确保前一个脚本加载完成后再加载下一个;以及如何使用Promise.all实现多个脚本的并行加载,使它们的加载过程相互独立。文章旨在提供简洁实用的脚本加载策略。

浏览器调试

Chrome 浏览器开发者工具调试技巧,包括异常断点、DOM 断点等高级调试方法

useWatermark

本文介绍了useWatermark工具,其主要功能是为网页元素添加防篡改水印。文章核心说明了使用方法:水印默认添加至document.body,若需添加至其他元素(如#app),则必须确保该元素的定位属性为relative或absolute,以保证水印正确显示。同时,用户可通过调整配置选项(如字体大小、颜色、旋转角度等)来自定义水印样式。

Webpack 的 sourcemap 配置

Webpack sourcemap 配置详解,介绍 eval、nosources、cheap、module 等基础配置及其组合规律

vscode调试 Vue 项目

VSCode 调试 Vue 项目配置指南,支持 webpack 和 vite 两种构建工具的项目

.VSCode Chrome Debugger配置详解

VSCode Chrome Debugger 配置详解,介绍 launch 和 attach 两种调试模式的配置方法

VSCode Chrome Debugger 断点映射的原理

VSCode Chrome Debugger 断点映射原理,解决断点不生效和位置错误的问题

调试 Vue 源码

Vue 源码调试方法,使用 vue-cli 创建项目并配置 source-map 进行调试

vuepress-plugin-element-ui

本文介绍了VuePress插件vuepress-plugin-element-ui的用法。主要内容包括插件的安装方法、基本使用方式以及在线文档链接。文章通过具体示例展示了该插件如何在VuePress中集成Element UI组件,如el-tabs、el-collapse和el-steps,从而在文档中直接使用这些UI元素。

vue-element-admin使用

vue-element-admin 后台管理框架使用指南,包括移除 mock、配置代理等

el-upload封装

Element UI el-upload 组件二次封装,实现文件上传功能组件化

文件上传

Vue2 文件上传实现,使用 Element UI el-upload 组件实现自动上传和手动上传

mavon-editor局部引入

Vue2 中局部引入 mavon-editor Markdown 编辑器组件的配置方法

vuex使用

Vue2 Vuex 状态管理使用指南,包括 store、mutation、action 的基本用法

注意事项

Vue3 开发注意事项,包括 setup 函数、路由使用、props 定义等常见问题

swagger自动生成接口

使用 @zeronejs/cli 工具根据 Swagger 文档自动生成前端 API 接口代码

动态路由

Vue3 动态路由实现,根据用户权限动态添加路由并使用 pinia 管理路由表

整合 Element Plus

Vue3 整合 Element Plus,使用 unplugin-auto-import 和 unplugin-vue-components 实现自动导入

wangeditor使用

Vue3 中使用 wangeditor 富文本编辑器,包含工具栏配置和组件封装

monacoEditor使用

Vue3 + Vite4 中集成 Monaco Editor 代码编辑器,实现组件封装

自定义404页面

Vue2 和 Vue3 自定义 404 页面实现,包含页面样式和返回首页功能

验证码封装

Vue3 EasyCaptcha 验证码组件封装,实现验证码显示和校验功能

联表查询SQL

MyBatis 联表查询 SQL 示例,实现用户分页列表查询并关联部门和角色信息

element-plus多文件手动上传

Element Plus 多文件手动上传实现,设置 auto-upload=false 一次性提交多个文件

rar for linux使用报错

Linux rar 使用报错解决,GLIBCXX 版本缺失问题的排查和修复

tsconfig.json详解与常用配置

TypeScript tsconfig.json 配置详解,包含顶层配置、compilerOptions 和常用编译选项

初始化客户端

腾讯云 COS 初始化客户端,包含 Maven 依赖和 yml 配置

文件上传

腾讯云 COS 文件上传实现,包含后端 CosManager 上传方法

文件下载

腾讯云 COS 文件下载实现,获取文件下载输入流的方法

文件删除

腾讯云 COS 文件删除实现,包含后端和控制器删除方法

NodeJs获取签名

Node.js 获取腾讯云 COS 签名,使用 cos-nodejs-sdk-v5 实现

pandoc使用

本文介绍了文档转换工具Pandoc的常规选项和常用命令。主要内容包括如何指定输入和输出格式,列举了支持的多种格式如Markdown、HTML、LaTeX、DOCX等,并说明了通过扩展名启用或禁用特定功能。文章还概述了常用命令,例如生成独立HTML文件、转换为PDF、处理幻灯片和电子书等操作,展示了Pandoc在格式转换和文档处理方面的灵活性与强大功能。

meilisearch部署

本文介绍了使用Docker部署Meilisearch搜索服务的完整流程。主要内容包括:通过脚本启动生产环境服务并设置master key;创建仅用于搜索的API密钥;配置Nginx域名;使用官方爬虫工具建立索引,并调整配置以适应特定博客主题;在Vuepress中安装和配置客户端插件;以及通过GitHub Action实现索引自动化更新。最后,针对Vuepress搜索结果中的中文转义错误提供了解决方案。

Partials使用指南

本文介绍了Hugo静态网站生成器中Partials(可重用模板片段)的使用指南。主要内容包括Partials的基本概念与作用、引用语法、项目中的实际应用示例(如静态与动态引用、参数传递、多语言处理等),以及缓存策略和高级用法。文章还总结了最佳实践,强调模块化设计、合理的参数传递与缓存策略,以提升代码复用性、维护性和网站构建性能。

cloudreve部署

本文介绍了部署Cloudreve网盘系统的关键步骤。主要内容包括:部署前的准备工作,如手动创建或通过命令生成必要的配置文件、数据库文件和上传目录;运行Docker容器并配置Nginx域名;以及如何进行更新。文章重点扩展说明了如何通过集成支持WOPI协议的服务(如OnlyOffice)来增强文件的在线预览与编辑功能,并给出了具体的后台配置方法和安全警告。

Hugo资源管道使用指南

本文介绍了Hugo资源管道的核心功能与使用方法。资源管道是Hugo中一套用于处理CSS、JavaScript、图片等网站资源的系统,通过管道操作符串联处理函数,可实现资源的转换、优化与打包。文章详细阐述了其基本语法、常用处理函数(如获取、合并、编译、压缩),并提供了针对JS和CSS资源的具体处理示例。此外,文中还总结了最佳实践,包括资源组织、环境区分、缓存策略和性能优化建议,旨在帮助开发者高效利用该管道提升网站性能和开发体验。

Hugo常用参数和变量指南

本文详细讲解了Hugo模板中常用的参数、变量和函数,重点介绍了.Site、.Page、.Params等核心对象的属性和方法,并通过代码示例展示了如何在项目中应用这些功能。文章还总结了参数命名、默认值设置、安全性和性能优化等最佳实践,提供了调试技巧和常见问题解决方案。总体上,本文帮助读者掌握Hugo模板系统的强大功能,提升网站开发效率和质量。

Hugo Bootstrap使用指南

本文介绍了在Hugo静态网站生成器中集成和使用Bootstrap框架的完整指南。主要内容包括:如何通过模块导入、资源管道和SCSS变量配置Bootstrap;如何初始化和使用导航栏、折叠、卡片等核心组件;如何利用Bootstrap的网格、间距、颜色等CSS样式系统进行布局与美化;以及自定义行为和故障排除的最佳实践。文章旨在帮助开发者高效利用Bootstrap构建响应式、交互性强的Hugo网站界面。

DOM操作与全局JS注册指南

本文介绍了DOM操作与全局JavaScript注册的核心技术。主要内容包括DOM选择器、事件监听、元素操作等基本方法,以及如何通过挂载到window对象或结合模块化实现全局JS注册。文章强调了事件委托、防抖节流等最佳实践,以提升代码性能和可维护性,并总结了这些技术在构建交互式网页中的关键作用。

zabbix部署

本文介绍了使用Docker Compose部署Zabbix监控系统的主要步骤。核心操作包括:编写docker-compose.yaml和.env配置文件,并修改Zabbix Agent配置文件中的Server、ServerActive和Hostname参数,将其指向服务器IP地址。文中还提供了使用vi编辑器快速查找和修改配置项的小技巧。

配置algolia

本文介绍了配置Algolia搜索服务的完整流程。主要包括注册账号并创建应用、新建索引、验证域名、配置爬虫以抓取网站正文和代码块内容、设置索引参数以启用高级搜索功能,以及最后获取必要的代码配置信息。文章以分步图示的方式,指导用户完成从初始化到集成的各个环节。

安装 acme.sh

本文介绍了如何使用acme.sh客户端自动化申请和管理SSL证书。主要内容包括:全新安装与升级acme.sh、将其注册为全局命令、通过HTTP或DNS方式生成证书(推荐DNS方式以实现自动续期)、将证书安装配置到Nginx服务器,以及设置acme.sh和证书的自动更新。文章还提供了常见问题的解决方法,旨在帮助用户实现证书的全自动部署与维护。

一键部署脚本

本文介绍了一款功能强大的一键远程部署脚本,旨在简化Linux服务器的运维管理。用户仅需执行一行命令,即可轻松完成SSL证书配置、Docker环境部署、FRP内网穿透(含服务端与客户端)、反向代理、负载均衡部署等多种复杂操作,并集成了实用工具箱。该脚本极大地提升了服务器环境搭建与配置的效率,适合希望快速管理服务器的用户。

中央仓库上传指南

本文详细介绍了将Java项目发布到Maven中央仓库的完整流程。主要内容包括:注册Sonatype OSSRH账号、配置GPG签名工具、设置Maven的settings.xml文件、完善项目的pom.xml信息,以及最终执行发布命令并完成正式发布的步骤。文章旨在帮助开发者遵循规范流程,使其项目能够安全、顺利地进入全球Java开发者广泛使用的中央仓库。

git设置代理

本文介绍了如何为Git配置代理以解决网络访问问题。主要步骤包括开启Clash代理、在系统网络设置中手动配置代理,以及通过Git命令设置和验证代理。文章还提供了取消代理的方法,并针对VSCode推送报错等常见问题,给出了检查SSH密钥、生成新密钥及在GitHub配置的解决方案。

Java文件转换为Velocity模板

本文介绍了将Java文件转换为Velocity模板的具体步骤。核心要点包括:将文件扩展名改为.java.vm;将静态内容替换为Velocity变量(如${packageName}、${entityName}等)和指令;使用条件判断和循环处理动态内容;并注意变量格式、特殊字符转义等事项。转换旨在通过模板动态生成代码,提升开发效率。

暂停windows更新

本文介绍了通过修改Windows注册表来暂停系统更新的方法。具体步骤包括:打开指定路径的注册表,新建并配置一个名为`FlightSettingsMaxPauseDays`的32位DWORD值,将其十进制数值设置为36254。重启电脑后,在系统设置的Windows更新界面中,即可将更新暂停时间延长至约5000周。

关联到已存在的 GitHub 仓库

本文介绍了如何将本地Git项目关联到已存在的GitHub远程仓库。主要步骤包括:初始化本地Git仓库、关联远程仓库、确定跟踪分支、拉取远程更改以及推送本地代码。文章还详细说明了解决本地与远程文件冲突的三种方法:覆盖远程、覆盖本地或合并代码,并提供了VS Code中的可视化操作指南。最后汇总了常用命令和推荐做法,帮助用户高效管理代码同步。