Astroway
特性
- 暗黑模式切换
- 响应式设计
- 易于定制和扩展个人数据
- 博客文章的模糊搜索
- SEO 友好 (robots.txt, sitemap.xml)
- RSS 订阅源
下一步计划
- [ ] 国际化 (i18n)
- [ ] 项目合集
- 欢迎随时提出 issue 或提交 pull request,分享您改进此模板的想法
如何使用此模板
注意:本迷你指南假定您的机器上已安装 `npm`,如果没有,您可以按照[此](https://docs.npmjs.net.cn/downloading-and-installing-node-js-and-npm)说明进行下载
- 点击仓库顶部的 “Use this template” 按钮。
- 基于此模板创建一个新仓库。
- 将仓库克隆到您的本地计算机。
- 运行 `npm install` 来安装依赖项
- 现在,您可以运行 `npm run dev` 来启动开发服务器
- 现在,您可以通过更新 `/data/info.ts` 文件中的个人信息来开始自定义作品集模板。
关于联系方式部分的说明
如果您在 `info.ts` 文件的联系方式部分添加/删除了某些内容,您需要更新位于 `src/components/contact_section` 目录下的 `Contact.tsx` 文件,以反映您在 `info.ts` 文件中所做的更改。尽管这种选择可能看起来多余,但它实现了数据与视图的分离。
关于 RSS 订阅源的说明
RSS 订阅源是使用 `astro-plugin-feed` 插件生成的。
如何自定义
- 在 `astro.config.mjs` 文件中用您的站点 URL 更新 `site` 条目。
- 修改位于 `pages` 目录下的 `rss.xml.js` 文件,以反映您站点的信息。
关于 SEO 的说明
修改位于 `src/layouts` 目录下的 `BaseLayout.astro` 文件的 head 部分,以反映您站点的信息。
关于样式的说明
此作品集模板使用 Tailwind CSS 进行样式设计。您可以通过更新项目根目录下的 `tailwind.config.js` 文件来修改作品集中使用的颜色。
使用的工具
此作品集模板使用了以下工具/库/资源