https://bbchin.com期待生活中的一切美好Halo v2.21.10zh-cnhttps://bbchin.com/upload/blog_logo.pnghttps://bbchin.comThu, 16 Apr 2026 18:07:34 GMThttps://bbchin.com/archives/wei-ming-ming-wen-zhang背景 之前给了一个在 MacOS 上部署 n8n 2.x 的简单配置，使用它可以快速在自己的笔记本上部署 n8n，但是当你有更复杂的使用需求，基础的 docker 配置文件肯定是无法满足您的。接下来提供一套基于 Docker Compose 的 n8n 2.x 自托管配置，使用 Postgres 作]]>/archives/wei-ming-ming-wen-zhangM酷N8NWed, 24 Dec 2025 23:49:08 GMThttps://bbchin.com/archives/zai-macos-shang-shi-yong-docker-bu-shu-n8n-2.x这份文档以本机部署为目标：使用 Docker Compose 启动 n8n，并通过 launchd 实现“登录后自动启动”。 前置条件 macOS 已安装 Docker Desktop Docker Desktop 已开启 “Start Docker Desktop when you log in”]]>/archives/zai-macos-shang-shi-yong-docker-bu-shu-n8n-2.xM酷N8NWed, 24 Dec 2025 23:25:19 GMThttps://bbchin.com/archives/check-webp-support我们都知道，WebP 是 Google 推出的 WebP 图片格式，它是一种支持有损压缩和无损压缩的图片文件格式，根据 Google 测试，相同的图片，WebP 格式的图片均能比 PNG，JPG 格式的图片节约不少体积，但是其兼容性不是很好。当我们需要在前端检测当前浏览器是否支持 webp 的时候，]]>/archives/check-webp-supportM酷小技巧问题&技巧前端技术Fri, 24 Feb 2023 06:46:29 GMThttps://bbchin.com/archives/react-vite-ts总结 React + TypeScript 项目中遇到的一些问题]]>/archives/react-vite-tsM酷TypeScriptViteReact问题&技巧Fri, 13 Jan 2023 12:54:14 GMThttps://bbchin.com/archives/new-intro🍄 在发布新产品或者有新功能上线时，往往需要新手引导功能来引导用户了解和使用新应用，也可以用于引流。下面分享几个开箱即用的新手引导组件，帮你快速实现新手引导功能！]]>/archives/new-introM酷技术分享收藏整理Tue, 29 Nov 2022 09:03:27 GMThttps://bbchin.com/archives/el-select%E5%90%8C%E6%97%B6%E8%8E%B7%E5%8F%96%E9%80%89%E4%B8%AD%E7%9A%84label%E5%92%8Cvalue背景在业务开发场景中，我们会大量的使用到各种表单组件，其中 el-select 是使用频率最高的组件之一。此时，有个场景需要 el-select 能够返回当前选中的 value 和 label，value 用于存储，label 用于展示。但是 el-select 并不支持直接去获取，那只能靠自己处理。]]>/archives/el-select%E5%90%8C%E6%97%B6%E8%8E%B7%E5%8F%96%E9%80%89%E4%B8%AD%E7%9A%84label%E5%92%8CvalueM酷ElementUIVue问题&技巧Thu, 11 Aug 2022 03:51:39 GMThttps://bbchin.com/archives/vite2-vue3-ts整理一些 Vue3 + Vite2 +TS 项目中遇到的一些问题以及如何处理，方便后面查阅。]]>/archives/vite2-vue3-tsM酷ViteVue前端技术Tue, 14 Jun 2022 09:50:50 GMThttps://bbchin.com/archives/file-head-info常用文件的二进制头信息]]>/archives/file-head-infoM酷收藏整理Mon, 4 Apr 2022 07:14:12 GMThttps://bbchin.com/archives/style-guideline本文主要展示 halo-theme-joe2.0 中的各种样式，方便大家写作的时候进行参考，部分样式可能会在迭代过程中有所变更，请及时关注最新信息。]]>/archives/style-guidelineM酷Joe2.0Fri, 4 Mar 2022 09:53:59 GMThttps://bbchin.com/archives/vscode-yarn-errorVSCode 中提示 yarn : 无法加载文件 C:\Users\qinhua\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。]]>/archives/vscode-yarn-errorM酷小技巧Fri, 11 Feb 2022 03:28:16 GMThttps://bbchin.com/archives/halo-theme-joe20Joe2.0 是 Typecho Themes Joe 主题的 Halo 版，由于 社区 之前有兄弟移植过，这次就叫 Joe2.0 吧，此次在原版主题上做了不少修改和适配，由原版的 php 模板调整为 freemarker， 移除了平台无关的特性，同时增加了一些平台特定的配置，保持灵活性的同时最大限度的移植了原版功能，希望大家喜欢 ❤️]]>/archives/halo-theme-joe20M酷Joe2.0Sun, 16 Jan 2022 16:35:46 GMThttps://bbchin.com/archives/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%A6%82%E4%BD%95%E9%80%9A%E8%BF%87%E4%B8%9A%E5%8A%A1%E4%BD%93%E7%8E%B0%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BB%B7%E5%80%BC亮点● 技术架构○ 技术选型，预见未来，比如是否有跨端需求，提前选择跨端框架● 降本提效○ 目录自动生成，参考 egg.js（提效）○ 运营页面自动搭建（提效降本）○ 快捷键工具○ 自动化测试工具○ 批量处理国际化（提效）■ nodejs-translate■ react-intl 以及 I18N-]]>/archives/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%A6%82%E4%BD%95%E9%80%9A%E8%BF%87%E4%B8%9A%E5%8A%A1%E4%BD%93%E7%8E%B0%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BB%B7%E5%80%BCM酷默认分类Sat, 15 Jan 2022 16:56:47 GMThttps://bbchin.com/archives/vue2-wp4-ts记录自己给 vue2 + webpack4 的项目添加 typescript 支持的一些问题和解决办法。]]>/archives/vue2-wp4-tsM酷Vue问题&技巧Wed, 22 Dec 2021 07:41:01 GMThttps://bbchin.com/archives/vue2-to-vite记录了 vue-cli3 + vue2 项目转 vite2 过程中遇到的各种问题及解决办法。]]>/archives/vue2-to-viteM酷Vue问题&技巧Wed, 22 Dec 2021 07:10:44 GMThttps://bbchin.com/archives/node-inject很多时候，我们希望直接通过执行命令的方式代替纯手工的重复性工作，比如通过执行 node 命令，往现有的文件中插入内容，提高效率。]]>/archives/node-injectM酷小技巧Mon, 18 Oct 2021 09:16:58 GMThttps://bbchin.com/archives/git-tricksGit 工作中的常用命令]]>/archives/git-tricksM酷GitSat, 9 Oct 2021 14:43:39 GMThttps://bbchin.com/archives/vue-next-tick根据官网解释，nextTick 是下次 Dom 更新循环结束之后的回调，我们可以通过它拿到更新后的 Dom ，并做一些操作。]]>/archives/vue-next-tickM酷Vue 源码系列Mon, 4 Oct 2021 14:41:30 GMThttps://bbchin.com/archives/source-keep-alive《Vue 源码系列》之 keep-alive 。Keep-alive 字面意思就是活着，在代码层面实现的也就是这个能力，即让我们的页面或者代码能够在一定时间内不被销毁。Vue官网的解释如下：keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。]]>/archives/source-keep-aliveM酷Vue 源码系列Tue, 21 Sep 2021 10:05:01 GMThttps://bbchin.com/archives/vue%E6%BA%90%E7%A0%81%E7%B3%BB%E5%88%97%E5%BC%80%E7%AF%87%E8%AF%8D这是一个系列文章，会一直更新下去。主要目的是对 Vue 的核心源码进行一个解读，加深对框架本身的认识，让我们在工作中遇到类似问题时能够运用原理性的知识快速找到解决方案，提升工作效率。此系列解析的是 Vue2.x 版本的源码，后面也会更新 Vue3.x 的源码解析。]]>/archives/vue%E6%BA%90%E7%A0%81%E7%B3%BB%E5%88%97%E5%BC%80%E7%AF%87%E8%AF%8DM酷Vue 源码系列Tue, 21 Sep 2021 10:01:33 GMThttps://bbchin.com/archives/el-table-rerender接上一篇文章里提到的 “自定义列表项” 需求暴露出来的问题，就是用户在对列表项进行自定义配置之后，列表此时就需要展示用户配置的列表项，但是表格组件却没有正常展示数据。]]>/archives/el-table-rerenderM酷ElementUIVueTue, 14 Sep 2021 11:10:32 GMT