This Jekyll plugin is an extension of jekyll-commonmark-ghpages that adds one extra feature: the ability to use tabbed code blocks. The tabbed code blocks also have theme support and support copying code blocks. See Testing Code Tabs for a demo!
Please note that this plugin will not work out of the box with GitHub Pages which only officially supports these plugins. I made a guide last year about getting around this using GitHub Actions, but it may be a bit dated even if the idea is still the same. My site itself is generated using GitHub Actions so it can be done for sure with the right configuration.
Add the jdvp-codetabs-commonmark gem inside of your
group :jekyll_plugins do gem 'jdvp-codetabs-commonmark' end
_config.yml to use this plugin as the markdown converter:
Since this project extends the existing jekyll-commonmark-ghpages, you can specify extensions and options for the markdown conversion as seen in that project's README.
If necessary, run bundle install to install the missing gem:
Please see the following article that demos the features of this plugin: Testing Code Tabs. I will keep it as up-to-date as I can.