docs: 更新 README.md,优化主题描述和安装说明

This commit is contained in:
Montia37
2025-08-13 14:31:59 +08:00
parent b1a2e27705
commit f9209b9ecf

View File

@@ -1,29 +1,61 @@
<div align="center">
<img width="300" src="./preview.png">
<img width="300" src="./preview.png" alt="PurCarte Theme Preview">
## ✨ PurCarte ✨
为 [Komari](https://github.com/komari-monitor/komari) 设计的磨砂玻璃风格主题
为 [Komari](https://github.com/komari-monitor/komari) 设计的磨砂玻璃风格主题
</div>
---
> [!NOTE]
> 初学 React部分借鉴官方主题在 Gemini 的助下完成,整体风格更偏向个人喜好
> 主题在 Gemini 的助下完成,融合了官方主题的部分设计与个人审美偏好,旨在提供一种简洁、美观的磨砂玻璃质感界面
> [!WARNING]
> Instance 页面仍有较多缺陷,暂时参考官方样式小改
> 延迟信息图表仅勉强可看,短时间无法完善,介意请先考虑其他主题 [社区维护的主题](https://komari-document.pages.dev/community/theme)
>
> **当前版本注意事项**
>
> - `Instance` 页面尚在完善中,目前仅基于官方样式进行了微调
> - 延迟信息图表的有较大问题仍需优化
>
> 如果您对以上页面的功能和展示有较高要求,建议暂时选用 [社区中的其他主题](https://komari-document.pages.dev/community/theme)。
## 开发
## 🚀 快速开始
1. **克隆项目**
### 安装与启用
1. 前往 [Releases](https://github.com/Montia37/komari-theme-purcarte/releases) 页面下载最新的 `komari-theme-purcarte.zip` 文件。
2. 进入 Komari 后台,上传 `zip` 压缩包并启用本主题。
### 配置背景图片
为获得最佳视觉效果,建议搭配背景图片使用。请在 `Komari 后台 > 设置 > 站点 > 自定义 Body` 处添加以下代码并保存:
```html
<style>
/* 自定义背景图片 */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(https://i.yon.li/w/682f73d97eade.png) center/cover no-repeat;
}
</style>
```
## 🛠️ 本地开发
1. **克隆仓库**
```bash
git clone https://github.com/Montia37/komari-theme-purcarte.git
cd Komari-theme-purcarte
cd komari-theme-purcarte
```
2. **安装依赖**
@@ -32,14 +64,14 @@
yarn install
```
3. **运行开发服务器**
3. **启动开发服务器**
```bash
yarn dev
```
4. 在浏览器中打开 `http://localhost:5173` (或 Vite 提示的其他端口)。
4. 在浏览器中打开 `http://localhost:5173` (或 Vite 提示的其他端口) 即可进行预览和调试
## 📄 许可证
[MIT License](LICENSE)
本项目采用 [MIT License](LICENSE) 授权。