# 写了个导航网站

> 利用Webstack项目开发了个Astro导航网站

发布：2025-06-27 | 分类：计算机 | 标签：前端、项目


感觉又是很久没有动过笔了，当然，这么多天我肯定没有在摸鱼(才怪！)

前两天，心血来潮打算搭建个导航网站，当然目的不是为了推广，而是为了当做个人的浏览器首页和网站收藏夹使用。

在 Github 找了很久都没有心仪的项目，要么是新的框架，要么就是不太喜欢它们的设计，然后兜兜转转我就翻到了 [WebStack](https://github.com/WebStackPage/WebStackPage.github.io) 这个项目，看着演示站点，我觉得这个很符合我的审美，而且功能也很齐全。但是一看下面有用 hexo，也有用 hugo 甚至 docker 什么的。虽然我也可以一键部署一个，但感觉总不太满意，主要是最近折腾 Astro 很久了，不太想回到过去，我自己写还能按照自己的想法开发。

很感谢的是作者给了纯 html 的文件，所以我的工作量其实也不大，做做适配，将各部分模块化一下差不多就搭建好了。

![Pasted image 20250627214119](https://gcore.jsdelivr.net/gh/Keduoli03/My_img@img/%E5%AF%BC%E8%88%AA%E7%BD%91%E7%AB%99%E5%B1%95%E7%A4%BA.webp)

目前虽然是还有蛮多小问题的，比方说历史遗留的文件没清理，友链功能没做，还有自定义壁纸没做完等。绝大部分其实也差不多了。

至于添加站点，我是决定通过一个菜单和若干个站点的文件配置的。

```text
src/
└── data/
    ├── category.js
    ├── searchConfig.js
    └── sites/
        ├── common.js
        ├── anime.js
        └── ...  其他二级菜单文件
```

使用的时候我只需要注意添加菜单，然后在对应的二级菜单文件下添加站点即可，会自动识别并显示在主页。

对我来说这是比较省心的方式。

演示站点在：[网站导航](https://nav.blueke.top/)

仓库地址在：[Keduoli03/Astro_Enav: 基于Astro和WebStack-hugo开发的导航网站](https://github.com/Keduoli03/Astro_Enav)

感觉现在写的还是比较抽象......，等优化一段时间再写完整的文档吧