黑白梦博客建设分享

一些博客建设的记录

14 篇文章

vite 构建产物分块策略

2023-12-30

可通过 splitVendorChunkPlugin 插件或者定义 manualChunks 配置分块策略

viewerjs 易用的图片查看组件

2023-04-08

博客图片需要进行放大、切换等效果,引入 viewerjs 这种第三方组件,可以快速获得丰富、完善的图片播放功能。

react-scripts 项目升级至 vite

2023-02-13

尝试将博客管理端升级为 vite,升级的过程基本没遇到坑,几乎无缝完成升级。

升级 Ant Design 5.x,构建项目定制主题,并在 CSS 变量中共享主题样式

2023-02-11

Ant Design 5.x 升级后,整体依赖的配置大大减少,更容易引入。

React 18 升级记录

2023-02-04

总的来说,React 18 的升级还是比较简单,整体比较平滑。

文章历史版本快照功能开发

2023-01-30

在博客里写笔记,包括很多专门博客网站,历史版本会是一个比较缺失的功能。其实仔细想想,文章历史版本自研的话还是比较简单的。

博客后端全面迁移至 Node.js

2022-10-08

把整个网站的功能用 Node.js 重构了,整个博客全面接入 Web 前端生态。

博客增加专栏功能

2022-10-05

专栏既可以让一些有关联的文章形成结构化,也不是一篇文章的必需品,还可以把一篇文章归类到多个专栏里。

React 实现编辑页面异常退出自动拦截的功能

2022-09-06

通过浏览器的阻止页面关闭事件,配合 React Router Prompt,实现“刷新、关闭页面”和“浏览器回退按钮”双重拦截。

使用 Next.js 的 pages 路由 SSG 方案,接管博客渲染层,实现纯静态+单页应用+预渲染效果

2022-08-13

视图层从 PHP 升级到 Next.js,开发体验和站点性能都得到了较大提升。

文章编辑时的前端自动缓存功能思路与实现

2020-08-18

经常在网页编辑写文章的人,可能都会遇到过这种场景:手滑了,或者浏览器崩溃了,编辑的内容丢失了。 为了避免这种情况,需要加入前端缓存功能。

文章草稿功能开发思路与实现

2020-08-19

把文章存到草稿箱而不发布,拖稿或屯稿都能用上

通过 marked 渲染 markdown 为富文本格式,并设置样式、代码高亮

2021-08-16

最近,将博客的文章编辑器从富文本改为了 markdown 编辑器,为了最终渲染的效果,需完成富文本的转化。

前台代码高亮方案 highlight.js 应用,支持网页与微信小程序

2020-08-16

常用的富文本编辑器,具有代码块功能,但没有代码高亮,这里引入 highlight.js 实现高亮,并尝试支持普通网页、单页应用及微信小程序。