feat: home page style has been significantly updated

Author: WRXinYue

README.md

@@ -1,131 +1,11 @@
-<p align="center">
-Valaxy-Theme-Oceanus<sup><em>(vue)</em></sup>
-</p>
-
-[![npm](https://img.shields.io/npm/v/valaxy-theme-starter)](https://www.npmjs.com/package/valaxy-theme-starter)
-[![npm dev dependency version](https://img.shields.io/npm/dependency-version/valaxy-theme-starter/dev/valaxy)](https://github.com/YunYouJun/valaxy)
-
-> This is a template for creating a [valaxy](https://github.com/YunYouJun/valaxy) theme.
-
-## Usage
-
-### Clone to local
-
-> Use [pnpm](https://pnpm.io/), because we need its workspace.
-
-```bash
-npx degit YunYouJun/valaxy-theme-starter valaxy-theme-name
-
-cd valaxy-theme-name
-
-# If you don't have pnpm installed
-npm install -g pnpm
-
-pnpm i
-```
-
-### Development
-
-```bash
-# dev node
-pnpm dev
-# dev client
-pnpm demo
-```
-
-### Build
-
-```bash
-pnpm build
-```
-
-### Release
-
-> Publish to [npm](https://www.npmjs.com/).
-
-#### Manual
-
-```bash
-pnpm ci:publish
-```
-
-#### Auto by GitHub Actions
-
-> You can release it by github actions.
-
-Click `Settings` -> `Secrets` -> `Actions` in your GitHub repo.
-
-Add `New repository secret`:
-
-- `NPM_TOKEN`: `your npm token` (Generate from your npm `Access Tokens` - `Automation`)
-
-```bash
-npm run release
-# choose your version to automatic release
-```
-
-## Checklist
-
-- [ ] Change the author name in `LICENSE` & `package.json` & `.github`
-- [ ] Write `ThemeConfig` & Other init content
-- [ ] Rename `valaxy-theme-starter` to `valaxy-theme-<name>` (custom it)
-- [ ] Change `theme: 'starter'` to `theme: <name>` in `valaxy.config.ts`
-- [ ] Each of your Vue components should have a namespace
-  - For example: `YunTest.vue` for `valaxy-theme-yun`
-
-### About Checklist Rename
-
-Rename `valaxy-theme-starter` with `valaxy-theme-name` in the `package.json` and `valaxy.config.ts` files.
-
-PS: there are a total of four files that need to be rename
-
-```bash
-valaxy-theme-name
-  - package.json
-  - demo
-    - package.json
-    - valaxy.config.ts
-  - theme
-    - package.json
-```
-
-Let's write the theme & docs!
-
-## Thanks
-
-Starter theme ref theme:
-
-- [vuejs/blog](https://github.com/vuejs/blog)
-- [tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog)
-
-### [Sponsors](https://sponsors.yunyoujun.cn)
+<h1 align="center">valaxy-theme-oceanus</h1>
+<pre align="center">
+简约、高雅的 Valaxy 文档主题
+</pre>
 
 <p align="center">
-  <a href="https://sponsors.yunyoujun.cn">
-    <img src='https://fastly.jsdelivr.net/gh/YunYouJun/sponsors/public/sponsors.svg'/>
-  </a>
+  <a href="https://www.npmjs.com/package/valaxy-theme-oceanus" rel="nofollow"><img src="https://img.shields.io/npm/v/valaxy-theme-oceanus/latest.svg?style=flat&colorA=18181B&colorB=0078E7" alt="NPM version"></a>
+  <a href="https://www.npmjs.com/package/valaxy-theme-oceanus"><img src="https://img.shields.io/npm/dm/valaxy-theme-oceanus.svg?style=flat&colorA=18181B&colorB=0078E7" alt="Downloads"></a>
+  <a href="https://github.com/wrxinyue/valaxy-theme-oceanus/tree/main/LICENSE"><img src="https://img.shields.io/github/license/wrxinyue/valaxy-theme-oceanus.svg?style=flat&colorA=18181B&colorB=0078E7" alt="License"></a>
+  <a href="https://stackblitz.com/edit/stackblitz-starters-tqdtk7?file=README.md"><img src="https://img.shields.io/badge/Open in StackBlitz-_?logo=stackblitz&colorA=18181B&colorB=439CFF" alt="Open in StackBlitz"></a>
 </p>
-
-https://github.com/primefaces/primevue/issues/6230
-
-    <ul>
-      <li>
-        <span title="首页" i-tabler-home inline-block />
-      </li>
-      <li>
-        <span title="通知" i-tabler-bell inline-block />
-      </li>
-      <li>
-        <span title="收藏" i-tabler-bookmarks inline-block />
-      </li>
-      <li>
-        <span title="文章" i-tabler-file-description inline-block />
-      </li>
-
-      <hr>
-      <li>
-        <span title="创建新文章" i-tabler-pencil-plus inline-block />
-      </li>
-    </ul>
-
-首页toc默认为关闭

docs/package.json

@@ -9,7 +9,8 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "valaxy": "^0.22.5",
+    "@iconify-json/carbon": "^1.2.8",
+    "valaxy": "^0.22.16",
     "valaxy-theme-oceanus": "workspace:*"
   },
   "devDependencies": {

docs/pages/index.md

@@ -2,29 +2,65 @@
 title: 主页
 
 features:
+  subtitle: 特性
+  title: 强大的功能
+  text: Oceanus 主题提供了丰富的功能，满足各种文档和博客需求
+
   cards:
     - title: 简单
       details: 无需复杂配置，开箱即用，适合快速构建文档网站
+      icon: i-carbon-chart-area-smooth
+      num: "01"
     - title: 关联式导航
       details: 每个一级导航可绑定对应的二级导航，一级导航和二级导航支持绑定相应的侧边栏，形成清晰的导航结构
+      icon: i-carbon-menu
+      num: "02"
     - title: 版本控制与历史记录
       details: 集成 `valaxy-addon-git-log`，支持显示贡献者信息，查看不同版本的更改记录以及历史内容，便于追踪内容演变
+      icon: i-carbon-version
+      num: "03"
     - title: 简洁和现代
       details: 页面设计极其简约，强调内容和信息的可读性，去除多余装饰，采用大量留白以突出主要内容
+      icon: i-carbon-clean
+      num: "04"
     - title: 灵活
       details: 用户可以根据需求定制组件，并进行自由配置，满足个性化使用场景
+      icon: i-carbon-settings
+      num: "05"
     - title: 微动画
       details: 使用 subtle 的悬停动画和交互反馈，动画过渡流畅而不分散注意力
+      icon: i-carbon-movement
+      num: "06"
+
+featuredArticles:
+  subtitle: 精选文章
+  title: 探索我们的热门内容
+  description: 这些精选文章展示了 Oceanus 主题的强大功能和灵活性，帮助您快速了解如何充分利用这个主题。
+
+  articles:
+    - title: 快速开始
+      tags: ["指南", "入门"]
+      path: /guide/getting-started/installation
+      excerpt: 了解如何快速设置和配置 Oceanus 主题，开始构建您的文档或博客网站。
+    - title: Markdown 写作
+      tags: ["写作", "语法"]
+      path: /guide/writing/markdown
+      excerpt: 掌握 Markdown 语法和扩展功能，轻松创建格式丰富的内容，提升文档的可读性和美观度。
+    - title: 导航配置
+      tags: ["配置", "导航"]
+      path: /reference/theme-config/nav
+      excerpt: 学习如何配置网站的导航结构，创建清晰的信息层次，帮助用户轻松浏览您的内容。
 
 contributors:
   subtitle: 贡献者
+  title: 感谢所有贡献者
   text: 已获得 MIT 许可，并且将始终免费且开源。感谢 GitHub上的所有贡献者！
 
 getStarted:
-  title: Start building with Vite
-  text: Prepare for a development environment that can finally keep pace with the speed of your mind.
+  title: 开始使用 Oceanus 主题
+  text: 准备好体验一个能够跟上您思维速度的开发环境，打造美观、高效的文档和博客网站。
   actions:
-    - text: Become a Client
+    - text: 开始使用
       link: /guide/getting-started/installation
   cards:
     - img: https://vite.dev/logo.svg