[WordPress] 外掛分享： MarkDown Block

WordPress 外掛 MarkDown Block 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「MarkDown Block」是 2025-04-12 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-04-27，距離現在已有 7 天。
  • 外掛最低要求 WordPress 6.4 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 8.2 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

itmaroon |

外掛標籤

blog | post | block | markdown |

內容簡介

### 外掛功能總結
這個外掛具有使用SimpleMDE編輯Markdown文件的功能，並透過marked解析Markdown文件，將其指定給轉換後的HTML元素特定區塊。具有客製化樣式功能，使用者可以根據不同區塊進行Markdown文件風格設計，提供廣泛的樣式選擇。

- 透過Markdown解析轉換成HTML元素時，將應用下列區塊：
- H元素: itmar/design-title
- P元素: core/paragraph
- PRE元素: itmar/code-highlight
- IMG元素: core/image
- BLOCKQUOTE元素: core/quote
- LI元素: core/list
- TABLE元素: core/table
- H元素也會生成為目錄，根據層級顯示巢狀項目。
- 這個外掛不需要外部資源（所有腳本和樣式均在本地包含）。

### 問題與答案
1. 這個外掛有哪些功能？
- 使用SimpleMDE編輯Markdown文件
- 透過marked解析Markdown文件，指定區塊給HTML元素
- 客製化Markdown文件樣式功能

2. 透過Markdown解析轉換成HTML元素時，會應用哪些區塊？
- H元素: itmar/design-title
- P元素: core/paragraph
- PRE元素: itmar/code-highlight
- IMG元素: core/image
- BLOCKQUOTE元素: core/quote
- LI元素: core/list
- TABLE元素: core/table

3. 外掛是否需要使用外部資源？
- 這個外掛不需要外部資源，所有腳本和樣式均在本地包含。

原文外掛簡介

This block has the function of editing Markdown documents using SimpleMDE, and by parsing Markdown documents using marked, it can assign specific blocks to the converted HTML elements.
This function allows users to customize Markdown documents using the styling functions of the corresponding blocks, allowing for a wide range of styling.
The following are the blocks that are applied when Markdown documents are parsed into HTML elements.

H element: itmar/design-title
P element: core/paragraph
PRE element: itmar/code-highlight
IMG element: core/image
BLOCKQUOTE element: core/quote
LI element: core/list
TABLE element: core/table

The H element is also generated as a table of contents, and has the function of displaying nested items according to level.
This plugin does not require any external resources (all scripts and styles are included locally)
Related Links

markdown-block:Github
block-class-package:GitHub
block-class-package:Packagist
itmar-block-packages:npm
itmar-block-packages:GitHub

Arbitrary section

PHP class management is now done using Composer.
GitHub
Packagist

I decided to make functions and components common to other plugins into npm packages, and install and use them from npm.
npm
GitHub

External services

This plugin uses EasyMDE to implement the editing function of Markdown documents. This is an open source JavaScript library provided under the MIT license.
EasyMDE LICENSE
EasyMDE comes with a spell check feature.
When using this feature, it will try to load an external file (en_US.aff / en_US.dic) from a CDN. To avoid this, this plugin sets spellChecker: false, when instantiating EasyMDE, so that the external file will not be loaded.
This plugin uses marked to parse Markdown documents and convert them to HTML elements. This is an open source JavaScript library provided under the MIT license.
marked LICENSE

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「MarkDown Block」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.1.0 | trunk |

延伸相關外掛（你可能也想知道）

  • SiteOrigin Widgets Bundle 》rdPress website since 2013. Our Widgets Bundle is actively developed and regularly updated to ensure compatibility with the latest WordPress update...。
  • Metricool 》此外掛可讓你將你的 WordPress 博客或網站與 Metricool 連接。Metricool 是一個提供有關你的博客和社交資訊的度量和分析工具，你可以使用 Metricool 設定要發...。
  • All In One Favicon 》查看最新的WordPress交易以優化您的網站。, All In One Favicon為您的網站和管理頁面添加favicon。, 您可以使用您已經上傳的favicon或使用內置的上傳機制將fa...。
  • Blog Grid & Post Grid – Blog Post Slider, Blog Post Carousel, Blog Post Ticker, Blog Post Masonry, Category Post Grid By News & Blog Designer Pack 》News & Blog Designer Pack - WordPress Blog Plugin 可用作新聞和部落格頁面建立工具，用於創建網站的新聞頁面或部落格頁面。Blog Designer Pack可用多...。
  • Gum Elementor Addon 》這個外掛是針對 Elementor 網站建構器的附加功能，這代表你需要先安裝 Elementor 外掛並啟用它。, 小工具, 這個外掛提供內建小工具，幫助建立更具吸引力的設...。
  • Post Slider and Post Carousel with Post Vertical Scrolling Widget – A Responsive Post Slider 》在您的 WordPress 網站上展示文章幻燈片或文章輪播。, 文章幻燈片和文章輪播具有 2 個短代碼，每個短代碼有 2 個設計和一個垂直文章捲動小工具。, 查看免費演...。
  • Latest Posts Block – Dynamic Posts Grid, Posts List, Posts Tile with Stunning Layouts for WordPress Blogs & Pages 》atest Posts Block Lite, Latest Posts Block Lite 是一款 WordPress 專用的 Gutenberg 區塊外掛，可幫助您設計文章網格、文章列表、完整文章版面、高級快速...。
  • Disable Blogging in WordPress 》, 將WordPress轉變為非部落格的CMS平台。Disable Blogging是一個插件，它在前端和後端禁用所有與博客有關的功能，包括帖子、評論、饋送等等。因此，您將擁有...。
  • Simple Blog Stats 》Simple Blog Stats（SBS）提供短碼和標籤，以在文章、頁面和主題任何位置顯示網站統計信息。, , 顯示統計：, , 文章總數, 頁面總數, 草稿總數, 評論總數, 媒...。
  • Custom Favicon 》輕鬆地為您的 WordPress 網站和儀表板上傳 favicon 和 apple touch icon。, 如果您發現任何錯誤請通過 http://www.dreamsonline.net/wordpress-plugins/custo...。
  • WP Image Borders 》WP Image Borders讓以下操作變得容易：, , 自動為文章中的圖片添加邊框, 選擇性地為網站中的圖像添加邊框, 更改圖像邊框風格, 更改圖像邊框顏色, 更改圖像邊...。
  • ConeBlog – Elementor Blog Widgets 》ConeBlog Widgets 是一系列為 Elementor 和 WordPress 設計的美觀部落格小工具。這些小工具支援高度客製化的元件設置以供 Elementor 頁面建構器使用，而 Shor...。
  • Blog-in-Blog 》Blog-in-Blog 可讓您利用 WordPress 平台的 CMS 功能，同時在您的網站上擁有一個 blog 頁面。您可以選擇按類別、文章類型、標籤或任何組合來選擇文章來放在特...。
  • PWD WP Favicon 》中文, 現在您可以輕鬆上傳 WordPress 網站和儀表板的 favicon 和 Apple Touch icon。, 如果您喜歡這個外掛，請考慮給予評價和按下「它能運作」按鈕。, 來翻譯...。
  • Playbuzz 》Playbuzz外掛可以將您的WordPress編輯器轉變成為一個引人入勝的互動式內容工具箱。此外掛應用程式為WordPress網站所有者提供了一種易於使用和使用者友好的方...。

文章
Filter
Apply Filters
Close
Mastodon