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>
最后修改:2024 年 09 月 24 日
如果觉得我的文章对你有用,请随意赞赏