Typecho 的管理后台相当简洁。整体以淡雅的灰白色为主色调,没有花哨的图表,也没有多余的视觉干扰。采用三栏式布局呈现关键功能,信息层次分明。

但是,如果一时访问不了官方博客,最右边的「官方最新日志」在进入后台的时候就会卡顿一下,非常影响加载速度。一般为了保证稳定,我们可能好几年都不会更新一次 Typecho 主程序;加上官方正式版本迭代速度非常缓慢,这个日志也没什么大用。所以可以考虑干掉这块内容,这样访问后台的时候能稍微提提速。

首先,移除「官方最新日志」栏目。打开 admin/index.php 文件,找到并删除以下代码:

<div class="col-mb-12 col-tb-4" role="complementary">
    <section class="latest-link">
        <h3><?php _e('官方最新日志'); ?></h3>
        <div id="typecho-message">
            <ul>
                <li><?php _e('读取中...'); ?></li>
            </ul>
        </div>
    </section>
</div>

接着移除获取官方日志的 JavaScript 代码。在文件末尾的 <script> 标签中,找到并删除以下代码:

if (!!html) {
    ul.html(html);
} else {
    html = '';
    $.get('<?php $options->index('/action/ajax?do=feed'); ?>', function (o) {
        for (var i = 0; i < o.length; i++) {
            var item = o[i];
            html += '<li><span>' + item.date + '</span> <a href="' + item.link + '" target="_blank">' + item.title
                + '</a></li>';
        }

        ul.html(html);
        cache.setItem('feed', html);
    }, 'json');
}

刷新一下,后台就变成了这样:

但这么一删,原本布局就显得有些不对称了。我倒是有个点子,把Z酱的动态塞到这边上,这样就可以及时注意到更新,然后第一时间转载,机智如我!可以找到「最近发布的文章」栏目的代码块,将 col-tb-4 修改为 col-tb-6

修改前:

<div class="col-mb-12 col-tb-4" role="complementary">
    <section class="latest-link">
        <h3><?php _e('最近发布的文章'); ?></h3>

修改后:

<div class="col-mb-12 col-tb-6" role="complementary">
    <section class="latest-link">
        <h3><?php _e('最近发布的文章'); ?></h3>

「最近得到的回复」栏目的代码块也同样如法炮制,将 col-tb-4 修改为 col-tb-6 即可。整体就会看起来稍微居中一些,就像这样:

本来这篇水文到这里就该结束了。但我灵机一动,要不底下垫张壁纸试试?于是就变成了这样:

方法也很简单,塞个样式就行。在 admin/header.php 文件中 </head> 前加入以下代码:

<style>
    body {
        /* 1. 在最底层设置背景图 */
        background-image: url('https://your-image-url.com/background.jpg'); /* 替换为你的背景图片 URL */
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        position: relative;
        z-index: 0;
    }

    /* 2. 在背景图上、内容下,加一层半透明白色遮罩,让图片“变淡” */
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.9); /* 90%不透明的白色,可调整 0.9 改变图片清晰度 */
        z-index: -1; /* 把这层放在所有内容的后面 */
    }

    /* 3. 把原来包裹内容的灰色背景去掉,好让我们的淡图片背景透出来 */
    .typecho-body {
        background: transparent !important;
    }
</style>

就是太二次元了,一点也不习惯。原本为了加速访问反倒因此变得更卡了,有点本末倒置。用了几天就删掉了(