Merge pull request #380 from SprInec/gh-pages

Upload a new Typora theme - SprIng

_posts/theme/2024-11-13-SprIng.md

@@ -0,0 +1,171 @@
+---
+layout: theme
+title: SprIng
+category: theme
+homepage: https://github.com/SprInec/typora-spring-theme
+download: https://github.com/SprInec/typora-spring-theme
+author: SprInec
+thumbnail: SprIng.png
+typora-root-url: ../../
+typora-copy-images-to: ../../media/theme/SprIng
+---
+
+<img src="/media/theme/SprIng/logo-spring.png" alt="logo-spring" />
+
+<p align="center">
+    一款令人如沐春风的 Typora 灵动主题
+    <br/>
+    A refreshing and graceful Typora theme, like a gentle spring breeze.
+</p>
+
+<p align="center">
+  <a>
+    <img src="https://img.shields.io/github/license/SprInec/typora-spring-theme" alt="GitHub license">
+  </a>
+  <a>
+    <img src="https://badgen.net/github/stars/SprInec/typora-spring-theme?color=green&icon=github" alt="GitHub stars">
+  </a>
+  <a>
+    <img src="https://badgen.net/github/commits/SprInec/typora-spring-theme?icon=github" alt="GitHub commits">
+  </a>
+  <a>
+    <img src="https://badgen.net/github/watchers/SprInec/typora-spring-theme?color=purple" alt="GitHub watchers">
+  </a>
+  <a>
+      <img src="https://img.shields.io/badge/language-CSS-purple.svg">
+  </a>
+</p>
+
+<p align="center">
+    <a>English</a>
+    ·
+    <a href="https://github.com/SprInec/typora-spring-theme/blob/main/README_cn.md">简体中文</a>
+</p>
+
+## Catalog
+
+- [Preview](#Preview)
+- [Feature](#Feature)
+- [Installation](#Installation)
+- [Credits](#Credits)
+- [License](#License)
+
+## Preview
+
+> Designed and tested on Windows. Not fully tested, but should work on macOS-Linux.
+>
+> 在 Windows 上设计和测试。尚未经过全面测试，但应该适用于 macOS/Linux。
+
+
+
+![preview](/media/theme/SprIng/preview.png)
+
+## Feature
+
+##### 1. Spring-themed color palette
+
+![image-20241113191409991](/media/theme/SprIng/image-20241113191409991.png)
+
+##### 2. Flexible interaction with different effects
+
+- h1
+
+  <p align="center">
+    <img src="/media/theme/SprIng/h1.gif" width="100%" />
+  </p>
+
+- h2
+
+  <p align="center">
+    <img src="/media/theme/SprIng/h2.gif" width="80%" />
+  </p>
+
+- h3 h4 h5 h6
+
+  <p align="left">
+    <img src="/media/theme/SprIng/hx.gif" width="10%" />
+  </p>
+
+- Paragraph Hover Responsiveness
+
+  <p align="center">
+    <img src="/media/theme/SprIng/paragraph_hover.gif" width="100%" />
+  </p>
+
+- Inline styles
+
+  <p align="left">
+    <img src="/media/theme/SprIng/inline_en.gif" width="65%" />
+  </p>
+
+- Unordered list
+
+  <p align="left">
+    <img src="/media/theme/SprIng/ul.gif" width="50%" />
+  </p>
+
+- Ordered List
+
+  <p align="left">
+    <img src="/media/theme/SprIng/ol.gif" width="50%" />
+  </p>
+
+- Image
+
+  <p align="center">
+    <img src="/media/theme/SprIng/image.gif" width="100%" />
+  </p>
+
+- Table
+
+  <p align="center">
+    <img src="/media/theme/SprIng/table.gif" width="80%" />
+  </p>
+
+- Code block
+
+  <p align="center">
+    <img src="/media/theme/SprIng/code_block.gif" width="70%" />
+  </p>
+
+- blockquote
+
+  <p align="center">
+    <img src="/media/theme/SprIng/blockquote.gif" width="70%" />
+  </p>
+
+- Alert
+
+  <p align="center">
+    <img src="/media/theme/SprIng/alert.gif" width="70%" />
+  </p>
+
+
+##### 3. Typora interface with unified style
+
+<img align="center" src="/media/theme/SprIng/sys.gif" style="zoom:50%;" />
+
+## Installation
+
+1. Clone this repository to your local.
+
+    ```bash
+    git clone https://github.com/SprInec/typora-spring-theme.git
+    ```
+
+2. Click ‘Themes’ in the menu of Typora, and click the ‘Open Theme Folder’ button to open it on the ‘Themes’ page.
+
+3. Copy the file `spring.css` into the opened Typora theme folder.
+
+4. Restart Typora, and then you can choose to use the **Spring** theme in the ‘Themes’ list.
+
+## [Credits](credits.md)
+
+This project is based on *typora-mo-theme* for secondary development of visual and interactive design. The template comes from *typora-theme-Jinxiu-template*. 
+
+- [MarMomento/typora-mo-theme](https://github.com/MarMomento/typora-mo-theme)
+- [Sophomoresty/typora-theme-Jinxiu](https://github.com/Sophomoresty/typora-theme-Jinxiu)
+
+## License
+
+This project is based on the MIT open source protocol. You can freely copy, modify and distribute the code of this project, but please keep the original author's LICENSE.