全部专栏
黑白梦博客建设分享
一些博客建设的记录
共 18 篇文章更新于 2026-08-04
- 01vite 构建产物分块策略可通过 splitVendorChunkPlugin 插件或者定义 manualChunks 配置分块策略2023-12-30
- 02viewerjs 易用的图片查看组件博客图片需要进行放大、切换等效果，引入 viewerjs 这种第三方组件，可以快速获得丰富、完善的图片播放功能。2023-04-08
- 03react-scripts 项目升级至 vite尝试将博客管理端升级为 vite，升级的过程基本没遇到坑，几乎无缝完成升级。2023-02-13
- 04升级 Ant Design 5.x，构建项目定制主题，并在 CSS 变量中共享主题样式 Ant Design 5.x 升级后，整体依赖的配置大大减少，更容易引入。2023-02-11
- 05React 18 升级记录总的来说，React 18 的升级还是比较简单，整体比较平滑。2023-02-05
- 06文章历史版本快照功能开发在博客里写笔记，包括很多专门博客网站，历史版本会是一个比较缺失的功能。其实仔细想想，文章历史版本自研的话还是比较简单的。2023-01-30
- 07博客后端全面迁移至 Node.js把整个网站的功能用 Node.js 重构了，整个博客全面接入 Web 前端生态。2022-10-08
- 08博客增加专栏功能专栏既可以让一些有关联的文章形成结构化，也不是一篇文章的必需品，还可以把一篇文章归类到多个专栏里。2022-10-05
- 09React 实现编辑页面异常退出自动拦截的功能通过浏览器的阻止页面关闭事件，配合 React Router Prompt，实现“刷新、关闭页面”和“浏览器回退按钮”双重拦截。2022-09-07
- 10使用 Next.js 的 pages 路由 SSG 方案，接管博客渲染层，实现纯静态+单页应用+预渲染效果视图层从 PHP 升级到 Next.js，开发体验和站点性能都得到了较大提升。2022-08-14
- 11文章编辑时的前端自动缓存功能思路与实现经常在网页编辑写文章的人，可能都会遇到过这种场景：手滑了，或者浏览器崩溃了，编辑的内容丢失了。 为了避免这种情况，需要加入前端缓存功能。2020-08-18
- 12文章草稿功能开发思路与实现把文章存到草稿箱而不发布，拖稿或屯稿都能用上2020-08-20
- 13通过 marked 渲染 markdown 为富文本格式，并设置样式、代码高亮最近，将博客的文章编辑器从富文本改为了 markdown 编辑器，为了最终渲染的效果，需完成富文本的转化。2021-08-16
- 14前台代码高亮方案 highlight.js 应用，支持网页与微信小程序常用的富文本编辑器，具有代码块功能，但没有代码高亮，这里引入 highlight.js 实现高亮，并尝试支持普通网页、单页应用及微信小程序。2020-08-16
- 15博客升级到 Next.js 14 ，迁移到 app 路由，升级 SSG 模式对博客进行了 Next.js 14 升级，整个过程非常平滑，很小的改动就可以获取全部新特性。迁移到新的 app 目录，并对应升级 SSG 模式，使得代码更简洁。2024-06-10
- 16Next.js SSR 部署总结笔记最近将博客从 SSG 改成了 SSR ，基于原有的数据库和前台界面，通过 AI 编程完全重写写了后端接口和管理端界面，实现前后端同构、服务端渲染等。在此记录一些部署中遇到的问题，以及 PM2 + Nginx 的部署配置信息。2026-02-14
- 17RAG 检索增强生成系统设计与工程实践：博客智能体落地在构建大模型应用时，RAG（检索增强生成）是引入私有知识与解决模型幻觉的核心方案。本文以博客知识库为实战载体，系统阐述 RAG 架构设计与工程落地的完整链路——涵盖清洗切分、向量化同步、多查询并发检索以及 Agent 工具化闭环。2026-05-16
- 18用 Kimi K3 重设计网站 UI：黑白梦博客改版实践博客的前端样式已经好几年没有大动过了：白底黑字、一个黄色点缀，简洁是简洁，但页面信息量低、缺少层次。这次尝试接入 Kimi K3，只提了一段需求加几张现有页面的截图，让它完成整站页面的重设计。结果超出预期，全程没有手动改过代码。2026-08-04