Astro主题开发
2024-2-2
·
hexWers

开始

约23年夏,想着局域网的Halo博客能否和Hugo联动指定部分技术博客同步到github,然后自动部署。后面发现了astro其实可以实现我的一部分需求,Halo有基于openapi的client-api,可以将Halo当成headless cms

但是时至2024年2月,我还未能实现

在浏览astro的过程中,看到了astropaper这个博客主题。后面看了一下该主题开发者的博客:Sat Naing’s Blog,可以说是我见过的简约风格的博客中最好看的,于是萌发了一个想法,基于Hugo写一个类似风格的博客主题

很久之前就有一个想法:自己开发一个博客主题。已经尝试过了,最早是前端课设,照着视频抄了一个基于Node.js的博客

于是说干就干,某日中午开始查看Hugo的文档,看一些博客主题开发文章,看代码…简单的了解了项目结构和markdown渲染

参考这篇文章,博主差不多写了一个月基本开发完成新主题,持续完善到现在,也算是给我的一种鼓舞吧


但是后续,由于一些学业上的事情搁置了想法,在23年的10月左右又把这个想法给拾起,用的是TailwindCSSFlowbite,但是hugo集成tailwindcss有点麻烦,网上有开发模板倒是迈过了这个坎

我个人更希望的是,用新的技术,去写东西,顺便学习,以及个人折腾

写到了一半,感觉样式不合适,又没有什么新的想法,感觉可玩性不够高,可维护性倒是还行,那段时间还有一些糟心的事情,写到一半,一拖再拖,就不了了之


到了23年末,Astro4发布,我看了一些文档,有从0开始自制博客的教程,所以瞄了一下,就开始写,发现文档齐全,比Hugo文档强很多,社区也相对不错,有问题可以通过discord上的ai来解答,我觉得体验很棒

于是慢慢写慢慢写,就有了本站点主题

真实开发时长也就一个月吧,如果一直写估计一星期就可以写完了,有AI加持真的很快

不得不说,真是一波三折啊

技术选型

Astro+TailwindCSS+React+Shadcn+…

在写本站之前我甚至没学过React,主要是当时Shadncn-vue没有我想要的组件,干脆换成了React,多学一个框架

不得不吐槽这个shadcn的nav的二级菜单,真的不太行…

界面样式参考的是小红书一些艺术生的作品集,以及:Sat Naing’s Blogz老师的博客,还有原本自己hugo的一点样式

设计原则:简约为主,尽量少弄或者不弄分页,我不喜欢也就20篇文章每页6篇文章还要翻半天到底的情况

关于分页我会做设置,如果setting开启了分页那就分,默认不分,这个功能后续再做

就这样!