2026.1.17

content/post/我的第一款astro主题Wing.md

@@ -0,0 +1,35 @@
+---
+title: "我的第一款astro主题Wing"
+date: "2026-01-17T18:03:52+08:00"
+slug: "20260117"
+draft: false
+categories: []
+tags: []
+author: "小赵同学"
+layout: "post"
+status: "public"
+categories: ["生活"]
+tags: []
+---
+
+我一直在找合适的静态博客框架，主要是动态博客维护太麻烦，又要管服务器又要操心数据库，使用了一段时间hugo，明显感觉静态省心多了，serverless让我只用关心内容输出。之前试过Hexo、Hugo，现在用的还是Hugo，用着倒是顺手，但总觉得少点灵活度
+
+ 
+
+前阵子刷B站，首页突然推了个Astro框架的视频，才发现前端圈更新是真快啊，刚摸熟一个又冒出来新的。看UP主说这玩意儿能搭博客，我平时就爱折腾这些，立马去搜了astro.build官网看文档。没想到文档写得特实在，一步一步带着教，不像有些框架文档净说些听不懂的术语，跟着走没一会儿就摸清门路了
+
+ 
+
+果断用pnpm装了环境，开始捣鼓自己的主题。这框架结构居然跟Vue有点像，文件布局、组件写法都不陌生，上手贼快，一天时间就把主体功能搭完了。我这主题主要做了三个点：一是界面极简，只留核心的文章展示功能，去掉所有多余的动画，看着清爽；二是加载速度拉满，用了Astro的部分 hydration 特性，首页加载才几百毫秒，翻页也不卡顿；三是兼容了常用的博客工具，支持Markdown自动解析、代码高亮，还加了暗色模式切换，平时写生活文章够用了。
+
+ 
+
+不过过程中也踩了坑，官网文档里没说清楚SPA模式和自定义钩子的兼容问题，我开启SPA后评论组件直接崩了，点提交没反应，调试了半天也没搞定，暂时先放一放。现在主题还有几个小bug没修复，等理顺了就开源出来给大家用。
+
+ 
+
+先放个预览地址：https://5b2.cn，感兴趣的可以瞅瞅，界面没搞花里胡哨的，主打一个干净好⽤～
+
+
+
+![image-20260117203201720](/static/pics/hugo/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AC%BEastro%E4%B8%BB%E9%A2%98Wing/image-20260117203201720.png)