我开源了自己的博客主题 Gyoza

24 年 5 月 8 日 星期三 (已编辑)
1019 字
6 分钟

おめでとう🎉,我的博客主题现在开源啦!欢迎大家来体验 asrto-gyoza,有什么问题和建议都可以在 Github 仓库上提 issue。

当然了我必须要提醒的是,现在 Gyoza 还处于非常早期的阶段,会存在很多问题,所以不推荐用在生产环境中。但是经过这段时间的努力,它已经基本能用啦。而且我想先把开发告一段落,尽管还有挺多 Bug 没有修完,我担心等到所有工作都做完再总结会有点晚。

Gyoza 预览图

为什么开发 Gyoza

起因是某天网络冲浪时看到了 xLogInnei 的博客网站,一下子就对它的设计心水了。但是它需要部署后端服务,我当时不想折腾后端,所以就想着在自己原本的 Astro 项目上改改。改到一半就决定干脆开源出来,其他人可以用,目前 Astro 官方上能找到的博客模板还挺少的。

名字的由来

Gyoza 就是日语里饺子的罗马音,起这个名字是因为那一段时间馋煎饺了。

完成的工作

相较于之前完成开发的闭源版本,我进行了以下改进:

  • 用 TailwindCSS 重写了大部分组件的样式。

  • 仿照 Shiro 对顶部导航栏进行了调整,目前看起来还不错。

  • 学习了 famer-motion 库的简单用法,为页面添加了一些动效,感觉更生动一点。

  • 学习了 @radix-ui,实现页面中的模态框和弹出层。

  • 学习了 Jotai,实现 React 组件的状态管理。

  • 尽可能使用配置文件控制显示,而不是直接写死。

  • 接入了 DocSearch。

  • 添加了项目展示页面。

  • 添加了生成模板的脚本。

遇到的问题

现在面临的一个问题是 缺 乏 设 计,我没有学过设计,还是在大学的时候上过一点人机交互设计课。所以很多时候我都是看到别人网站好看的东西就抄过来,以至于整个网站显得不是那么协调。现在看起来不胜明显,但是随着添加的功能和内容越来越多,这些问题就会逐渐暴露。未来如果我有了更好的想法和设计再慢慢改进吧,其实我还是挺想往设计师方向发展的。

在 Astro 中我还遇到了一个奇怪的 Bug。在 React 组件中引入某些库文件时会报错。

后续计划

我目前的打算是保持 Gyoza 作为静态博客生成器的角色,后面会考虑自己开发一个 CMS 来配合 Gyoza。之所以想自己开发 CMS 有几个原因:

  1. 感觉分别去接入各种服务会很麻烦,也不利于数据的统一管理。
  2. 我最近使用 Gyoza 的过程中发现将文章和主题放在一个仓库里太痛苦了,尤其是我修改完模板想要在自己的博客中同步的时候。cherry-pick 偶尔用一下还好,用多了感觉难受。
  3. 而且自己开发的话,有什么好玩的功能,自己愿意就可以直接应用上。还可以回顾学习一下现代全栈开发,不能把自己局限在前端上。
  4. 你们前端就是喜欢重复造轮子。

不过,目前还是会把主要精力放在 Gyoza 的上。统一文字和背景的颜色,修复 Bug,优化一些开发时写的智障代码。

我发现 prettier 在某些情况下使用体验会变得很糟糕,尤其 prettier 对 markdown 中的代码块进行格式化时,prettier 的一些自以为是的行为真的会让我拳头硬,有空我要单独写一篇文章来细数 prettier 的罪恶。

Biome 好像挺热,但是官网上宣称它像 prettier 一样,我不确定它能否改善我现在的体验,后面我研究一下吧。

文章标题:我开源了自己的博客主题 Gyoza

文章作者:柃夏chapu

文章链接:https://www.lxchapu.com/posts/my-blog-theme-is-open-sourced[复制]

最后修改时间:


商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。
本文采用CC BY-NC-SA 4.0进行许可。