今天跟大家唠唠我最近搞的“赫格纳斯”项目，一开始听这名字，我都觉得有点拗口，但上手之后，发现还挺有意思的。
起因：
这事儿，得从我最近想搞一个自己的小网站说起。我寻思着，现在各种框架满天飞，要不就自己撸一个得了。正好最近在学一些前端的新东西，就想着找个机会练练手。
过程：
先搭了个架子： 我先用`create-react-app`快速搭了个React的架子，为啥用这个？简单粗暴呗，省事儿。
琢磨页面结构： 接着就开始琢磨页面结构，想想我要放啥内容，怎么排版。一开始想得挺复杂，后来一想，算了，先简单点，能跑就行。
吭哧吭哧写代码： 这就是最痛苦的环节了，对着屏幕一行一行地敲代码。遇到bug就各种Google，Stack Overflow，感觉头发都快掉光了。
数据怎么来？ 我又不想搞数据库，太麻烦。想着要不就用JSON文件凑合凑合？后来发现，直接用Markdown写文章，然后解析成HTML更方便。
样式美化： 代码写完了，界面丑得惨不忍睹。于是又开始折腾CSS，各种调颜色、字体、布局。这玩意儿真费时间，感觉永远也调不好看。
部署上线： 写完代码，总得让别人能看到。我就选了个Vercel，直接把代码push上去，Vercel自动部署，简直不要太方便。
遇到的坑：
CSS样式冲突： 各种组件的样式互相影响，改起来真闹心。后来我用了CSS Modules，总算解决了这个问题。
Markdown解析： 我用的`remark`这个库来解析Markdown，一开始各种配置搞不明白，后来对着文档一点一点试，总算弄好了。
性能优化： 网站速度有点慢，我就用了`*`和`Suspense`做了一下代码分割，总算快了一点。
的成果：
虽然现在看起来还挺简陋的，但总算能用了。能写写博客，放点自己的小项目。以后慢慢迭代。
这回搞“赫格纳斯”项目，虽然挺累的，但也学到了不少东西。以后有机会再搞点更有意思的。
还没有评论，来说两句吧...