Merge pull request #392 from cayxc/gh-pages

Mdmdt主题HomePage更新

_posts/theme/2024-11-27-Mdmdt.md

@@ -4,6 +4,7 @@ title: Mdmdt
 category: theme
 homepage: https://github.com/cayxc/Mdmdt
 download: https://github.com/cayxc/Mdmdt/tags
+built-in: false
 author: cayxc
 thumbnail: mdmdt.png
 typora-root-url: ../../
@@ -19,6 +20,7 @@ typora-copy-images-to: ../../media/theme/mdmdt
 [中文文档](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:
@@ -33,26 +35,27 @@ 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)
+> [!IMPORTANT]
+>
+> **Attention**: This theme has only been tested in Windows and MacOS environments, and has not been tested in Linux environments. Please be aware when using it!
+
+
+# Effect
+![mdmdt-text](/media/theme/mdmdt/mdmdt-text.jpg)
+![mdmdt-source](/media/theme/mdmdt/mdmdt-source.jpg)
+![mdmdt-code](/media/theme/mdmdt/mdmdt-code.jpg)
+![mdmdt-list](/media/theme/mdmdt/mdmdt-list.jpg)
+![mdmdt-blockquote](/media/theme/mdmdt/mdmdt-blockquote.jpg)
+![mdmdt-mermaid](/media/theme/mdmdt/mdmdt-mermaid.jpg)
+![mdmdt-title](/media/theme/mdmdt/mdmdt-title.jpg)
+
+---
 
-**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)
 ![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:
@@ -68,7 +71,19 @@ If you only want to use a separate bright or dark theme, the method is as follow
 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.
+
+
+# Modify font
+If you are not satisfied with the font, you can modify the corresponding font as follows:
+
+1. Modify the font of the main text, find `body {font-family:"PingFang SC",..., !important;}` 、`body.os-windows {font-family: Helvetica,..., !important;}` and `textarea {...}`, and add the font you want to use at the beginning of `font-family:`, such as `font-family: "name of the font you want to use", Helvetica, ..., !important;`
+
+2. Modify the font of the code, find `code, tt {...}` and `pre {...}`, and add `font-family: "name of the font you want to use" !important;`  Then modify `.os-windows pre,.os-windows code {font-family: initial !important;}` , such as `font-family: "name of the font you want to use" !important;`
+
+**Attention: The prerequisite for changing the font is that the corresponding font is installed on your computer, otherwise the modification is invalid.**
+
 # 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:**
 
@@ -96,8 +111,7 @@ 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/mdtht-light.png"/>**Export mdtht.js as an HTML rendering (Dark theme)**
 
 ---
-<img src="/media/theme/mdmdt/mdmdt-5.png"/>
-
+<img src="/media/theme/mdmdt/mdtht-dark.png"/>