45 lines
19 KiB
JavaScript
45 lines
19 KiB
JavaScript
import{_ as s,o as a,c as n,R as l}from"./chunks/framework.44fd0451.js";const h=JSON.parse('{"title":"","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"guide/settings.md","filePath":"guide/settings.md","lastUpdated":1714697355000}'),o={name:"guide/settings.md"},p=l(`<h2 id="站点标题" tabindex="-1">站点标题 <a class="header-anchor" href="#站点标题" aria-label="Permalink to "站点标题""></a></h2><p>你可以在此项中自定义站点标题 <br></p><h2 id="管理员列表" tabindex="-1">管理员列表 <a class="header-anchor" href="#管理员列表" aria-label="Permalink to "管理员列表""></a></h2><ul><li><p>如果你修改了自己的 Github, Gitlab 或 Gitee 的用户名，需要在此项中同步修改，否则无法登录，多个用户请用逗号隔开: <code>user1,user2</code></p></li><li><p>如需更改管理员账户，请前往 <code>/opt/nezha/dashboard/data/config.yaml</code> ，重新设置新的管理员 <code>Client ID</code> 和 <code>Client Secret</code><br></p></li></ul><h2 id="界面主题" tabindex="-1">界面主题 <a class="header-anchor" href="#界面主题" aria-label="Permalink to "界面主题""></a></h2><p>在这里选择前台和后台界面主题，如果选项中没有某个已存在的主题，请更新面板<br> 启用 Custom 主题前，你需要在提前安装自定义主题，否则启用该项后，面板将无法正常显示 <br></p><h2 id="language" tabindex="-1">Language <a class="header-anchor" href="#language" aria-label="Permalink to "Language""></a></h2><p>哪吒监控目前支持以下语言：</p><ul><li>简体中文</li><li>繁體中文</li><li>English</li><li>Español</li></ul><p>我们欢迎您对翻译进行勘误或贡献更多语言 <br></p><h2 id="自定义代码" tabindex="-1">自定义代码 <a class="header-anchor" href="#自定义代码" aria-label="Permalink to "自定义代码""></a></h2><p>可以在此修改 LOGO、修改色调、添加美化代码和统计代码等。</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>自定义代码仅在游客首页生效，管理面板不生效<br> 由于不同主题的代码不同，如确需修改管理面板中的内容，请修改 Docker 中的主题文件</p></div><br><h4 id="默认主题更改进度条颜色示例" tabindex="-1">默认主题更改进度条颜色示例 <a class="header-anchor" href="#默认主题更改进度条颜色示例" aria-label="Permalink to "默认主题更改进度条颜色示例""></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="daynight-主题更改进度条颜色、修改页脚示例-来自-hyt-allen-xu-tech-fever" tabindex="-1">DayNight 主题更改进度条颜色、修改页脚示例（来自 <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="#daynight-主题更改进度条颜色、修改页脚示例-来自-hyt-allen-xu-tech-fever" aria-label="Permalink to "DayNight 主题更改进度条颜色、修改页脚示例（来自 [@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 你的名字 & Powered by 你的名字</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;">你的图片连接</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="默认主题修改-logo、修改页脚示例-来自-ilay1678" tabindex="-1">默认主题修改 LOGO、修改页脚示例（来自 <a href="https://github.com/iLay1678" target="_blank" rel="noreferrer">@iLay1678</a>） <a class="header-anchor" href="#默认主题修改-logo、修改页脚示例-来自-ilay1678" aria-label="Permalink to "默认主题修改 LOGO、修改页脚示例（来自 [@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 你的名字</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地址</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="hotaru-主题更改背景图片示例" tabindex="-1">hotaru 主题更改背景图片示例 <a class="header-anchor" href="#hotaru-主题更改背景图片示例" aria-label="Permalink to "hotaru 主题更改背景图片示例""></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="前台查看密码" tabindex="-1">前台查看密码 <a class="header-anchor" href="#前台查看密码" aria-label="Permalink to "前台查看密码""></a></h2><p>如果你不想向游客直接展示你的主页，你可以在这里设置一个查看密码<br> 设置密码后，需要输入密码才可以访问主页<br><br></p><h2 id="未接入-cdn-的面板服务器域名-ip" tabindex="-1">未接入 CDN 的面板服务器域名/IP <a class="header-anchor" href="#未接入-cdn-的面板服务器域名-ip" aria-label="Permalink to "未接入 CDN 的面板服务器域名/IP""></a></h2><p>此项设置是使用一键脚本安装 Agent 的前提，详情请查看<a href="/guide/agent.html#准备工作">这里</a><br></p><h2 id="ip-变更提醒" tabindex="-1">IP 变更提醒 <a class="header-anchor" href="#ip-变更提醒" aria-label="Permalink to "IP 变更提醒""></a></h2><p>如果你希望当某个服务器的ip发生变更时收到通知，可以在这里进行设置</p><h4 id="覆盖范围" tabindex="-1">覆盖范围 <a class="header-anchor" href="#覆盖范围" aria-label="Permalink to "覆盖范围""></a></h4><p>在这里选择一条规则，来确定需要监控哪些服务器，可以根据自己的需求进行选择</p><h4 id="特定服务器" tabindex="-1">特定服务器 <a class="header-anchor" href="#特定服务器" aria-label="Permalink to "特定服务器""></a></h4><p>配合覆盖范围的设置，在这里设置选定规则的排除项</p><h4 id="提醒发送至指定的通知分组" tabindex="-1">提醒发送至指定的通知分组 <a class="header-anchor" href="#提醒发送至指定的通知分组" aria-label="Permalink to "提醒发送至指定的通知分组""></a></h4><p>选择通知方式，通知方式请提前在 “告警” 页内设置<br><br></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><strong>设置完成后，勾选启用时，通知生效</strong></p></div><br><h4 id="通知中显示完整-ip-地址" tabindex="-1">通知中显示完整 IP 地址 <a class="header-anchor" href="#通知中显示完整-ip-地址" aria-label="Permalink to "通知中显示完整 IP 地址""></a></h4><p>IP 变更通知默认隐藏完整 IP，如果你不希望隐藏，可以勾选 “通知信息中显示完整 IP 地址”</p><h2 id="禁止前台切换模版" tabindex="-1">禁止前台切换模版 <a class="header-anchor" href="#禁止前台切换模版" aria-label="Permalink to "禁止前台切换模版""></a></h2><p>主页允许修改显示主题的功能默认启用，此功能只会影响单一用户，不会影响管理员在后台设置的启用主题 如果你不希望前台用户切换主题，可以勾选此项</p>`,40),e=[p];function t(r,c,D,F,y,i){return a(),n("div",null,e)}const A=s(o,[["render",t]]);export{h as __pageData,A as default};
|