handsome美化记录

博主：枫雨
发布时间：2020 年 02 月 26 日
21677 次浏览
6 条评论
9072字数
分类：技巧分享

<div class="tip share">请注意，本文编写于 1772 天前，最后修改于 4 天前，其中某些信息可能已经过时。</div>

基本上参考和复制了[官方教程](https://handsome2.ihewro.com/#/)和[史上最全的handsome美化，没有之一！（持续更新）](http://book.huat.xyz/handsome)。

## Typecho 插件添加

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-6077bb07429a34d2646123b70920a11063" aria-expanded="true"><div class="accordion-toggle"><span style="">UserAgent插件（显示评论人使用的操作系统和浏览器信息（Handsome主题专用）</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-6077bb07429a34d2646123b70920a11063" class="collapse collapse-content"><p></p>

<div class="inner-content" >
<p class="inser-title">安利一款Hansome主题专用的UserAgent插件</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0f762e1b63f79d0037f6c68a00b276bc9" aria-expanded="true"><div class="accordion-toggle"><span style="">Bangumi 追番列表插件 Typecho 版</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0f762e1b63f79d0037f6c68a00b276bc9" class="collapse collapse-content"><p></p>

<div class="inner-content" >
<p class="inser-title">Typecho 追番列表插件</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

## 修改php文件

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f69591c5b15213ada97aa4448421b58a97" aria-expanded="true"><div class="accordion-toggle"><span style="">博客信息添加访客总数和响应耗时</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f69591c5b15213ada97aa4448421b58a97" class="collapse collapse-content"><p></p>

1. handsome主题的文件夹中的`functions.php`的最底下添加：

```
/*加载时间 @return bool*/
function timer_start() {
    global $timestart;
    $mtime = explode( ' ', microtime()  );
    $timestart = $mtime[1] + $mtime[0];
    return true;
}
timer_start();
function timer_stop( $display = 0, $precision = 3  ) {
    global $timestart, $timeend;
    $mtime = explode( ' ', microtime()  );
    $timeend = $mtime[1] + $mtime[0];
    $timetotal = number_format( $timeend - $timestart, $precision  );
    $r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";
    if ( $display  ) {
        echo $r;
    }
    return $r;
}

/*总访问量*/
function theAllViews(){
    $db = Typecho_Db::get();
    $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
    echo number_format($row[0]['SUM(VIEWS)']);
}
```

2. handsome主题的文件夹中的`/component/sidebar.php`中找到博客信息的代码并添加（约为第99行）：

## 修改其他文件

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b398065771913765145621549cebe59355" aria-expanded="true"><div class="accordion-toggle"><span style="">添加额外的表情</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-b398065771913765145621549cebe59355" class="collapse collapse-content"><p></p>
<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://sirblog.cn/bzhanowo.html" target="_blank" class="post_inser_a no-external-link no-underline-link">

<div class="inner-content" style="margin-left: 10px;">
<p class="inser-title">handsome主题B站新表情</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

内含 阿鲁+滑稽+小电视+新表情 的集成包

修改表情大小：

```
.emotion-bs {
    width: 30px;
}
.emotion-BZ {
    width: 50px;
}
```
<p></p></div></div></div>

## 自定义 CSS

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-02494a7dbb2ec04bd8a1d18ea5a7b7fb62" aria-expanded="true"><div class="accordion-toggle"><span style="">头像呼吸光环和鼠标悬停旋转放大</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-02494a7dbb2ec04bd8a1d18ea5a7b7fb62" class="collapse collapse-content"><p></p>

/*头像呼吸光环和鼠标悬停旋转放大*/
.img-full {
    border-radius: 50%;
    animation: light 4s ease-in-out infinite;
    transition: 0.5s;
}
.img-full:hover {
    transform: scale(1.15) rotate(720deg);
}
@keyframes light {
    0% {
        box-shadow: 0 0 4px #22ACD6;
    }
    50% {
        box-shadow: 0 0 16px #22ACD6;
    }
    100% {
        box-shadow: 0 0 4px #22ACD6;
    }
}
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-ecfd81a1930a908a557423c7e12ee14d74" aria-expanded="true"><div class="accordion-toggle"><span style="">首页文章标题居中</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-ecfd81a1930a908a557423c7e12ee14d74" class="collapse collapse-content"><p></p>

/*首页文章标题居中*/
.panel:not(article) h2{
    text-align: center; 
}
.panel-small:not(article) h2{
    text-align: center; 
}
.panel-picture:not(article) h3{
    text-align: center; 
}
.post-item-foot-icon:not(article){
    text-align: center;
}
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-ae232cc2b998410f30449687adc64c9e83" aria-expanded="true"><div class="accordion-toggle"><span style="">文章阴影及头图放大特效</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-ae232cc2b998410f30449687adc64c9e83" class="collapse collapse-content"><p></p>

/*文章阴影及头图放大特效，修正放大后头图的版权位置*/
.blog-post .panel {
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(73, 90, 47, 0.47);
}
.blog-post .panel:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 10px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-small {
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-small:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 10px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-picture {
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-picture:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 10px rgba(73, 90, 47, 0.47);
}
.index-post-img {
    overflow: hidden;
}
.index-post-img-small {
    overflow: hidden;
}
.item-thumb {
    transition: all 0.3s;
}
.item-thumb:hover {
    transform: scale(1.1)
}
.item-thumb-small {
    transition: all 0.3s;
}
.item-thumb-small:hover {
    transform: scale(1.1)
}
.item-thumb .img_copyright{
    transition: all 0.3s;
}
.item-thumb:hover .img_copyright{
    transform: translateX(-24px);
}
.entry-thumbnail {
    overflow: hidden;
}
.post-content img {
    border-radius: 10px;
    transition: 0.5s;
}
.post-content img:hover {
    transform: scale(1.1);
}
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-41f3a850e0bfd60b2820c4021f60b7d315" aria-expanded="true"><div class="accordion-toggle"><span style="">盒子四周、上导航栏、文章小框、文章图片、引用文章及博客信息阴影调整</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-41f3a850e0bfd60b2820c4021f60b7d315" class="collapse collapse-content"><p></p>

/*盒子四周、上导航栏、文章中的小框、文章图片及博客信息阴影调整*/
.app.container {
    box-shadow: 0 0 30px rgba(73, 90, 47, 0.47);
}
.navbar{
    box-shadow: 0 1px 10px rgba(73, 90, 47, 0.47);
}
.breadcrumb{
    transition: all 0.3s;
    box-shadow: 0 2px 4px rgba(73, 90, 47, 0.47);
}
.breadcrumb:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 8px rgba(73, 90, 47, 0.47);
}
.wrapper-lg img {
    transition: all 0.3s;
    box-shadow: 0 3px 5px rgba(73, 90, 47, 0.47);
}
.wrapper-lg img:hover {
    transform: translateY(-8px);
    box-shadow: 0 6px 10px rgba(73, 90, 47, 0.47);
}
.preview{
    box-shadow: 0 2px 4px rgba(73, 90, 47, 0.47);
}
#blog_info .list-group{
    transition: all 0.3s;
}
#blog_info .list-group:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 6px rgba(73, 90, 47, 0.47);
}
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-01156deb2ac915ee0bfd200b4d8e8a9061" aria-expanded="true"><div class="accordion-toggle"><span style="">bilibili视频挂载</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-01156deb2ac915ee0bfd200b4d8e8a9061" class="collapse collapse-content"><p></p>

/*bilibili视频挂载*/

.bilibili{
    position: relative;
    width: 100%;
    height: 0;              /*高度设置这里无效，设置为0，用padding撑开div*/
    padding-bottom: 75%;    /*68%到80%都可以*/
}
.bilibili iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-1925cdf60e722d857eb3cf3bc6658c8345" aria-expanded="true"><div class="accordion-toggle"><span style="">右侧栏的条条更改为蓝色</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-1925cdf60e722d857eb3cf3bc6658c8345" class="collapse collapse-content"><p></p>

/*右侧栏的条条更改为蓝色*/
.navs-slider-bar{
  background-color: #23B7E5;
}
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f50b87db07c8ba09b89ce4c02438bb8d17" aria-expanded="true"><div class="accordion-toggle"><span style="">文章一二三四级标题美化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f50b87db07c8ba09b89ce4c02438bb8d17" class="collapse collapse-content"><p></p>

/*文章一二三四级标题美化*/
#post-content h1 {font-size: 30px}
#post-content h2 {position: relative;margin: 20px 0 32px!important;font-size: 1.55em;}
#post-content h3 {font-size: 20px}
#post-content h4 {font-size: 15px}
#post-content h2::after {transition:all .35s;content:"";position:absolute;background:linear-gradient(#3c67bd8c 30%,#3c67bd 70%);width:1em;left:0;box-shadow:0 3px 3px rgba(32,160,255,.4);height:3px;bottom:-8px;}
#post-content h2::before {content:"";width:100%;border-bottom:1px solid #eee;bottom:-7px;position:absolute}
#post-content h2:hover::after {width: 2.5em;}
#post-content h1,#post-content h2,#post-content h3,#post-content h4,#post-content h5,#post-content h6 {color:#666;line-height:1.4;font-weight:700;margin:30px 0 10px 0}
<p></p></div></div></div>

## 自定义 JavaScript

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-539758ad74d62fa1d2f485ff44b5ba2e32" aria-expanded="true"><div class="accordion-toggle"><span style="">彩色标签云</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-539758ad74d62fa1d2f485ff44b5ba2e32" class="collapse collapse-content"><p></p>

```
let tags = document.querySelectorAll("#tag_cloud-2 a");
let infos = document.querySelectorAll(".badge");
let lightColorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
let darkColorArr = ["#1E3A8A", "#065F46", "#9B2C2C", "#6B21A8", "#B45309", "#92400E"];

function updateColors() {
    let isDarkMode = document.documentElement.classList.contains('theme-dark');
    let colorArr = isDarkMode ? darkColorArr : lightColorArr;

tags.forEach(tag => {
        let tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        tag.style.backgroundColor = tagsColor;
    });
    infos.forEach(info => {
        let infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        info.style.backgroundColor = infosColor;
    });
}

let observer = new MutationObserver((mutationsList) => {updateColors();});
observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
updateColors();
```
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-d03582d370dd17b7c31bb186a29e627a19" aria-expanded="true"><div class="accordion-toggle"><span style="">转载提醒（还需要设定head 头部的HTML代码（详见下面））</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-d03582d370dd17b7c31bb186a29e627a19" class="collapse collapse-content"><p></p>

document.body.oncopy=function(){layer.msg('复制成功,若要转载请务必保留原文链接！');};
<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-40117f3be3829688716960deca8d6e5b68" aria-expanded="true"><div class="accordion-toggle"><span style="">地址栏变化</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-40117f3be3829688716960deca8d6e5b68" class="collapse collapse-content"><p></p>

var OriginTitle = document.title; var titleTime;
document.addEventListener('visibilitychange', function () {if (document.hidden) {document.title = '(๐•̆ ·̭ •̆๐)  不在了吗？'; clearTimeout(titleTime);} else {document.title = 'ヾ(Ő∀Ő3)ノ你回来啦！'; titleTime = setTimeout(function () {document.title = OriginTitle;}, 2000);}});
<p></p></div></div></div>

## 自定义输出head 头部的HTML代码

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-7518fce37bd7e49d99a8e9640f7642813" aria-expanded="true"><div class="accordion-toggle"><span style="">转载提醒（还需要设定JavaScript（详见上面））</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-7518fce37bd7e49d99a8e9640f7642813" class="collapse collapse-content"><p></p>

<script src="//lib.baomitu.com/layer/3.1.1/layer.js"></script>
<p></p></div></div></div>

## 自定义输出body 尾部的HTML代码

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-7b57c95742f161176f2ad08d8c27e0556" aria-expanded="true"><div class="accordion-toggle"><span style="">Live2d——萌萌的血小板</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-7b57c95742f161176f2ad08d8c27e0556" class="collapse collapse-content"><p></p>

> 注：模型来自[jad大佬的博客](https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-03/)。
> 　　由于[live2d-widget.js](https://github.com/xiazeyu/live2d-widget.js)的官方文档404了……
> 　　以下代码和部分js文件扒取自jad大佬的博客。
> 　　live2d-widget.js核心及模型文件下载：[点击此处](/usr/live2dw/live2dw+kesshouban_model.zip)
>

1. 下载文件，将解压后的`usr文件夹`存放于网站根目录下。
2. 自定义输出body 尾部的HTML代码

## 全局右侧边栏广告位

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f91019f775f395e500ee49d60b116ea770" aria-expanded="true"><div class="accordion-toggle"><span style="">浏览人数统计</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-f91019f775f395e500ee49d60b116ea770" class="collapse collapse-content"><p></p>

```html
<span class="external-link"><a class="no-external-link" href="http://s01.flagcounter.com/more/yq3" target="_blank"><i data-feather="external-link"></i><img src="https://s01.flagcounter.com/count2/yq3/bg_F9F9F9/txt_222222/border_F9F9F9/columns_2/maxflags_20/viewers_0/labels_1/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0" style=""></a></span>
```
<p></p></div></div></div>

最后修改：2024 年 12 月 30 日

如果觉得我的文章对你有用，请随意赞赏

6 条评论

SouFan
12 个月前

大佬你好，请问怎么让页脚底部的信息可以延长到这个右侧栏呢，我只能显示在中间

回复
KaelvihN
2023 年 10 月 10 日

大佬，请问一下你的文章折叠模块怎么弄的( ๑´•ω•) "(ㆆᴗㆆ)

回复
墨风海棠
2022 年 10 月 19 日

备案号地址打不开，可改成https://beian.miit.gov.cn/

回复
刚下飞机的学生
2022 年 09 月 11 日

博主为什么我的自定义css 头像旋转呼吸灯以及文章阴影及头图放大特效设置了没作用

回复
Kester
2022 年 05 月 31 日

Hi，友链一个可以吗？
博客名称：乔戈路阔阔；
博客网址：https://chelgr.com；
博客头像：https://chelgr.com/share/chelgr-com-icon.png；
博客介绍：缅怀过去 | 记录现在 | 心存未来...

回复
雾雾
2021 年 09 月 03 日

想问一下你这边一级-四级标题除了自定义css以外是不是还做了什么操作才有现在的显示效果？我看我加了以后和这位 https://www.creater.ltd/blog/37.html （十九）的一模一样……谢谢！

回复

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱

地址

涼秋沐月
感谢分享
八嘎
哇，好详细，感谢大佬❤️
luyichun
大佬，能不能请教下这个追番列表怎么搞的，我照网上教程一直不行
HowieHz
给博主点赞|´・ω・)ノ
duzhuo
感谢分享

handsome美化记录

枫雨 • 2020 年 02 月 27 日

<div class="tip share">请注意，本文编写于 1772 天前，最后修改于 4 天前，其中某些信息可能已经过时。</div>

基本上参考和复制了[官方教程](https://handsome2.ihewro.com/#/)和[史上最全的handsome美化，没有之一！（持续更新）](http://book.huat.xyz/handsome)。

## Typecho 插件添加

<div class="inner-content" >
<p class="inser-title">安利一款Hansome主题专用的UserAgent插件</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

<div class="inner-content" >
<p class="inser-title">Typecho 追番列表插件</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

## 修改php文件

1. handsome主题的文件夹中的`functions.php`的最底下添加：

/*总访问量*/
function theAllViews(){
    $db = Typecho_Db::get();
    $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
    echo number_format($row[0]['SUM(VIEWS)']);
}
```

2. handsome主题的文件夹中的`/component/sidebar.php`中找到博客信息的代码并添加（约为第99行）：

## 修改其他文件

<div class="inner-content" style="margin-left: 10px;">
<p class="inser-title">handsome主题B站新表情</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

内含 阿鲁+滑稽+小电视+新表情 的集成包

修改表情大小：

```
.emotion-bs {
    width: 30px;
}
.emotion-BZ {
    width: 50px;
}
```
<p></p></div></div></div>

## 自定义 CSS

/*bilibili视频挂载*/

/*右侧栏的条条更改为蓝色*/
.navs-slider-bar{
  background-color: #23B7E5;
}
<p></p></div></div></div>

## 自定义 JavaScript

function updateColors() {
    let isDarkMode = document.documentElement.classList.contains('theme-dark');
    let colorArr = isDarkMode ? darkColorArr : lightColorArr;

document.body.oncopy=function(){layer.msg('复制成功,若要转载请务必保留原文链接！');};
<p></p></div></div></div>

## 自定义输出head 头部的HTML代码

<script src="//lib.baomitu.com/layer/3.1.1/layer.js"></script>
<p></p></div></div></div>

## 自定义输出body 尾部的HTML代码

1. 下载文件，将解压后的`usr文件夹`存放于网站根目录下。
2. 自定义输出body 尾部的HTML代码

## 全局右侧边栏广告位

handsome美化记录

6 条评论

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

handsome美化记录

重启咲良田资源分享

记一次OMV6系统安装

在OMV6中使用Btrfs及相关使用技巧

supercell - 罪人

未闻歌名

重启咲良田资源分享

记一次OMV6系统安装

关于宝塔PostgreSQL管理器1.3的几个BUG的临时解决方法

handsome美化记录

handsome美化记录

6 条评论

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

handsome美化记录

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款