Hexo 安装完后,默认的 landscape 主题比较朴素,想要一个好看的博客界面,就需要换主题。Hexo 的主题生态非常丰富,从极简到华丽、从静态到动态交互,应有尽有。本文记录一下 Hexo 主题的安装与配置流程,并以我自己在用的 Reimu 主题为例做演示。 1. 查找主题 Hexo 官方维护了主题市场,地址是: 👉 https://hexo.io/themes/ 上面有几百款主题,支持按标签筛选(比较推荐FlatPaper Nexmoe Mustom Kira Researcher ParticleX Materialis等,属于个人眼光哈)。挑选主题时建议关注以下几点: 维
在使用 Element UI 的 el-table 时,我们经常会遇到这样的需求:在表格中直接双击某个单元格就能进入编辑状态,输入完成后按回车或失去焦点自动保存。这个功能在后台管理系统中非常实用,省去了跳转到编辑页面的繁琐操作。本文就来详细记录一下这个交互的实现方式。 核心思路 实现这个效果主要分为三步: 给 el-table 绑定 cell-dblclick 事件,监听单元格双击 双击时记录当前行和列信息,显示输入框(el-input) 输入完成后,触发保存逻辑并更新数据 基础表格结构 先准备一个基础的 el-table: <template> <el-table
记录一下本地项目第一次提交到 Git 仓库的完整流程。 1. 初始化仓库 进入项目根目录,执行: git init 该命令会在当前目录生成一个 .git 隐藏目录,Git 会从这里开始追踪所有文件的变更。 2. 配置用户信息 首次使用 Git 必须要配置用户名和邮箱,否则提交会失败: git config --global user.name "你的用户名"git config --global user.email "your_email@example.com" --global 表示对当前用户下所有仓库生效。如果只想对当前仓库配置,去掉 --
一直想搭建一个属于自己的个人博客,记录学习和生活。试过多种方案后,最终选择了 Hexo + GitHub Pages,原因是:免费、静态、速度快、主题丰富。下面把完整的搭建过程记录下来,希望能帮到有同样需求的朋友。 前置准备 在开始之前,确保你的环境已经准备好: Node.js 和 npm(建议使用 nvm 管理版本) Git 和 GitHub 账号 VS Code 或任意代码编辑器 第一步:安装 Hexo CLI 打开终端,全局安装 Hexo 命令行工具: npm install -g hexo-cli 安装完成后,验证是否成功: hexo -v 第二步:初始化项目 创建一个文件夹