45 lines
19 KiB
JavaScript
45 lines
19 KiB
JavaScript
import{_ as s,o as a,c as n,R as o}from"./chunks/framework.44fd0451.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"en_US/guide/settings.md","filePath":"en_US/guide/settings.md","lastUpdated":1715640788000}'),e={name:"en_US/guide/settings.md"},l=o(`<h2 id="site-title" tabindex="-1">Site Title <a class="header-anchor" href="#site-title" aria-label="Permalink to "Site Title""></a></h2><p>You can customize your site title here<br><br></p><h2 id="admin-list" tabindex="-1">Admin List <a class="header-anchor" href="#admin-list" aria-label="Permalink to "Admin List""></a></h2><ul><li><p>If you have changed your Github, Gitlab, Jihulab, Gitee username, you can change it in this item, otherwise you can't log in, please separate multiple users with commas: <code>user1,user2</code></p></li><li><p>To change your administrator account, please go to <code>/opt/nezha/dashboard/data/config.yaml</code> to set the new administrator <code>Client ID</code> and <code>Client Secret</code>.<br><br></p></li></ul><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to "Theme""></a></h2><p>Select the home page theme here, and update the panel if there is not an existing theme in the options<br><br></p><h2 id="language" tabindex="-1">Language <a class="header-anchor" href="#language" aria-label="Permalink to "Language""></a></h2><p>Nezha Monitoring currently supports the following languages:</p><ul><li>简体中文</li><li>English</li><li>Español</li></ul><p><a href="https://crowdin.com/project/nezha" target="_blank" rel="noreferrer"><img src="https://badges.crowdin.net/nezha/localized.svg" alt="Crowdin"></a><br> We welcome corrections to translations and contributions of additional languages<br><br></p><h2 id="custom-code-style-script" tabindex="-1">Custom code (style, script) <a class="header-anchor" href="#custom-code-style-script" aria-label="Permalink to "Custom code (style, script)""></a></h2><p>Change logo, change color tone, add statistics code, etc.</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>The custom code only takes effect in the visitor's home page, not in the admin panel.<br> Since the code of different themes is different, if you really need to modify the content of the admin panel, please enter Docker to changes it by yourself.</p></div><br><h4 id="example-of-changing-the-default-theme-progress-bar-color" tabindex="-1">Example of changing the default theme progress bar color <a class="header-anchor" href="#example-of-changing-the-default-theme-progress-bar-color" aria-label="Permalink to "Example of changing the default theme progress bar color""></a></h4><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">ui</span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">fine</span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">progress</span><span style="color:#89DDFF;">></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">bar</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">background-color</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> pink </span><span style="color:#F78C6C;">!important</span><span style="color:#89DDFF;">;</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span></code></pre></div><h4 id="example-of-modifying-daynight-theme-progress-bar-color-and-footer-by-hyt-allen-xu-tech-fever" tabindex="-1">Example of modifying DayNight theme progress bar color and footer (by <a href="https://github.com/hyt-allen-xu" target="_blank" rel="noreferrer">@hyt-allen-xu</a> <a href="https://github.com/tech-fever" target="_blank" rel="noreferrer">@tech-fever</a>) <a class="header-anchor" href="#example-of-modifying-daynight-theme-progress-bar-color-and-footer-by-hyt-allen-xu-tech-fever" aria-label="Permalink to "Example of modifying DayNight theme progress bar color and footer (by [@hyt-allen-xu](https://github.com/hyt-allen-xu) [@tech-fever](https://github.com/tech-fever))""></a></h4><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">ui</span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">fine</span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">progress</span><span style="color:#89DDFF;">></span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">progress-bar</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">background-color</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">#</span><span style="color:#A6ACCD;">00a7d0 </span><span style="color:#F78C6C;">!important</span><span style="color:#89DDFF;">;</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"></span>
|
||
<span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">window</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">onload</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#89DDFF;">(){</span></span>
|
||
<span class="line"><span style="color:#C792EA;">var</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">avatar</span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;">document</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">querySelector</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">img</span><span style="color:#89DDFF;">"</span><span style="color:#F07178;">)</span></span>
|
||
<span class="line"><span style="color:#C792EA;">var</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">footer</span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;">document</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">querySelector</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">div.footer-container</span><span style="color:#89DDFF;">"</span><span style="color:#F07178;">)</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">footer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">innerHTML</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">©2021 YourName & Powered by YourName</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">footer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">style</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">visibility</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">visible</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">avatar</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">Logo URL</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">avatar</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">style</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">visibility</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">visible</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h4 id="example-of-modifying-the-logo-of-the-default-theme-modifying-the-footer-by-ilay1678" tabindex="-1">Example of modifying the logo of the default theme, modifying the footer (by <a href="https://github.com/iLay1678" target="_blank" rel="noreferrer">@iLay1678</a>) <a class="header-anchor" href="#example-of-modifying-the-logo-of-the-default-theme-modifying-the-footer-by-ilay1678" aria-label="Permalink to "Example of modifying the logo of the default theme, modifying the footer (by [@iLay1678](https://github.com/iLay1678))""></a></h4><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">right</span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">menu</span><span style="color:#89DDFF;">></span><span style="color:#FFCB6B;">a</span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#B2CCD6;">visibility</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> hidden</span><span style="color:#89DDFF;">;</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">footer</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">is-size-7</span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#B2CCD6;">visibility</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> hidden</span><span style="color:#89DDFF;">;</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">item</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">img</span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#B2CCD6;">visibility</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> hidden</span><span style="color:#89DDFF;">;</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">window</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">onload</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#89DDFF;">(){</span></span>
|
||
<span class="line"><span style="color:#C792EA;">var</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">avatar</span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;">document</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">querySelector</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">.item img</span><span style="color:#89DDFF;">"</span><span style="color:#F07178;">)</span></span>
|
||
<span class="line"><span style="color:#C792EA;">var</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">footer</span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;">document</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">querySelector</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">div.is-size-7</span><span style="color:#89DDFF;">"</span><span style="color:#F07178;">)</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">footer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">innerHTML</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">Powered by YOUR NAME</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">footer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">style</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">visibility</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">visible</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">avatar</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">Your square logo link</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;">avatar</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">style</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">visibility</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">visible</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">></span></span></code></pre></div><h4 id="example-of-modifying-the-background-image-of-hotaru-theme" tabindex="-1">Example of modifying the background image of hotaru theme <a class="header-anchor" href="#example-of-modifying-the-background-image-of-hotaru-theme" aria-label="Permalink to "Example of modifying the background image of hotaru theme""></a></h4><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span>
|
||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">hotaru-cover</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">background</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">url</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">https://s3.ax1x.com/2020/12/08/DzHv6A.jpg</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> center</span><span style="color:#89DDFF;">;</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</span></span>
|
||
<span class="line"><span style="color:#89DDFF;"></</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">></span></span></code></pre></div><h2 id="access-password" tabindex="-1">Access Password <a class="header-anchor" href="#access-password" aria-label="Permalink to "Access Password""></a></h2><p>If you don't want to show your homepage directly, you can set a access password here<br> After setting the password, you need to enter the password to access the homepage<br><br></p><h2 id="cdn-bypassed-domain-ip" tabindex="-1">CDN Bypassed Domain/IP <a class="header-anchor" href="#cdn-bypassed-domain-ip" aria-label="Permalink to "CDN Bypassed Domain/IP""></a></h2><p>This setting is a prerequisite for using the one-click script to install the Agent, see <a href="/en_US/guide/agent.html#preparation">here</a> for details <br></p><h2 id="ip-change-alert" tabindex="-1">IP Change Alert <a class="header-anchor" href="#ip-change-alert" aria-label="Permalink to "IP Change Alert""></a></h2><p>If you want to be notified when a server's ip changes, you can set it up here</p><h4 id="coverage" tabindex="-1">Coverage <a class="header-anchor" href="#coverage" aria-label="Permalink to "Coverage""></a></h4><p>Select a rule here to determine which servers need to be monitored, and you can choose according to your needs</p><h4 id="specific-servers" tabindex="-1">Specific Servers <a class="header-anchor" href="#specific-servers" aria-label="Permalink to "Specific Servers""></a></h4><p>In conjunction with the coverage settings, set the exclusions for the selected rule here</p><h4 id="send-notification-to-specific-notification-group" tabindex="-1">Send Notification To Specific Notification Group <a class="header-anchor" href="#send-notification-to-specific-notification-group" aria-label="Permalink to "Send Notification To Specific Notification Group""></a></h4><p>Select the notification method, please set the notification method in the "Notifications" page<br><br></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><strong>When the settings are completed, the notification takes effect when <code>enabled</code> is activated</strong></p></div><br><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>IP Change Alert does not show ip by default, if you don't want to hide it, you can activate "Do NOT desensitize Server IP In Notification Messages"</p></div>`,37),t=[l];function p(r,c,i,y,D,F){return a(),n("div",null,t)}const u=s(e,[["render",p]]);export{d as __pageData,u as default};
|