Skip to content

hatappo/zola-shortcodes-netlify-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Zola Shortcodes for Netlify CMS Editor Components

Shortcodes in Zola

Zola own built-in

  1. Gist
  2. Streamable
  3. Vimeo
  4. YouTube

Theme - DeepThought

  1. Chart
  2. Galleria
  3. Katex
  4. mapbox
  5. Mermaid
  6. Vimeo
  7. YouTube

Usage

  1. Add or checkout the javascript file to the static directory in your Zola project.
  2. Then, load it after the netlify-cms.js script tag.

e.g. If you put the JS file in static/js directory, you can write the following in stacic/admin/index.html

<!DOCTYPE html>
<html>
  <head>
    <link href="/_cms/config.yml" type="text/yaml" rel="cms-config-url">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Content Manager</title>
    <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
  </head>
  <body>
    <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
    <script src="/js/dist/zola-shortcodes-netlify-cms.built-in.js"></script><!-- HERE -->
  </body>
</html>

Original Shortcodes by Themes

Choose one of zola-shortcodes-netlify-cms.<THEME_NAME>.js in dist directory, which you want.

Screenshot

/screenshot-shortcodes-on-cms.png

Reference

Netlify CMS Editor Components

Zola Shortcodes