- Gist
- Streamable
- Vimeo
- YouTube
- Chart
- Galleria
- Katex
- MapBox
- Mermaid
- Vimeo
- YouTube
- GitHub Issue
- Block quote
- Vimeo (vm.html)
- YouTube (yt.html)
- Select the appropriate JS file for your Zola Theme in the dist and add it to the
staticdirectory in your Zola repository. - Then, set it to be loaded after the
netlify-cms.jsscript tag.
e.g. If you put zola-shortcodes-netlify-cms.built-in.js in your 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/zola-shortcodes-netlify-cms.built-in.js"></script><!-- HERE -->
</body>
</html>You can select the appropriate one from dist.
It's named like zola-shortcodes-netlify-cms.<THEME_NAME>.js.
If you can't find a theme you use, nice to write it and PR it.
It would be great if you could write it using the src folder as a reference and send a PR.
No. It's OK you select only one *.xxxx.js. It's merged one for built-in Shortcodes, and overwritten with duplicate them.
Netlify CMS Editor Components
- Creating Custom Widgets | Netlify CMS | Open-Source Content Management System
- netlify-cms/index.js at 92d8c50272835201229d4265ef2ee18ee657dc17 · netlify/netlify-cms
Zola Shortcodes
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent