CMS on Hugolifyhttps://www.hugolify.io/docs/admin/v2/cms/Recent content in CMS on HugolifyHugoenCloudCannonhttps://www.hugolify.io/docs/admin/v2/cms/cloudcannon/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/cloudcannon/<p> <span class="badge badge-danger">Not available in production</span> <span class="badge badge-success">Maintened CMS</span> <span class="badge badge-info">Beta</span> </p> <div class="alert alert-warning"> <h4 class="alert-heading">Warning: Not supported features</h4> <ul> <li>i18n structure</li> <li>Map Widget</li> </ul> </div> <h2 id="enable-cloudcannon">Enable CloudCannon</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">cloudcannon</span> </span></span></code></pre></div><h2 id="build-config-file">Build config file</h2> <p>Build a <code>cloudcannon.config.yml</code> file with Hugo and NodeJS script. This file needs to be versioned.</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>yarn build:config:cloudcannon </span></span></code></pre></div><h2 id="group-collections">Group collections</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">collection_groups</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">heading</span>: <span style="color:#ae81ff">Posts</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">collections</span>: </span></span><span style="display:flex;"><span> - <span style="color:#ae81ff">posts</span> </span></span><span style="display:flex;"><span> - <span style="color:#ae81ff">posts_categories</span> </span></span><span style="display:flex;"><span> - <span style="color:#ae81ff">posts_tags</span> </span></span></code></pre></div><h2 id="card-preview-collections">Card preview collections</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">collections</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">persons</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">card_preview</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">subtext</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">key</span>: <span style="color:#ae81ff">persons_statutes</span> </span></span><span style="display:flex;"><span> - <span style="color:#f92672">key</span>: <span style="color:#ae81ff">persons_expertises</span> </span></span><span style="display:flex;"><span> - <span style="color:#f92672">key</span>: <span style="color:#ae81ff">description</span> </span></span></code></pre></div><h2 id="documentation">Documentation</h2> <ul> <li><a href="https://www.hugolify.io/docs/admin/v2/setup/">Hugolify Admin setup</a></li> <li> <a href="https://cloudcannon.com/documentation/" target="_blank" rel="noreferrer noopener" title="« CloudCannon documentation » - external link">CloudCannon documentation</a> </li> </ul>Decap CMShttps://www.hugolify.io/docs/admin/v2/cms/decap-cms/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/decap-cms/<p> <span class="badge badge-success">Available in production</span> <span class="badge badge-success">Maintened CMS</span> </p> <div class="alert alert-warning"> <h4 class="alert-heading">Warning: Not supported features</h4> <ul> <li>UUID widget</li> </ul> </div> <h2 id="enable-decap-cms">Enable Decap CMS</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">decapcms</span> </span></span></code></pre></div><h2 id="icon-library">Icon library</h2> <ul> <li> <a href="https://icons.getbootstrap.com/" target="_blank" rel="noreferrer noopener" title="« Bootstrap Icons (via CSS) » - external link">Bootstrap Icons (via CSS)</a> </li> </ul> <h2 id="screenshot">Screenshot</h2> <div class="screenshot"ZgotmplZ> <span></span> <figure> <picture> <source srcset="https://res.cloudinary.com/uncinq/image/upload/f_webp,w_856/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png, https://res.cloudinary.com/uncinq/image/upload/dpr_2.0,f_webp,w_856/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png 2x" type="image/webp" media="(min-width: 577px)"> <source srcset="https://res.cloudinary.com/uncinq/image/upload/f_webp,w_360/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png, https://res.cloudinary.com/uncinq/image/upload/dpr_2.0,f_webp,w_360/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png 2x, https://res.cloudinary.com/uncinq/image/upload/dpr_3.0,f_webp,w_360/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png 3x" type="image/webp" media="(max-width: 576px)"> <source srcset="https://res.cloudinary.com/uncinq/image/upload/w_360/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png, https://res.cloudinary.com/uncinq/image/upload/w_360/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png 2x, https://res.cloudinary.com/uncinq/image/upload/w_360/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png 3x" type="image/jpg" media="(max-width: 576px)"> <img src="https://res.cloudinary.com/uncinq/image/upload/w_856/v1758126305/screenshot-hugolify-decapcms-home_ynatqv.png" alt="Homepage screenshot of Hugolify Admin" width="856" height="438" loading="lazy" decoding="async"> </picture> </figure> </div> <h2 id="documentation">Documentation</h2> <ul> <li><a href="https://www.hugolify.io/docs/admin/v2/setup/">Hugolify Admin setup</a></li> <li> <a href="https://decapcms.org/docs/intro/" target="_blank" rel="noreferrer noopener" title="« Decap CMS documentation » - external link">Decap CMS documentation</a> </li> <li> <a href="https://github.com/decaporg/decap-cms" target="_blank" rel="noreferrer noopener" title="« Decap CMS repository » - external link">Decap CMS repository</a> </li> </ul> <h2 id="tutorials">Tutorials</h2> <ul> <li><a href="https://www.hugolify.io/tutorials/how-to-create-a-multisite-with-hugo-and-decap-cms-using-hugolify/">How to create a multisite with Hugo and Decap CMS using Hugolify</a></li> <li><a href="https://www.hugolify.io/tutorials/how-to-create-a-portfolio-with-hugo-and-decap-cms-using-hugolify/">How to create a portfolio with Hugo and Decap CMS using Hugolify</a></li> <li><a href="https://www.hugolify.io/tutorials/how-to-create-a-blog-with-hugo-and-decap-cms-using-hugolify/">How to create a blog with Hugo and Decap CMS using Hugolify</a></li> </ul>Netlify CMShttps://www.hugolify.io/docs/admin/v2/cms/netlify-cms/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/netlify-cms/<p> <span class="badge badge-success">Available in production</span> <span class="badge badge-secondary">Deprecated CMS</span> </p> <h2 id="enable-netlify-cms">Enable Netlify CMS</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">netlifycms</span> </span></span></code></pre></div><h2 id="icon-library">Icon library</h2> <ul> <li> <a href="https://icons.getbootstrap.com/" target="_blank" rel="noreferrer noopener" title="« Bootstraop Icons (via CSS) » - external link">Bootstraop Icons (via CSS)</a> </li> </ul> <h2 id="documentation">Documentation</h2> <ul> <li><a href="https://www.hugolify.io/docs/admin/v2/setup/">Hugolify Admin setup</a></li> <li> <a href="https://github.com/netlify/netlify-cms-legacy" target="_blank" rel="noreferrer noopener" title="« https://github.com/netlify/netlify-cms-legacy » - external link">https://github.com/netlify/netlify-cms-legacy</a> </li> </ul>Pages CMShttps://www.hugolify.io/docs/admin/v2/cms/pages-cms/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/pages-cms/<p> <span class="badge badge-success">Available in production</span> <span class="badge badge-success">Maintened CMS</span> <span class="badge badge-warning">Compatibility WIP</span> </p> <div class="alert alert-warning"> <h4 class="alert-heading">Warning: Not supported features</h4> <ul> <li>Cloud assets</li> <li>i18n structure</li> <li>Map Widget</li> <li>Nested pages</li> </ul> </div> <h2 id="enable-pages-cms">Enable Pages CMS</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">pagescms</span> </span></span></code></pre></div><h2 id="build-config-file">Build config file</h2> <p>Build a <code>.pages.yml</code> file with Hugo and NodeJS script. This file needs to be versioned.</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>yarn build:config:pagescms </span></span></code></pre></div><h2 id="enabledisable-media">Enable/disable media</h2> <p>With media from Pages CMS, you can configure how to handle files you want to upload, attach to or embed in your content.</p>Static CMShttps://www.hugolify.io/docs/admin/v2/cms/static-cms/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/static-cms/<p> <span class="badge badge-success">Available in production</span> <span class="badge badge-secondary">Deprecated CMS</span> </p> <div class="alert alert-warning"> <h4 class="alert-heading">Warning: Not supported features</h4> <ul> <li>Cloud assets</li> <li>Nested pages</li> </ul> </div> <h2 id="enable-static-cms">Enable Static CMS</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">staticcms</span> </span></span></code></pre></div><h2 id="documentation">Documentation</h2> <ul> <li><a href="https://www.hugolify.io/docs/admin/v2/setup/">Hugolify Admin setup</a></li> <li> <a href="https://staticjscms.netlify.app/" target="_blank" rel="noreferrer noopener" title="« https://staticjscms.netlify.app/ » - external link">https://staticjscms.netlify.app/</a> </li> </ul>Sveltia CMShttps://www.hugolify.io/docs/admin/v2/cms/sveltia-cms/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/sveltia-cms/<p> <span class="badge badge-success">Available in production</span> <span class="badge badge-success">Maintened CMS</span> </p> <div class="alert alert-warning"> <h4 class="alert-heading">Warning: Not supported features</h4> <ul> <li>Git Gateway</li> <li>Netlify Identify</li> </ul> <p>See <a href="https://sveltiacms.app/en/docs/migration/netlify-decap-cms#current-limitations" target="_blank" rel="noreferrer noopener" title="« Current limitations » - external link">Current limitations</a> and <a href="https://sveltiacms.app/en/docs/migration/netlify-decap-cms#features-not-to-be-implemented" target="_blank" rel="noreferrer noopener" title="« features not to be implemented » - external link">features not to be implemented</a> in Sveltia CMS documentation.</p> </div> <h2 id="enable-sveltia-cms">Enable Sveltia CMS</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">sveltiacms</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">repo</span>: <span style="color:#ae81ff">Hugolify/hugolify-template</span> <span style="color:#75715e"># set your repository’s URL</span> </span></span></code></pre></div><h2 id="additional-featured">Additional featured</h2> <h3 id="disable-netlify-identify">Disable Netlify identify</h3> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">auth</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">netlify_identity</span>: <span style="color:#66d9ef">false</span> </span></span></code></pre></div><h3 id="including-hugos-special-index-file-in-a-folder-collection">Including Hugo’s special index file in a folder collection</h3> <p>Disables unnecessary indexes collection ( <a href="https://sveltiacms.app/en/docs/collections/entries#managing-hugo-s-special-index-file" target="_blank" rel="noreferrer noopener" title="« See more about this on Sveltia’s documentation » - external link">See more about this on Sveltia’s documentation</a> ):</p>Tina CMShttps://www.hugolify.io/docs/admin/v2/cms/tina-cms/Mon, 01 Jan 0001 00:00:00 +0000https://www.hugolify.io/docs/admin/v2/cms/tina-cms/<p> <span class="badge badge-danger">Not available in production</span> <span class="badge badge-success">Maintened CMS</span> <span class="badge badge-info">Beta</span> </p> <div class="alert alert-warning"> <h4 class="alert-heading">Warning: Not supported features</h4> <ul> <li>i18n structure</li> <li>Map Widget</li> <li>Shortcodes</li> </ul> </div> <h2 id="enable-tina-cms">Enable Tina CMS</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#f92672">admin</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">cms</span>: <span style="color:#ae81ff">tinacms</span> </span></span></code></pre></div><h2 id="build-config-file">Build config file</h2> <p>Build a <code>tina/config.js</code> file with Hugo and NodeJS script.</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>yarn build:config:tinacms </span></span></code></pre></div><h2 id="documentation">Documentation</h2> <ul> <li><a href="https://www.hugolify.io/docs/admin/v2/setup/">Hugolify Admin setup</a></li> <li> <a href="https://tina.io/docs/" target="_blank" rel="noreferrer noopener" title="« Tina CMS documentation » - external link">Tina CMS documentation</a> </li> <li> <a href="https://github.com/tinacms/tinacms" target="_blank" rel="noreferrer noopener" title="« Tina CMS repository » - external link">Tina CMS repository</a> </li> </ul>