Merge pull request #365 from cayxc/gh-pages

New Typora Theme: Mdmdt

_posts/fork/2024-06-29-Mdmdt.md

@@ -0,0 +1,36 @@
+---
+layout: theme
+title: Mdmdt
+category: fork
+homepage: https://github.com/cayxc/Mdmdt
+download: https://github.com/cayxc/Mdmdt/archive/refs/heads/main.zip
+author: cayxc
+thumbnail: mdmdt.png
+typora-root-url: ../../
+typora-copy-images-to: ../../media/theme/mdmdt
+---
+
+**Mdmdt** is an abbreviation for Markdown Minimalism Document Theme, meaning: Markdown Minimalism Document Theme.
+
+**Mdmdt** is a deeply customized personalized Typora theme, aimed at creating a **refreshing and minimalist** document style.
+---
+![mdmdt-theme](/media/theme/mdmdt/mdmdt-light.png)
+![mdmdt-theme](/media/theme/mdmdt/mdmdt-dark.png)
+---
+
+**Source code mode:**
+![mdmdt-source-light](/media/theme/mdmdt/mdmdt-source-light.png)
+
+![mdmdt-source-dark](/media/theme/mdmdt/mdmdt-source-dark.png)
+
+---
+
+**Other styles:**
+
+![mdmdt-list](/media/theme/mdmdt/mdmdt-list.png)
+![mdmdt-mermaid](/media/theme/mdmdt/mdmdt-mermaid.png)
+![mdmdt-ui-1](/media/theme/mdmdt/mdmdt-ui-1.png)
+![mdmdt-ui-2](/media/theme/mdmdt/mdmdt-ui-2.png)
+![mdmdt-ui-3](/media/theme/mdmdt/mdmdt-ui-3.jpg)
+![mdmdt-ui-4](/media/theme/mdmdt/mdmdt-ui-4.png)
+![mdmdt-ui-5](/media/theme/mdmdt/mdmdt-ui-5.png)

_posts/theme/2024-06-29-Mdmdt.md

@@ -0,0 +1,118 @@
+---
+layout: theme
+title: Mdmdt
+category: fork
+homepage: https://github.com/cayxc/Mdmdt
+download: https://github.com/cayxc/Mdmdt/archive/refs/heads/main.zip
+author: cayxc
+thumbnail: mdmdt.png
+typora-root-url: ../../
+typora-copy-images-to: ../../media/theme/mdmdt
+---
+![mdmdt-theme](/media/theme/mdmdt/mdmdt-cover.png)
+# About Mdmdt theme
+
+[中文文档](https://github.com/cayxc/Mdmdt/blob/main/readme.zh.md)
+
+**Mdmdt** is an abbreviation for Markdown Minimalism Document Theme, meaning: Markdown Minimalism Document Theme.
+
+**Mdmdt** is a deeply customized personalized Typora theme, aimed at creating a **refreshing and minimalist** document style.
+
+Compared to the default theme style, the following aspects have been mainly modified:
+1. A simple and comfortable color scheme style
+2. Add rounded corner style
+3. Title Style
+4. Table Style
+5. Reference box style
+6. Image Style
+7. Code Highlight Style
+8. File Tree Style
+9. Document list style: changed to card structure
+10. Outline style: Added a directory tree structure, making the directory hierarchy more concise and clear
+11. Automatically follow the bright/dark theme mode of the system (the bright/dark theme can be set separately)
+
+# Design sketch
+
+**Light  Theme:**
+
+![mdmdt-light](/media/theme/mdmdt/mdmdt-light.png)
+
+---
+
+**Dark Theme:**
+
+![mdmdt-dark](/media/theme/mdmdt/mdmdt-dark.png)
+
+---
+
+**Source Code Mode:**
+
+![mdmdt-1](/media/theme/mdmdt/mdmdt-source-light.png)
+![mdmdt-1](/media/theme/mdmdt/mdmdt-source-dark.png)
+
+**Other styles:**
+
+![mdmdt-list](/media/theme/mdmdt/mdmdt-list.png)
+![mdmdt-mermaid](/media/theme/mdmdt/mdmdt-mermaid.png)
+![mdmdt-ui-1](/media/theme/mdmdt/mdmdt-ui-1.png)
+![mdmdt-ui-2](/media/theme/mdmdt/mdmdt-ui-2.png)
+![mdmdt-ui-3](/media/theme/mdmdt/mdmdt-ui-3.jpg)
+![mdmdt-ui-4](/media/theme/mdmdt/mdmdt-ui-4.png)
+![mdmdt-ui-5](/media/theme/mdmdt/mdmdt-ui-5.png)
+
+# How to use it
+
+Using custom themes is very simple, as follows:
+
+1. Open `Preferences` -> `Appearance` -> `Open Theme Folder`
+2. Copy the downloaded `mdmdt.cs`  file to the theme folder.
+3. **Exit Typora and reopen**，In the `Menu Bar` -> `Themes`, Select **Mdmdt** theme and complete the theme switch.
+
+> [!NOTE]
+> **Note:** The mdmdt.css file contains both bright and dark themes, which will automatically switch between bright and dark themes according to the system mode.
+
+##### Use separate Light/Dark theme
+
+If you only want to use a separate bright or dark theme, the method is as follows:
+1. Open `Preferences` -> `Appearance` -> `Open Theme Folder`
+2. Copy `mdmdt-light.css` or `mdmdt-dark.css ` to the theme folder.
+3. **Exit Typora and reopen**，In the `Menu Bar` -> `Themes`, Select **Mdmdt Light** or **Mdmdt Dark** theme and complete the theme switch.
+
+# Export HTML
+
+To export an HTML file, you can directly select the current theme to export HTML
+**If you want to export HTML files with customizable styles, you can use the Mdtht plugin:**
+
+Plugin homepage address:  [Mdtht-Github-address](https://github.com/cayxc/Mdtht)  [Mdtht-Gitee-address]( https://gitee.com/cayxc/mdtht )
+This plugin provides the following rich features:
+
+1. Follow the system to automatically switch between bright and dark color modes.
+2. Manually switch between light and dark color modes.
+3. Automatically generate table of contents numbers and body area title indexes.
+4. You can choose to convert the first title into an article title and center the title.
+5. Automatically correct the directory hierarchy based on the position of the titles in the main text.
+6. Show/hide directory index numbers.
+7. Switch between three types of directory button styles.
+8. Automatically track the current reading area location to the current directory and upper level directory.
+9. Expand the screwdriver directory with one click.
+10. One click expand and collapse the sidebar.
+11. Catalog search.
+12. Code highlighting.
+13. Text Shadow Mode.
+
+Please refer to the plugin homepage for specific details of **mdtht.js** plugin.
+
+
+
+**Export mdtht.js as an HTML rendering (Light theme)**
+
+---
+
+<img src="/media/theme/mdmdt/mdmdt-2.png"/>**Export mdtht.js as an HTML rendering (Dark theme)**
+
+---
+
+<img src="./media/theme/mdmdt/mdmdt-5.png"/>
+
+---
+