mirror of
https://github.com/fankes/komari-theme-purcarte.git
synced 2025-10-19 03:49:22 +08:00
docs: 更新 README.md,优化主题描述和安装说明
This commit is contained in:
54
README.md
54
README.md
@@ -1,29 +1,61 @@
|
|||||||
<div align="center">
|
<div align="center">
|
||||||
|
|
||||||
<img width="300" src="./preview.png">
|
<img width="300" src="./preview.png" alt="PurCarte Theme Preview">
|
||||||
|
|
||||||
## ✨ PurCarte ✨
|
## ✨ PurCarte ✨
|
||||||
|
|
||||||
一个为 [Komari](https://github.com/komari-monitor/komari) 设计的磨砂玻璃风格主题
|
一款为 [Komari](https://github.com/komari-monitor/komari) 设计的磨砂玻璃风格主题。
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
> [!NOTE]
|
> [!NOTE]
|
||||||
> 初学 React,部分借鉴官方主题在 Gemini 的帮助下完成,整体风格更偏向个人喜好
|
> 本主题在 Gemini 的辅助下完成,融合了官方主题的部分设计与个人审美偏好,旨在提供一种简洁、美观的磨砂玻璃质感界面
|
||||||
|
|
||||||
> [!WARNING]
|
> [!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
|
```bash
|
||||||
git clone https://github.com/Montia37/komari-theme-purcarte.git
|
git clone https://github.com/Montia37/komari-theme-purcarte.git
|
||||||
cd Komari-theme-purcarte
|
cd komari-theme-purcarte
|
||||||
```
|
```
|
||||||
|
|
||||||
2. **安装依赖**
|
2. **安装依赖**
|
||||||
@@ -32,14 +64,14 @@
|
|||||||
yarn install
|
yarn install
|
||||||
```
|
```
|
||||||
|
|
||||||
3. **运行开发服务器**
|
3. **启动开发服务器**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
yarn dev
|
yarn dev
|
||||||
```
|
```
|
||||||
|
|
||||||
4. 在浏览器中打开 `http://localhost:5173` (或 Vite 提示的其他端口)。
|
4. 在浏览器中打开 `http://localhost:5173` (或 Vite 提示的其他端口) 即可进行预览和调试。
|
||||||
|
|
||||||
## 📄 许可证
|
## 📄 许可证
|
||||||
|
|
||||||
[MIT License](LICENSE)
|
本项目采用 [MIT License](LICENSE) 授权。
|
||||||
|
Reference in New Issue
Block a user