Linux 软件免费装
Banner图

Markdown Renderer for GitHub

开发者 wakalab
更新时间 2026年6月23日 13:05
捐献地址: 去捐款
PHP版本: 8.2 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

markdown chart github syntax-highlighting mermaid

下载

1.1.2 1.11.0 1.3.8 1.7.13 1.7.5 2.0.2 2.4.1 2.5.0 2.6.0 2.7.14 1.7.14 1.7.8 2.10.0 2.8.1 1.0.0 1.1.0 1.6.0 2.3.0 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.8.0 2.9.0 2.9.1 1.1.1 1.10.0 1.10.2 1.13.0 1.14.1 1.3.0 1.3.2 1.3.6 1.3.9 1.4.0 1.7.0 1.7.10 1.7.12 1.7.7 1.8.0 1.9.0 1.9.1 2.0.1 2.0.3 2.2.0 2.7.0 2.7.1 2.7.11 2.7.17 2.7.2 2.7.3 2.9.2 1.11.1 1.14.0 1.7.11 1.7.2 1.7.3 1.7.9 2.7.13 2.9.3 1.7.4 2.9.4

详情介绍:

Markdown Renderer for GitHub brings GitHub-quality content rendering to WordPress. Paste GitHub Flavored Markdown (GFM) - code blocks, tables, task lists, and diagrams - and it renders just like it does on GitHub.com, with no manual HTML and no copy-paste screenshots. Built for technical bloggers, documentation teams, educators, and anyone publishing code-heavy content. Write blog posts and documentation in Markdown with automatic code highlighting for every fenced code block - READMEs, tutorials, and changelogs render beautifully as-is. Key Features: 🎨 Beautiful Syntax Highlighting

安装:

  1. Upload the plugin files to the /wp-content/plugins/markdown-renderer-for-github directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the 'Plugins' screen in WordPress.
  3. Start using the Markdown block in the Gutenberg editor, or wrap your content with [gfm-renderer] shortcode.

屏幕截图:

  • **Beautiful Syntax Highlighting** - Professional code presentation with copy button functionality and native support for 30+ languages
  • **Interactive Mermaid Diagrams** - Create flowcharts, sequence diagrams, and more with zoom functionality
  • **GitHub-Style Tables & Formatting** - Perfect rendering of tables, task lists, and other GFM features
  • **Mobile-Responsive Design** - All features work seamlessly across desktop, tablet, and mobile devices
  • **Admin Settings** - Simple configuration options for themes and performance optimization

升级注意事项:

2.9.1 Maintenance release: multilingual taxonomy assignments, fresher WordPress.org readme metadata, and a readiness-test fix. Safe, recommended update. 2.9.0 Adds on-demand language fallbacks, interactive chart controls, and WordPress.org / i18n release-quality automation. Upgrading regenerates the plugin's cached front-end assets. 2.8.0 Adds optional server-side Mermaid rendering, a configurable PlantUML server, per-language SEO meta descriptions, and an interactive diagram toolbar. 2.7.15 Major front-end performance pass: on-demand Shiki grammars, Web Worker highlighting, diagram baking/caching, and reduced layout shift. 1.0.0 First official release with GitHub Flavored Markdown rendering.

常见问题:

What is GitHub Flavored Markdown?

GitHub Flavored Markdown (GFM) is an extension of standard Markdown that includes features like tables, task lists, syntax highlighting, and automatic URL linking. It's the same format used on GitHub.com.

Which programming languages are supported for syntax highlighting?

The plugin ships native Shiki grammars for 30+ programming languages, including JavaScript, TypeScript, Python, PHP, Java, C, C++, C#, HTML, CSS, SQL, Go, Rust, and Ruby. Languages without a bundled grammar fall back to a close match, so many more are still highlighted. The highlighting is powered by Shiki, the same engine used by VS Code.

Can I create diagrams with this plugin?

Yes! You can create beautiful diagrams using Mermaid syntax. Nine diagram types are supported:

  • Flowcharts
  • Sequence diagrams
  • Class diagrams
  • State diagrams
  • Gantt charts
  • User journey diagrams
  • Git graphs
  • Entity relationship (ER) diagrams
  • Pie charts

Can I create charts with this plugin?

Yes! You can create interactive charts using Chart.js with simple JSON configuration. Supported chart types include:

  • Line and Bar charts
  • Pie and Doughnut charts
  • Scatter, Bubble, Radar, and Polar Area charts Simply use a ```chart fenced code block with your chart configuration in JSON format.

Can I render PlantUML diagrams, and does that send my content anywhere?

Yes. ```plantuml blocks are supported, but unlike Mermaid and Chart.js, PlantUML has no in-browser renderer. To draw a PlantUML diagram its source is sent to an external PlantUML/Kroki server (the default is the public https://www.plantuml.com/plantuml endpoint, and you can point it at a self-hosted server instead). This is opt-in: nothing is sent until you enable PlantUML, set a server URL, and accept the privacy notice in the settings. See the Third Party Services section for details.

Does this plugin send my content to any external service?

By default, no. Shiki, Mermaid, and Chart.js are bundled locally and run entirely on your server with no network requests. Two optional features are the exception and are off until you opt in: PlantUML rendering and server-side (Kroki) Mermaid rendering. Both send diagram source to a rendering server only after you enable and configure them. See the Third Party Services section.

Does the plugin use a CDN or work offline?

It does not use a CDN. All rendering libraries (Shiki, Mermaid, Chart.js) ship inside the plugin and are served from your own WordPress installation, so the plugin works offline and in closed or air-gapped networks. This also makes it GDPR-friendly by default. The only network traffic comes from the optional PlantUML and server-side Mermaid (Kroki) features, which stay off until you enable them.

Is the plugin mobile-friendly?

Absolutely! All features including syntax highlighting, diagrams, and the copy button work perfectly on mobile devices.

Does this affect my site's performance?

GitHub Flavored Markdown Renderer is designed for minimal performance impact with smart asset lazy loading: the highlighting and diagram libraries load only on pages that actually use them. The libraries are large uncompressed (Shiki ~2.35 MB, Mermaid ~3.2 MB) but shrink to roughly 302 KB and 908 KB over gzip or Brotli, and the plugin adds a Site Health check that confirms your server is compressing them.

What's the difference between the free and Pro versions?

Every rendering feature described above - GitHub Flavored Markdown, Shiki syntax highlighting, Mermaid diagrams, Chart.js charts, and PlantUML - is included in this free plugin. You do not need Pro to use any of them. The separate Pro add-on is a standalone plugin that builds on the same core and adds developer conveniences: line numbers for code blocks, advanced syntax-highlighting options, custom Shiki themes, and priority support.

Can I customize the appearance?

Yes, the plugin provides CSS variables and hooks for customization. You can easily match your theme's design.

Is it translation ready?

Yes, the plugin is fully internationalized and translation ready. Japanese translation is included.

How do I add Markdown content?

There are two ways. In the block editor, use the dedicated "Markdown" block. Anywhere else - the Classic editor, a theme template via do_shortcode(), or a widget - wrap your Markdown in the [gfmr_markdown] enclosing shortcode: `[gfmr_markdown] Heading

  • list item
  • another item [/gfmr_markdown]`
The shortcode renders identically to the block, including Shiki syntax highlighting and Mermaid, Chart.js, and PlantUML diagrams. Override the highlighting theme per shortcode with the theme attribute, e.g. [gfmr_markdown theme="github-dark"]. To show a literal [gfmr_markdown] inside a code block, double the brackets: [[gfmr_markdown]]. For best results put the shortcode in the post body or page content; when called from a theme template or widget, some pages may need the plugin assets to be present already (for example a page that also uses a Markdown block or a code block).

Can I write blog posts in Markdown with this plugin?

Yes. Add the Markdown block to any post or page and write GitHub Flavored Markdown directly in the editor, with a live preview of the rendered result. Existing Markdown files - READMEs, docs, changelogs - can be pasted in as-is.

Does it highlight code blocks automatically?

Yes. Fenced code blocks get automatic code highlighting out of the box. Name a language for its exact grammar, or let automatic language detection pick one. Highlighting runs entirely on your own site - no external highlighter service is involved.

Do I need coding knowledge to use this plugin?

Not at all! The plugin works with standard Markdown syntax that's easy to learn. The Gutenberg block provides a user-friendly interface with live preview.

Will this work with my theme?

Yes, GitHub Flavored Markdown Renderer is designed to work with any properly coded WordPress theme. The styling is designed to integrate seamlessly with your site's design.

更新日志:

2.10.0 2.9.4 2.9.3 2.9.2 2.9.1 2.9.0 2.8.1 2.8.0 2.7.17 2.7.16 2.7.15