使用 React 创建静态的个人博客

2022 年 7 月 5 日

博客截图

主页

文章页

学习资料页

学习资料简介页

博客链接

话不多说, 上博客链接: 点我 !

博客技术栈

首先可以观察到, 我的博客是托管在 gitee pages 上的, 那就意味着这是一个 静态 的网站. 之所以这样做, 最大的一个原因就是 免费!

静态部署的缺点如下:

1. 每次更新需要修改代码并重新部署 (最大的缺点).
2. 在 .js 中编辑数据十分麻烦.
3. 无法存储用户信息.
4. 图片的存在会给版本管理带来额外存储空间的负担.

虽然缺点多多, 但是在免费部署面前这就都不是事儿了.

针对第二条缺点, 我做了一个 "后台" 系统, 用于 编写 / 编辑 文章等数据, 在完成编辑后自动生成代码, 然后我们需要做的只有复制和粘贴了! 极大地提高了效率.

关键依赖

列出其中的几个比较重要的依赖:

• React Markdown
• React Cookie
• React Infinite Scroll Component
• React Lightgallery

写在最后

欢迎大家访问!