PHPackages                             rias/statamic-markdown-highlight - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. rias/statamic-markdown-highlight

Abandoned → Customize Statamic's Markdown parser insteadArchivedStatamic-addon[Utility & Helpers](/categories/utility)

rias/statamic-markdown-highlight
================================

This Addon provides pre-rendered syntax highlighting based on highlight.js

v2.2.0(2y ago)66.4k4MITPHP

Since Dec 13Pushed 2y ago1 watchersCompare

[ Source](https://github.com/riasvdv/statamic-markdown-highlight)[ Packagist](https://packagist.org/packages/rias/statamic-markdown-highlight)[ RSS](/packages/rias-statamic-markdown-highlight/feed)WikiDiscussions main Synced 3d ago

READMEChangelog (10)Dependencies (2)Versions (12)Used By (0)

Warning

This package has been abandoned, use [Statamic's markdown customization](https://statamic.dev/extending/markdown#adding-extensions) instead

[![Icon](https://github.com/riasvdv/statamic-markdown-highlight/raw/master/icon.png)](https://github.com/riasvdv/statamic-markdown-highlight/raw/master/icon.png)

[![Latest Version](https://camo.githubusercontent.com/03791abf8798405450957272106be8fba4b1b75f8a0b27ebe6702adc7ea4ce05/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f726961737664762f73746174616d69632d6d61726b646f776e2d686967686c696768742e7376673f7374796c653d666c61742d737175617265)](https://github.com/riasvdv/statamic-markdown-highlight/releases)

Markdown Highlight
==================

[](#markdown-highlight)

> Markdown Syntax Highlighting for Statamic 3.

This Addon provides pre-rendered syntax highlighting based on Shiki, so no need for any extra JavaScript to get some color in your code samples!

[![Screenshot](./docs/img/markdown-highlight-screenshot.png)](./docs/img/markdown-highlight-screenshot.png)

Installation
------------

[](#installation)

Require it using Composer.

```
composer require rias/statamic-markdown-highlight

```

In your project, you should have the JavaScript package `shiki` installed. You can install it via npm

```
npm install shiki
```

or Yarn

```
yarn add shiki
```

Using Markdown Highlight
------------------------

[](#using-markdown-highlight)

Fieldtype
---------

[](#fieldtype)

Add the fieldtype to your fieldset.

```
sections:
  main:
    display: Main
    fields:
      -
        handle: code
        field:
          type: markdown_highlight
          display: Code
```

For other options, this fieldtype extends the default [Statamic Markdown](https://statamic.dev/fieldtypes/markdown) fieldtype.

Highlighting lines and other functionalities
--------------------------------------------

[](#highlighting-lines-and-other-functionalities)

Under the hood this package uses `spatie/commonmark-shiki-highlighter`, you can [read those docs](https://github.com/spatie/commonmark-shiki-highlighter/edit/main/README.md) to see what else is possible.

Change default shiki theme
--------------------------

[](#change-default-shiki-theme)

You need to publish the config file.

```
php artisan vendor:publish --tag=statamic-markdown-highlight-config --force
```

Go to config/statamic/markdown-highlight.php.

```
'theme' => 'github-light', // change this
```

Check supported themes [shiki themes](https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes "shiki themes").

---

Brought to you by [Rias](https://rias.be)

###  Health Score

34

—

LowBetter than 77% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity25

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 73.3% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~139 days

Recently: every ~204 days

Total

11

Last Release

951d ago

Major Versions

v1.1.0 → v2.0.02021-07-11

### Community

Maintainers

![](https://www.gravatar.com/avatar/dbd355ba9a931da845b0c4ff59a974dab98f829d567bb8c5ff435c823dfa255e?d=identicon)[riasvdv](/maintainers/riasvdv)

---

Top Contributors

[![riasvdv](https://avatars.githubusercontent.com/u/3626559?v=4)](https://github.com/riasvdv "riasvdv (11 commits)")[![Safemood](https://avatars.githubusercontent.com/u/49455868?v=4)](https://github.com/Safemood "Safemood (2 commits)")[![heywhy](https://avatars.githubusercontent.com/u/13123868?v=4)](https://github.com/heywhy "heywhy (1 commits)")[![jonassiewertsen](https://avatars.githubusercontent.com/u/38906163?v=4)](https://github.com/jonassiewertsen "jonassiewertsen (1 commits)")

### Embed Badge

![Health badge](/badges/rias-statamic-markdown-highlight/health.svg)

```
[![Health](https://phpackages.com/badges/rias-statamic-markdown-highlight/health.svg)](https://phpackages.com/packages/rias-statamic-markdown-highlight)
```

###  Alternatives

[statamic/ssg

Generate static sites with Statamic.

254302.4k](/packages/statamic-ssg)[statamic/seo-pro

65440.7k](/packages/statamic-seo-pro)[jacksleight/statamic-bard-texstyle

17172.5k](/packages/jacksleight-statamic-bard-texstyle)[visuellverstehen/statamic-classify

A useful helper to add CSS classes to all HTML tags generated by the bard editor.

20116.8k](/packages/visuellverstehen-statamic-classify)[marcorieser/statamic-livewire

A Laravel Livewire integration for Statamic.

2381.5k10](/packages/marcorieser-statamic-livewire)[withcandour/aardvark-seo

Save time and get your Statamic site to rank better with the SEO addon for Statamic.

13128.3k](/packages/withcandour-aardvark-seo)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)