Merge pull request #390 from cayxc/gh-pages

Mdmdt主题文件更新

Author: abnerlee

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

@@ -1,7 +1,7 @@
 ---
 layout: theme
 title: Mdmdt
-category: fork
+category: theme
 homepage: https://github.com/cayxc/Mdmdt
 download: https://github.com/cayxc/Mdmdt/tags
 author: cayxc
@@ -11,6 +11,10 @@ typora-copy-images-to: ../../media/theme/mdmdt
 ---
 ![mdmdt-theme](/media/theme/mdmdt/mdmdt-cover.png)
 # About Mdmdt theme
+![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/cayxc/Mdmdt?include_prereleases&color=blue&logo=hack-the-box)
+![GitHub license](https://img.shields.io/github/license/cayxc/Mdmdt.svg)
+![GitHub forks](https://img.shields.io/github/forks/cayxc/Mdmdt?style=flat&logo=github&color=turquoise)
+![GitHub Repo stars](https://img.shields.io/github/stars/cayxc/Mdmdt?style=flat&logo=github&color=green)
 
 [中文文档](https://github.com/cayxc/Mdmdt/blob/main/readme.zh.md)
 
@@ -29,29 +33,20 @@ Compared to the default theme style, the following aspects have been mainly modi
 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-1.png](/media/theme/mdmdt/mdmdt-1.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)
@@ -60,58 +55,49 @@ Compared to the default theme style, the following aspects have been mainly modi
 ![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.
+This plugin provides the following rich features:
+1. Two document style modes, high brightness and dark, can be automatically switched based on the system or manually set.
+2. Automatically generate corresponding hierarchical directories and serial numbers based on the position of h1~h6 tags in the HTML document.
+3. Automatically correct the directory hierarchy based on the position of the h tag.
+4. Automatically generate sidebar directory navigation.
+5. Drag to change the width of the sidebar.
+6. Show or hide title numbering.
+7. Directory hierarchical tree view.
+8. 3 types of directory icon styles.
+9. Text Shadow Effect.
+10. One click expansion of storage subdirectories.
+11. One click expansion and collapse of sidebar.
+12. Automatically track the directory based on the content of the reading area.
+13. Catalog search.
+14. Code highlighting plugin **highlightjs** style beautification，[highlightjs](https://highlightjs.org/)
+15. Personalize configuration styles based on personal preferences.
 
 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"/>
-
----
+<img src="/media/theme/mdmdt/mdmdt-5.png"/>