生活小事
重建博客
重建缘由
我的第一个博客是在 2019-07-30 搭建的,至今已经用了 2 年时间(详见 个人 blog 搭建完成 博文)。
满意的是总算有了一个自由不受审查的地方供写作,且 Google Analytics 显示隔三岔五会有一两位用户访问。
不足的是:
- UI 界面一般,桌面端观看时字体太大,中文字体一般。
- 页面布局。我希望桌面端我的博客左边都是 TimeLine 或者是 目录,而我目前用的模板左边是个人介绍,显得很鸡肋。
- 无法满足夜间模式。作为一个经常 12 点才睡的家伙,夜间模式对我而言挺重要的。
- 不支持多语言模式。想构建一个至少包含中英两种语言而且能自动翻译的博客。
- 我的 GitHub Page 在中国大陆内能正常访问,但由于没有设置 CDN,内置 Imgur 图片却不能。这有时会显得文章内容看起来莫名其妙,影响阅读体验。
那能否自建一个个人博客呢?
在做了一个 React 小项目 + 看了 无辄的栈 的 初学前端,制作一个 Gatsby 静态博客后,于是决定自建我的博客。
重构博客的框架有很多,让我用 Gatsby 重构我的博客原因有:
- 参考Static Site Generator
- Gatsby 官网的对比图
- 我有一点 React 基础,并且对 React 社区很感兴趣。React.JS 是我读过的最舒适的文档。
过程
Figma 设计页面
由于我在绘画方面就是个小白,网站在设计时参考了部分网站。主要从个人对网页 UI 的喜爱程度。
最后瞎画画了一个 Demo
设计文件结构
首先,跟着Gatsby Tutorial走一遍,然后结合自己需要(多语言,CSS 组件),设计框架。