Gatsby

gatsby-plugin-marka

A gatsby plugin for integrating marka-js into your site.

Marka is a JavaScript lib that runs in the browser, it will mark anchor elements and add icons according to the href.

Goto the author’s blog to see a demo.

🚀 Install

npm install --save gatsby-plugin-marka

🧐 How to use

Include the plugin in a Gatsby site

Inside of the gatsby-config.js file of your site (in this case, my-gatsby-site), include the plugin in the plugins array:

module.exports = {
  plugins: [
    // other gatsby plugins
    // ...
    resolve: 'gatsby-plugin-marka',
    options: {
      container: '.js-marka-container',
    } // see possible options below
  ],
}

Options

You can pass check possible options in marka-js documentation.

Customize style

Override css variables in some of your css files.

body {
  --marka-link-color: purple;
}