文章介绍了经过 AI 改造后的 Firekylin，提出其定位为“AI 友好的博客平台”。核心思路不是简单增加几个 AI 按钮，而是让 AI 贯穿写作、内容管理、外部客户端接入和二次扩展等多个环节。 文章还介绍了新版主题市场、Eta 模板引擎、Widget 数据接口和插件扩展机制，说明 Firekylin 不仅在使用层面对 AI 友好，也在开发和定制层面提供清晰接口，方便围绕主题、插件和工具能力继续扩展。最后作者总结，所谓“AI 友好…

阅读全文 →

文章回顾了作者与 Firekylin 的长期渊源，并重点分享了这次借助 AI 对老项目进行大规模升级改造的过程与感受。作者将 Firekylin 从多年积累的旧技术栈中全面升级，包括基础库、React 组件写法、模板引擎以及插件体系等，认为 AI 在处理这类跨版本迁移、重复性重构和结合上下文的大量修改时表现非常高效。AI 正在改变老项目维护和升级的工作方式。开发者的角色从亲自逐行实现，更多转向明确目标、拆分需求和进行审查判断。借助 AI…

阅读全文 →

很早之前，我们团队对接的设计同学推行了一个字体规范，凡是金额价格的数字表达，需要使用他们制作的某个自定义字体，该字体仅包含数字和英文等字符。 但该字体在后续的大量使用中发现在 iOS 上存在基于 baseline 无法对齐的问题，该问题在 Web 和 Native 场景都有同学反馈。 这个问题困扰大家久矣，目前大家的解法通常是 baseline 对齐之后，再将数字设置成绝对定位人肉再微调。整体解决方案比较 Hack。 我们也曾尝试找…

阅读全文 →

简介 github-translator 是我最近做的一个小工具。它是一款将非英文的 GitHub issue 和 GitHub discussion 自动翻译成英文的 GitHub Action。https://github.com/lizheming/github-translate-action 已启用该 Action，感兴趣的同学可以直接上仓库测试一下。 使用 使用其实很简单，在你的项目仓库中新建 .github/workflo…

阅读全文 →

有些你不知道是正常的……因为他们基本都没怎么被浏览器实现 🥶 CSS Toggles https://tabatkins.github.io/css-toggle/ 纯 CSS 实现状态切换一般使用 Checkbox 或者 Radio 配合选择器来实现。实现起来麻烦不说，而且 CheckBox/Radio 的位置限制了你可控制的范围，用起来很不方便。 iframe { width: 100%; height: 300px; borde…

阅读全文 →

Figma 是一款专业的在线 UI 设计工具，它因为个人使用免费、在线跨平台、多人协作、蓬勃的 Figma Community 社区组织而广受欢迎。目前设计团队都在使用 Figma 进行 UI 设计交付。 能被 SaaS 化的终将被 SaaS 化 Figma 本身是 Web 服务，其客户端也是使用 Electron 进行的封装。所以它的插件系统是前端友好型，和日常前端开发没有什么太大的区别。 插件原理 Figma 的插件也采用了双线…

阅读全文 →

2023-07-12 更新：《关于豆瓣图片无法直接使用的说明》 简介 doumark-action 是我前段时间造的一个轮子。它是一款 GitHub Action，支持在 GitHub 中同步你的豆瓣书影音数据到本地的文件或者 Notion 中。我利用它，定时同步我的豆瓣观影数据到我的博客仓库中，并利用 Hugo 读取文件数据渲染成页面，观影 是最终的效果。 使用 使用其实很简单，在你的博客仓库中新建 .github/workflow…

阅读全文 →

我在之前的文章 《Hugo 主题 Eureka 自定义》 中有讲到我现在用的博客主题就是 Eureka。不过主题虽然好看，但是性能跑分却比较低。遂趁着周末时间给优化了一下，遂有本文。 打开控制台看了下资源的加载，之前没注意，这会才发现首页竟然后 10M 这么多资源要加载，怪不得性能不好呢。 JS 资源 JS 资源中大头是 FontAwesome，主题中直接使用了引用了所有图标的集成版地址 @fortawesome/fontawesom…

阅读全文 →

前段时间组里的小伙伴让我帮忙排查一个线上问题，我觉得排查流程比较有意思，想着记录一下看看是否能对其它同学有所帮助，遂有此文。 事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。 🔍 初步排查 在线上复现该错误后，点击错误堆栈的文件跳转，快速定位到线上出错的代码…

阅读全文 →

在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。 import { useState, useEffect } from 'react'; export function useFetchDataInterval(fetchData) { const [list, …

阅读全文 →