1、图标版
在 /html/typecho-1.2.1/usr/themes/Cuteen/include
目录中,打开 navbar.php
文件,将代码添加到昼夜切换
标签后面,即下面这段代码后面
<li class="navbar-icon d-none d-md-inline-flex" onclick="Cuteen.DarkModeToggle();" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="昼夜切换">
<svg class="icon icon-20 darkMode" aria-hidden="true">
<use xlink:href="#moon"></use>
</svg>
</li>
加入
<li class="navbar-icon d-none d-md-inline-flex" data-bs-toggle="tooltip" data-bs-placement="bottom" title="后台管理">
<a target="_blank" class="d-md-inline-flex nav-link" href="/admin">
<svg t="1673414371247" class="icon icon-20 darkMode" aria-hidden="true" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2207" width="16" height="16"><path d="M614.015 562.226H409.928c-191.021 0-346.487 153.046-346.487 341.29v20.07C63.441 1024 216.36 1024 409.928 1024h204.087c185.927 0 346.46 0 346.5-100.413v-20.121c0-188.156-155.48-341.291-346.5-341.291zM501.77 0C350.075 0 226.7 121.566 226.7 271.02s123.323 271.047 275.07 271.047S776.84 420.475 776.84 271.02 653.454 0 501.771 0z" p-id="2208"></path></svg>
</a>
</li>
2、文字版
进入设置外观
-增强设置
,在自定义CSS设置
中加入以下内容
:root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;
margin-bottom: 5px;
}
.badge-subject {
display: inline-block;
background-color: #4d4d4d;
padding: 4px 4px 4px 6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.github-badge .bg-blue {
background-color: #007ec6;
}
.github-badge .bg-brightgreen {
background-color: #4dc820;
}
.github-badge .bg-blueviolet {
background-color: #8833d7;
}
.github-badge .badge-value {
display: inline-block;
padding: 4px 6px 4px 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.github-badge .bg-orange {
background-color: orange;
}
.github-badge .bg-red{
background-color: #F16461;
}
在 /html/typecho-1.2.1/usr/themes/Cuteen/include
目录中,打开 navbar.php
文件,将代码添加到昼夜切换
标签后面,即下面这段代码后面
<ul class="navbar-nav">
<li class="navbar-icon" data-bs-toggle="modal" data-bs-target="#searchModal">
<svg class="icon icon-20" aria-hidden="true">
<use xlink:href="#search"></use>
</svg>
</li>
<?php if ($this->options->MusicList || $this->options->MusicListUrl): ?>
<li id="musicApp" class="navbar-icon position-relative d-none d-md-inline-flex">
<svg id="musicSvg" class="icon icon-20" aria-hidden="true">
<use xlink:href="#music"></use>
</svg>
<div id="musicPop"></div>
</li>
<?php endif; ?>
<li class="navbar-icon d-none d-md-inline-flex" onclick="Cuteen.DarkModeToggle();" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="昼夜切换">
<svg class="icon icon-20 darkMode" aria-hidden="true">
<use xlink:href="#moon"></use>
</svg>
</li>
</ul>
加入
<ul class="github-badge">
<?php if($this->user->hasLogin()): ?>
<li class="badge-subject bg-blue" style="margin-right: 2px;">
<a style="color:#fff" href="<?php $this->options->adminUrl(); ?>"><?php _e('进入后台'); ?></a>
</li>
<li class="badge-subject bg-blue">
<a style="color:#fff" href="<?php $this->options->logoutUrl(); ?>"><?php _e('退出'); ?></a>
</li>
<?php else: ?>
<li class="badge-subject bg-blue">
<a style="color:#fff" href="<?php $this->options->adminUrl('login.php'); ?>"><?php _e('登录'); ?></a>
</li>
<?php endif; ?>
</ul>