Clash 使用教程
1. 原理篇1.1 Clash 是个啥Clash 是一个多平台的、支持 v2ray 的代理转发客户端,它可以将你设备的网络请求按照一定的规则转发到代 理服务器上。 1.2 什么叫代理转发正常情况下,你的设备访问一个网络服务,是从设备直接发起的网络请求。 代理转发就是在你和目标服务器之间又架设了一个 ...

npm 标准化发包方案调研
1. 传统的发包模式1.1 版本发布传统的发包模式指用户在本地进行发包、版本升级的操作,因此所有的 cli 都是在本地执行。当我们写好一个 npm package 之后,并且登录好 npm 后,就可以执行以下指令直接发布第一版: 1npm publish --access public 1.2 版 ...

使用 Vercel 全自动部署个人网站
1. 什么是 VercelVercel 是一个全自动的 Web 应用部署、预览、上线平台。他类似与 Github Page 与 Github Action 的结合,但是与其有如下几个特性: 支持应用模板,可以帮助开发人员快速搭建一个应用并完成上线流程; 支持 Github 项目导入与联动; Git ...

前端 Lint 工具使用指南
1. ESLint官网 ESLint 可以静态分析你的代码,得以让你快速发现代码中的错误部分。它内置于大多数文本编辑器中,你还可以将 ESLint 作为持续集成管道的一部分,在持续集成的过程中帮你检查代码。 1.1 安装 如果你使用 VSCode,记得安装 ESLint 插件 1npm insta ...

Hexo + Obsidian + Git 完美的博客部署与编辑方案
1. 前言在之前的文章《Hexo 快速搭建指南》中,重点讲解了如何搭建以及部署博客。但是在后期写博客的过程中,有可能遇到很多麻烦,比如: 我不想手动维护文章的 Categorys,我想以文件目录的形式管理文章分类 VSCode 编写 Markdown 文件不爽,我想用其他的编辑器来写 Markdo ...

ElementPlus Webpack 下按需引入
1. 引入方案官方说明:链接 我们需要在 Webpack 配置里添加两个 Plugin: 123456789101112131415import autoImport from 'unplugin-auto-import/webpack';import components fr ...

Vuex Typescript 支持
1. 定义1.1 定义入口模块入口 /src/store/index.ts : 123456789101112131415161718192021222324252627282930import type {InjectionKey} from 'vue';i ...

Git 修改已提交的 commit 中的信息
修改某次 Commit调用 git log 查看 要修改的 commitId 前的一个 commitId 然后调用: 1git rebase -i <commit id> 进入 rebase 模式后,按 i 进入编辑模式,将修改的 commit 状态修改为 edit: 12修改前:pi ...

Hexo 快速搭建指南
1. 安装与使用 Hexohexo 官方网站:链接 1.1 安装全局安装 hexo-cli ,用以创建 hexo 项目: 1npm install hexo-cli -g 安装完成后,就可以在终端使用 hexo 指令了,可以使用以下指令创建一个 hexo 项目: 123hexo init hexo ...

使用 husky 每次提交时进行代码检查
Husky 简述了解 Husky 前就必须先了解一下 GitHook 是什么,GitHook 可以在执行代码的 commit、push、rebase 等阶段前触发,做一些前置行为,比如在每次提交代码时候执行一段 shell 脚本,来做一些代码检查或者通知 ci 等操作。 但是对于如何使用好 GitH ...