diff --git a/content/post/我的第一款astro主题Wing.md b/content/post/我的第一款astro主题Wing.md new file mode 100644 index 00000000..1ac8d58f --- /dev/null +++ b/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) diff --git a/static/pics/hugo/我的第一款astro主题Wing/image-20260117203201720.png b/static/pics/hugo/我的第一款astro主题Wing/image-20260117203201720.png new file mode 100644 index 00000000..b6e67923 Binary files /dev/null and b/static/pics/hugo/我的第一款astro主题Wing/image-20260117203201720.png differ