mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4mobile wallpaper 5mobile wallpaper 6mobile wallpaper 7mobile wallpaper 8
546 字
1 分钟
关于Mizuki的页面(基于Astro)
2025-02-04

最近也自己新建了相关的页面总结了一些经验之举,mizuki的框架非常清晰,这里我自己建立的方法是按照他的标准来,即页面和数据分离,以达到和原框架一样的标准,避免文件愈发混乱。 另外新建的页面应该只存放于顶栏的某个分栏,避免造成整个框架混乱甚至报错。

建立的步骤如下

  • 首先找到src/config.ts这个文件大约300行的位置 我们可以选择在my,others两个个分栏根据具体需要来选择建立自己新的页面位置(后续也可能我自己再研究下如何加分栏,不过我感觉这两个目前也够了)并加入成员,举例如下
{
name: "Timeline",//注意name开头大写,保持与作者一致
url: "/timeline/",
icon: "material-symbols:timeline",
},
  • 这一步完成后我们需要在src/pages/posts下建立自己的astro文件同时在src/data下建立对应的ts文件,前者只用于渲染后者则用于存储数据保持和整体框架一致,具体如何写还需要我后续进一步研究,目前首先记住步骤即可

  • src/i18n接下来在这里面找到i18Key.ts建立新页面关键词对应的字符串,具体格式点进文件看即可知,依葫芦画瓢即可,完成后src/i18n/languages/zh_CN.ts找到这个文件,按照里面一一对应的方法改上对应关键字的中文也是同样一葫芦画瓢(因为我们自己用只用简体中文,如果后续会用到其他语言也按照这样的步骤在其他语言改映射即可。)

  • 最后我们要将我们刚刚新添加的成员name,也就是头字母大小开头的那个绑定到i18Key.ts中对应的关键字, 找到src/components/widget/DropdownMenu.astro,将navTitleMap对象添加对应的name

至此完成新页面添加,当然具体的细节这里没讲到还需要进一步研究,目前好在大部分依靠ai来写,后续还会继续完善对pages 使用的解读

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

关于Mizuki的页面(基于Astro)
https://skyloveblog.com/posts/page-guide/
作者
asphodelz
发布于
2025-02-04
许可协议
none

部分信息可能已经过时

封面
Sample Song
Sample Artist
封面
Sample Song
Sample Artist
0:00 / 0:00