Merge pull request #424 from CGMgit/gh-pages

Add Rhapsody Typora Theme

Author: abnerlee

_posts/theme/2025-11-01-Rhapsody.md

@@ -0,0 +1,83 @@
+---
+layout: theme
+title: Rhapsody · Typora 专属皮肤主题
+category: theme
+homepage: https://github.com/CGMgit/Rhapsody-Typora-Theme
+download: https://github.com/CGMgit/Rhapsody-Typora-Theme/releases
+built-in: false
+author: 帅气大王子CGM（The Radiant Prince）
+thumbnail: Rhapsody.png
+typora-root-url: ../../
+typora-copy-images-to: ../../media/theme/rhapsody
+---
+
+# 🍎 Rhapsody · Typora 专属皮肤主题
+> 🌐 English version: [Rhapsody-introduciton](/media/theme/Rhapsody/Rhapsody-introduction-EN.md)
+
+> “色彩，是思想的延伸；写作，是秩序与灵感的交响。”
+
+**Rhapsody** 是一款以「多彩、梦幻、灵动」为核心设计理念的 Typora 主题。它不是简单换个配色，而是用 **高饱和撞色 + 光影能量层 + 分层标题体系**，给 Markdown 写作做了一次“视觉级重构”，同时又遵守 Typora 的编辑器结构，不去乱动 HTML。
+
+---
+
+## 📑 目录
+- [📸 主题预览](#-主题预览)
+- [🌈 设计理念](#-设计理念)
+- [✨ 主题特色](#-主题特色)
+- [⚙️ 安装与启用](#️-安装与启用)
+- [📜 授权与署名](#-授权与署名)
+
+---
+
+## 📸 主题预览
+> 让色彩流动，让文字发光。
+
+![Preview1](/media/theme/Rhapsody/Preview1.png)
+![Preview1](/media/theme/Rhapsody/Preview2.png)
+![Preview1](/media/theme/Rhapsody/Preview3.png)
+---
+
+## 🌈 设计理念
+
+Rhapsody 的灵感来自 **《镜之边缘》式高饱和撞色** + **哲学符号美学**。  
+它想表达的不是“好看”本身，而是：
+
+- 色彩可以作为思想的外延；
+- 写作场景也可以是有节奏、有呼吸、有能量层的；
+- 所有效果都在 **不改 Typora HTML 结构** 的前提下完成，方便导出和升级。
+
+---
+
+## ✨ 主题特色
+
+- 🎨 **六级标题独立风格**：h1 是 Appleron 光带，h2–h6 各有字体与图标，不是一把梭的粗体放大。
+- 💡 **光影与能量流动**：写作区有柔光、渐变、泡泡/粒子运动，营造“活的版心”。
+- 📦 **模块化 CSS 架构**：`layout.css / typography.css / math.css / table.css / export_patch.css` 分层管理，方便你以后拆/关/替换。
+- 🧮 **导出友好**：自带 HTML/PDF 导出补丁，解决你之前说的“导出 HTML 背景丢失 / 对齐跑偏”那类问题。
+- 🧠 **彩蛋体系**：标题图标、角标、能量条都可以做成小机关，但都只是 CSS，不动 DOM。
+
+---
+
+## ⚙️ 安装与启用
+
+1. 打开 Typora → 偏好设置 → 外观 → **打开主题文件夹**  
+2. 把仓库里的 **`rhapsody.css`** 和同级的 **`Rhapsody/` 资源目录** 一起放进去  
+   （注意：入口文件在外面，资源目录在里面，保持相对路径）
+3. 重启 Typora，在主题列表中选择 **Rhapsody**
+
+> ⚠️ 不要把 `rhapsody.css` 塞进 `Rhapsody/` 里，不然相对路径会找不到图片和子样式。
+
+---
+
+## 📜 授权与署名
+
+- 协议建议：**CC BY-NC-SA 4.0**（署名-非商业-相同方式共享）  
+- 可自由下载、学习、二次美化  
+- 转载 / 二次分发请保留署名：**Rhapsody Typora Theme — by 帅气大王子CGM（The Radiant Prince）**  
+- 商业使用 / 付费分发请先联系作者
+
+---
+
+更多说明、完整文件树、导出参数、彩蛋触发语法，请看仓库里的完整文档 👇  
+👉 [GitHub · Rhapsody Typora Theme](https://github.com/CGMgit/Rhapsody-Typora-Theme)
+

media/theme/Rhapsody/Preview1.png

@@ -0,0 +1,88 @@
+# 🍎 Rhapsody · Typora Custom Theme
+> 🌐 中文版: [Rhapsody 简介](../../../_posts/theme/2025-11-01-Rhapsody.md)
+
+> “Color is the extension of thought;  
+> Writing is the symphony of order and inspiration.”
+
+**Rhapsody** is a Typora theme designed with *color, imagination, and rhythm* as its core principles.  
+It’s not just a recolor — it’s a **visual reconstruction** of Typora using **high-saturation contrasts, dynamic light layers, and multi-level headings**,  
+while keeping Typora’s native HTML structure untouched for perfect compatibility.
+
+---
+
+## 📑 Table of Contents
+- [📸 Preview](#-preview)
+- [🌈 Design Philosophy](#-design-philosophy)
+- [✨ Features](#-features)
+- [⚙️ Installation](#️-installation)
+- [📜 License & Credit](#-license--credit)
+
+---
+
+## 📸 Preview
+> Let the colors flow, and let the words shine.
+
+![Preview1](Preview1.png)
+![Preview2](Preview2.png)
+![Preview3](Preview3.png)
+
+Rhapsody brings light, texture, and motion into the writing space —  
+every gradient and glow reflects a dialogue between **order and inspiration**.
+
+---
+
+## 🌈 Design Philosophy
+
+Rhapsody draws inspiration from the **high-saturation visual style of *Mirror’s Edge***  
+and from **philosophical symbolism in color and form**.  
+Its goal is not just to look “beautiful”, but to express deeper ideas:
+
+- Colors can extend thoughts and emotions.  
+- The writing space can breathe, flow, and carry energy.  
+- Every visual effect is achieved purely through **CSS**, without altering Typora’s HTML structure —  
+  ensuring stability, export compatibility, and long-term maintenance.
+
+---
+
+## ✨ Features
+
+- 🎨 **Six-Level Heading System** — h1 adopts the signature *Appleron Lightband*, while h2–h6 feature distinct fonts and icons.  
+- 💡 **Dynamic Light & Energy Layers** — Soft glows, gradient flows, and floating bubbles bring depth and vitality to your workspace.  
+- 📦 **Modular CSS Architecture** — Organized into `layout.css`, `typography.css`, `math.css`, `table.css`, and `export_patch.css` for flexible customization.  
+- 🧮 **Export-Friendly Patches** — Integrated fixes for HTML/PDF export to maintain consistent appearance and alignment.  
+- 🧠 **Easter Egg System** — Hidden icons and animations triggered purely by CSS, adding layers of symbolic playfulness.
+
+---
+
+## ⚙️ Installation
+
+1. Open Typora → Preferences → Appearance → **Open Theme Folder**  
+2. Copy both **`rhapsody.css`** and the **`Rhapsody/`** resource folder into that directory.  
+   (⚠️ Keep them **side by side**, not nested — the paths rely on this structure.)  
+3. Restart Typora → Select **Rhapsody** from the theme list.
+
+> ⚠️ Do **not** move `rhapsody.css` inside `Rhapsody/`.  
+> Otherwise, relative paths for images and substyles will break.
+
+---
+
+## 📜 License & Credit
+
+- Recommended License: **CC BY-NC-SA 4.0** *(Attribution–NonCommercial–ShareAlike)*  
+- You are free to use, learn, and modify this theme for non-commercial purposes.  
+- Please retain attribution when redistributing:  
+  **Rhapsody Typora Theme — Designed by CGM (The Radiant Prince)**  
+- For any commercial use or redistribution, please contact the author in advance.
+
+---
+
+For more details — including full directory tree, export configurations, and easter egg triggers —  
+please visit the full documentation:  
+👉 [GitHub · Rhapsody Typora Theme](https://github.com/CGMgit/Rhapsody-Typora-Theme)
+
+
+
+
+
+
+