安装
- 克隆此仓库。
- 导航到项目目录。
- 使用 `npm install` 安装依赖项。
用法
快速开始
- 开发：运行 npm run dev 或 npm start 以启动开发服务器。
- 运行 npm run build 以生成生产版本。
- 预览：运行 npm run preview 以预览生产版本。
- Astro CLI：使用 npm run astro 探索更多 Astro CLI 命令
更新用户链接
要自定义应用程序中显示的链接，请按照以下步骤操作
- 打开项目中的 src/data.js 文件。
- 找到包含用户链接信息 userLinks 的部分。
- 修改 userLinks 数组中的每个对象，填入您要显示的信息。您可以更改链接标题、链接本身以及关联的图标。
- 保存对 data.js 文件的更改。
- 更新 userData.js 文件中的链接信息后，当您重建或运行应用程序时，更改将自动反映在您的应用程序中。
包含图标
要将图标导入您的项目，我们使用 Iconify CDN 并利用 userLinks 中每个 Iconify 图标的 icon 属性。例如，要使用 React 图标
<iconify-icon icon="logos:react" width="27" height="27"></iconify-icon>
在我们的 data.js 中，我们只需像这样指定图标标识符
{
title: "React",
link: "https://reactjs.ac.cn/",
icon: "logos:react"
}
您可以这样将 Iconify 脚本添加到项目的 <head> 部分
<head>
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
</head>
包含此脚本后，您可以通过在 icon 属性中指定其标识符来使用任何 Iconify 图标。请务必将“ "logos:react”替换为您要使用的图标的相应图标标识符。您可以在 Iconify logos 页面上找到各种可用的图标。
定制
随意修改本项目以满足您的需求！无论是更改布局、添加新功能还是调整样式，尽情发挥您的创造力。
作者
- SofiDev
许可证
本项目采用 MIT 许可证授权 - 详见 LICENSE 文件。欢迎探索、修改并将其打造成您自己的作品！
在 ko-fi 上支持我 💜
如果这个主题对您有帮助，您可以通过给我买杯咖啡来支持我的工作 💜
