Woals'Blog

Hexo 的写作流程通常是：新建文件 → 手写 front-matter → 打开终端 → hexo g → hexo s。对不熟悉命令行的同学来说，这套流程有三个明显的痛点： front-matter 靠记忆：title、date、tags、categories 少写一个就可能导致归档页异常； 文章管理靠文件管理器：想找「某个标签下的所有文章」只能靠全文搜索； 发布流程割裂：写完还要切到终端敲命令，容易忘记 hexo clean 导致样式不生效。 这个工具做了什么 左侧文章列表支持搜索、按状态/标签/分类筛选； 右侧表单化编辑 front-matter，标签和分类可以从已有项里挑； 编辑区提供加粗、标题、列表、代码块等快捷按钮； 内置预览，也能一键在浏览器里看效果； 标签改名会自动同步到所有文章，避免漏改。 工具只是把重复劳动自动化，写作本身还是得靠自己。 一段示例代码12345from app.hexo.project import HexoProjectproject = HexoProject("/path/to/blog&qu...

Vue3：子组件使用自定义事件向父组件传参 起因：封装组件需要将子组件中修改好的数据回传到父组件 刚开始用defineModel双向绑定进行数据修改，但是直接传原始数据，组件的通用性降低（可能是自己太菜了不会写），会导致传参时非常的繁琐，增加代码量，因此想到了使用自定义事件来将数据回传到父组件。 但是发现使用自定义事件回传的参数，父组件接收不到，使用console.log打印数据显示undefined 旧代码如下： 父组件 1234567891011121314<template> <CommonInput v-model="inputValue" @test="handleTest()" /></template><script setup>import { ref } from "vue";const inputValue = ref();const handleTest = (data)=>{ console.lo...

Vue3：父组件与子组件的双向绑定 起因：想自己封装一个通用组件方便后续开发，结果因为使用defineProps的方式传递参数发现无法通过子组件修改父组件传递过来的参数 官方文档解释：所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解，所以想要直接在子组件修改props就是不可能的？！想过在子组件中使用自定义事件将值传递给父组件实现修改父组件中的值，但是看到代码相对复杂并且修改一个就要使用一次自定义事件，直接让代码显得杂乱无章，苦思冥想之际，看到一篇文章介绍Vue3中一个新的宏函数defineModel，在子组件中使用defineModel来定义需要传递的参数，父组件中使用v-model绑定传递的参数，就可以实现父组件与子组件中数据的双向绑定。 以下是一个简单示例 父组件代码 123456789<template> <CommonInput v-model="inputValue&q...

写博客时间长了，会积累一些让排版更舒服的习惯。 1. 善用二级标题读者扫读时主要看标题，所以每 300~500 字最好有一个小标题。 2. 表格表达对比 写法 效果 建议 **粗体** 强调关键词 每段不超过 2 处 > 引用 引用他人观点 配合出处 --- 分隔章节 慎用，容易打断阅读 3. 代码块标注语言1hexo clean && hexo generate && hexo deploy 4. 图片加替代文字 里的文字在图片加载失败时会显示出来，也利于无障碍访问。 5. 列表保持同级嵌套层级太深会让手机端排版很难看。 6. 用 <!-- more --> 控制摘要首页只展示摘要，阅读体验更好。 7. 保持 front-matter 整洁字段越少，迁移主题时越省事。

主题定制不一定要大改，从变量入手最省力。 找到变量文件大多数主题会把颜色、字体抽到 _variables.styl 或 source/css/_variables/ 里。 只改三处 主色（链接、按钮） 正文与背景的对比度 代码块的背景色 12345:root { --brand: #2f6feb; --bg: #ffffff; --code-bg: #f6f7f9;} 改完记得 hexo clean，否则浏览器缓存会让你怀疑人生。

去年定下的目标是「每月至少一篇」，最后写了 42 篇。 数字 总字数：约 8.6 万字 最长一篇：1.2 万字（系列教程） 断更最长：21 天（春节） 三个体会一、先写垃圾，再改。 初稿丑一点没关系，卡住的往往是「想一次写完美」。 二、主题要收窄。 什么都能写等于什么都不精。 三、存档比发布重要。 有些内容当时没人看，半年后反而成了搜索入口。 明年想把更新节奏固定下来，比如每两周一篇。

Hexo 博客常见的做法是： source 分支：保存 Markdown 源文件与配置 main 分支：保存 hexo generate 生成的静态页面 日常流程1234git add -Agit commit -m "post: 新文章"git push origin sourcehexo clean && hexo generate && hexo deploy 注意不要把 public/ 和 node_modules/ 提交到源文件分支，.gitignore 里加上： 1234node_modules/public/db.json.deploy_git/