import{_ as e,c as o,o as t,a as n}from"./app.4f7c959e.js";const v='{"title":"Nezha Theme Development Environment","description":"","frontmatter":{},"headers":[{"level":2,"title":"Nezha Theme Development Environment","slug":"nezha-theme-development-environment"},{"level":2,"title":"How to use","slug":"how-to-use"},{"level":2,"title":"FAQ","slug":"faq"}],"relativePath":"en_US/developer/theme.md","lastUpdated":1656077214000}',a={},i=n('<h2 id="nezha-theme-development-environment" tabindex="-1">Nezha Theme Development Environment <a class="header-anchor" href="#nezha-theme-development-environment" aria-hidden="true">#</a></h2><p>Nezha Monitoring provides a theme development environment that you can use to create new Nezha Monitoring themes</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>Please note: This development environment only supports <code>dashboard v0.13.16</code> and newer versions.</p></div><h2 id="how-to-use" tabindex="-1">How to use <a class="header-anchor" href="#how-to-use" aria-hidden="true">#</a></h2><ol><li>Clone <a href="https://github.com/nezhahq/skeleton-custom-theme" target="_blank" rel="noopener noreferrer">this repository</a> to local</li><li>Modify the Oauth2 configuration in <code>data/config.yaml</code>\uFF08The callback connection can be filled with <code>http://localhost</code>\uFF09</li><li>Run <code>docker-compose up</code></li><li>Start development</li><li>Once the theme has been created, you can place <code>theme-custom</code> in <code>/opt/nezha/dashboard/theme-custom</code> on the server</li></ol><h2 id="faq" tabindex="-1">FAQ <a class="header-anchor" href="#faq" aria-hidden="true">#</a></h2><ul><li>If you can&#39;t use port <code>80</code>, change the configuration in <code>docker-compose.yaml</code>.</li></ul>',7),c=[i];function l(r,h,d,s,m,p){return t(),o("div",null,c)}var _=e(a,[["render",l]]);export{v as __pageData,_ as default};