静态博客搭建(1)Rspress#

0.为什么要重构博客#

一边重构一边记录，每篇文章都可能因为我想到一个新需求进行更新完善

阿里云的 99块服务器，到期续费却要上千，秉承能白嫖就不花钱的道理。

这个步骤可能每年都要来一遍，遂记录下来，

博客搭建#

本篇讲 本地博客搭建

直接跟着文档来几行命令就行，Rspress官方文档写的很详细

文档解读#

这里讲解一些比较容易疏忽的点

路由是自动生成的#

【约定式路由】就是我们提前约定好按 文件路径映射到路由路径，自动生成路由

值得注意的是【组件路由】，其实就是写.tsx的react组件 和.md一样会被视为文章，生成路由

foo.tsx文件，foo被视为路径，内容中的export default导出会被视为页面内容

export const frontmatter = {} 可进行页面配置, 同 .md 中的 Front Matter

约定式路由

站点SEO#

Open Graph（开放图谱协议，简称 OG） 是由 Facebook 提出的一种网页元数据协议

用于让网页在社交媒体（比如 Facebook、Twitter、微信等）上分享时，能展现出更丰富清晰的预览信息

服务器和域名#

主题改造#

重构博客的一些想法#

www.luoziyu.cn(基于Hexo)承载了 百余篇文章后

1. 访问卡顿构建缓慢

2. 与工作技术栈不同 扩展改造受限

以后新内容全部放在www.luoziyu.com(基于Rspress)，旧内容逐渐翻新迁移

为什么选择Rspress#

1. 适配我的React技术栈

2. 可以学习 Rspack 和 Rsbuild

3. 文档非常友好

4. 全栈搜索功能性能强，UI高亮显示友好

5. 构建速度快

6. 大厂背书

借此可以慢慢完全掌控和理解项目，基于项目做一些新技术的尝试和练习

缺点: 可选扩展功能少，有问题需要自己翻源码，更新频繁