Codeblock Highlighter

pending

by kosei28

Highlights codeblocks using Shiki. Works seamlessly in all view modes.

Updated 3mo agoMITDiscovered via Obsidian Unofficial Plugins
View on GitHub

Obsidian Codeblock Highlighter

A simple plugin that highlights code blocks in Obsidian using the powerful Shiki highlighter.

Features

  • Accurate Highlighting: Uses Shiki for VS Code-like syntax highlighting.
  • Theme Support: Choose from a variety of bundled themes in the settings.
  • Source Mode / Live Preview / Reading View: Works seamlessly in all view modes.

Installation

Note: This plugin is not yet available in the official Community Plugins list.

  1. Search for "Codeblock Highlighter" in Obsidian's Community Plugins (once released).
  2. Enable the plugin in your settings.

BRAT

  1. Install the BRAT plugin from the Community Plugins.
  2. Open the command palette and run BRAT: Add a beta plugin for testing.
  3. Enter the URL: https://github.com/kosei28/obsidian-codeblock-highlighter
  4. Click "Add Plugin".
  5. Enable "Codeblock Highlighter" in the Community Plugins list.

Settings

  • Theme: Select your preferred syntax highlighting theme.
  • Language Mappings: Map language aliases to supported languages (e.g., dataviewjs -> javascript).

Development

To build the plugin from source:

bun install
bun run dev

Credits

  • Shiki: A beautiful and powerful syntax highlighter.
  • tm-themes: A collection of shared TextMate themes bundled in this plugin.

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.