Gridsome Plugin Remark Shiki screenshot

Gridsome Plugin Remark Shiki

Author Avatar Theme by Eldorandev
Updated: 5 Sep 2021
15 Stars

Syntax highlighter for markdown code blocks using shiki

Overview

If you’re looking to enhance your markdown code blocks with stylish syntax highlighting, the gridsome-plugin-remark-shiki is an excellent choice. This plugin seamlessly integrates with your existing Gridsome setup to elevate the appearance and readability of your code snippets. By leveraging the power of Shiki, it not only makes your code visually appealing but also brings essential features that cater to developers’ needs.

The versatility of this plugin allows you to customize your setup significantly. Whether you’re interested in showcasing language names, highlighting specific lines of code, or even implementing dark mode for a smoother viewing experience, this tool has got you covered. Let’s explore some key features that make this plugin a must-have for any markdown enthusiast.

Features

  • Syntax Highlighting: Utilizes Shiki for advanced syntax highlighting across all markdown code blocks, providing a vibrant and readable experience.
  • Display Language: When enabled, this feature shows the programming language used in the code block, improving clarity for readers.
  • Display Line Numbers: Offers an option to display line numbers, enhancing navigation through longer code snippets.
  • Highlight Lines: Allows users to easily highlight specific lines within a code block based on metadata, making it easier to point out critical sections.
  • Aliases: Supports the ability to define language aliases, useful when working with unsupported or differently identified languages in Shiki.
  • Dark Mode Support: Includes multiple options for implementing dark mode themes, ensuring a pleasant reading experience in low-light environments.
  • Custom Themes: Users can implement custom themes for the syntax highlighter, allowing for a personalized touch to the code presentation.
  • Selective Application: Offers the flexibility to apply syntax highlighting to specific markdown sources or all sources, while giving the option to exclude inline code.