返回主题列表

Astroway

一个现代化的个人作品集模板,采用 React、Tailwind CSS 和 Astro 构建,用于流畅、响应式地展示您的项目和想法。


价格

免费


Astroway

特性

- 暗黑模式切换

- 响应式设计

- 易于定制和扩展个人数据

- 博客文章的模糊搜索

- SEO 友好 (robots.txt, sitemap.xml)

- RSS 订阅源

下一步计划

- [ ] 国际化 (i18n)

- [ ] 项目合集

- 欢迎随时提出 issue 或提交 pull request,分享您改进此模板的想法

如何使用此模板

注意:本迷你指南假定您的机器上已安装 `npm`,如果没有,您可以按照[此](https://docs.npmjs.net.cn/downloading-and-installing-node-js-and-npm)说明进行下载

  1. 点击仓库顶部的 “Use this template” 按钮。
  2. 基于此模板创建一个新仓库。
  3. 将仓库克隆到您的本地计算机。
  4. 运行 `npm install` 来安装依赖项
  5. 现在,您可以运行 `npm run dev` 来启动开发服务器
  6. 现在,您可以通过更新 `/data/info.ts` 文件中的个人信息来开始自定义作品集模板。

关于联系方式部分的说明

如果您在 `info.ts` 文件的联系方式部分添加/删除了某些内容,您需要更新位于 `src/components/contact_section` 目录下的 `Contact.tsx` 文件,以反映您在 `info.ts` 文件中所做的更改。尽管这种选择可能看起来多余,但它实现了数据与视图的分离。

关于 RSS 订阅源的说明

RSS 订阅源是使用 `astro-plugin-feed` 插件生成的。

如何自定义

  1. 在 `astro.config.mjs` 文件中用您的站点 URL 更新 `site` 条目。
  2. 修改位于 `pages` 目录下的 `rss.xml.js` 文件,以反映您站点的信息。

关于 SEO 的说明

修改位于 `src/layouts` 目录下的 `BaseLayout.astro` 文件的 head 部分,以反映您站点的信息。

关于样式的说明

此作品集模板使用 Tailwind CSS 进行样式设计。您可以通过更新项目根目录下的 `tailwind.config.js` 文件来修改作品集中使用的颜色。

使用的工具

此作品集模板使用了以下工具/库/资源