只记录有用的,不记录好看的,因为你再怎么喜欢一个女孩,女孩不喜欢你,也是没有用的,一个道理。

1-后台没脑子

站点图标

https://rzfyu.com/favicon.ico

站点背景

https://pic-cdn.sukiu.net/2019/10/10/e7c271c36b57a.png

自定义社交链接

<a rel="nofollow" title="新浪微博" href="https://weibo.com/ruzhefeiyu" target="_blank">
    <i class="fa fa-weibo"></i>
</a>
<a rel="nofollow" title="关注公众号" href="https://mp.weixin.qq.com/s?__biz=MzUxNzQ4OTQ2NQ==&mid=100005005&idx=1&sn=262a862c066437b69a0ff0110ef9e12b&chksm=799602db4ee18bcd3792370e8e3f7d570cc0fce2a1c3224f674c4217412ec723c93e542005f9#rd"_blank">
    <i class="fa fa-weixin"></i>
</a>
<a rel="nofollow" title="私人图床" href="https://tu.rzfyu.com/" target="_blank">
    <i class="fa fa-file-image-o"></i>
</a>
<a rel="nofollow" title="备忘手册" href="https://rzfyu.com/beiwang.html"_blank">
    <i class="fa fa-paw"></i>
</a>
<a rel="nofollow" title="登陆后台" href="https://rzfyu.com/admin/"_blank">
    <i class="fa fa-desktop"></i>
</a>

统计代码

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?ff577d2336d51f5529bf244453d4b0d8";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

作者信息

此去经年,应是良辰好景虚设。便纵有千种风情,更与何人说?

2-加玻璃框

single.css里定位到.post-item文章简要处,在它的{}里加上下面的代码:

width:100%;
height:100%;
border-radius:20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
padding:10px

3-页脚的改动

footer.php里定位到<section class="sub-footer">,换行后加上如下代码:

<p> <a href="https://rzfyu.com/author.html" >关于作者</a> | <a href="https://rzfyu.com/friends.html" >友链</a> | <a href="https://rzfyu.com/file.html" >归档</a> | <a href="https://rzfyu.com/tags.html" >标签云</a> | <a href="https://rzfyu.com/feed" >rss</a> | <a href="https://rzfyu.com/sitemap.xml" >xml</a> </p>
    
<p> © 2019 <a href="https://rzfyu.com/"  >汝者非鱼</a> | <a href="http://beian.miit.gov.cn"  target="_blank" rel="nofollow me noopener noreferrer">皖ICP备18016610号-4</a> | <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34011102001642"  target="_blank" rel="nofollow me noopener noreferrer">皖公网安备 34011102001642号</a> </p>

4-加归档页面

第一步:

在主题里新建一个file.php,之后将主题原有的page.php文件里的代码全部复制过来。

第二步:

file.php里的<?php $this->need('header.php'); ?>替换为下面代码。

<?php
/**
 * 自定义归档页文档
 *
 * @package custom
 */
 $this->need('header.php'); ?>

第三步:

file.php里的<?php $this->content(); ?>替换为下面代码。

<?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archives);
    $year=0; $mon=0; $i=0; $j=0;
    $output = '<div id="archives">';
    while($archives->next()):
        $year_tmp = date('Y',$archives->created);
        $mon_tmp = date('m',$archives->created);
        $y=$year; $m=$mon;
        if ($mon != $mon_tmp && $mon > 0) $output .= '</ul></li>';
        if ($year != $year_tmp && $year > 0) $output .= '</ul>';
        if ($year != $year_tmp) {
            $year = $year_tmp;
            $output .= '<h3>'. $year .' 年</h3><ul>'; //输出年份
        }
        if ($mon != $mon_tmp) {
            $mon = $mon_tmp;
            $output .= '<li><span>'. $mon .' 月</span><ul>'; //输出月份
        }
        $output .= '<li>'.date('d日: ',$archives->created).'<a href="'.$archives->permalink .'">'. $archives->title .'</a> <em>('. $archives->commentsNum.')</em></li>'; //输出文章日期和标题
    endwhile;
    $output .= '</ul></li></ul></div>';
    echo $output;
?>

第四步:

结束了,去typecho后台发布一个新页面吧。

备注:第一步的意义是,保证和自己的主题完美融洽的显示。

5-看板娘优化

  1. 选一个好看的衣服,压缩大小,放到plugins/Pio/models/pio/textures里。(无图床情况)
  2. 选一个好看的衣服,压缩大小,放到图床上,然后去plugins/Pio/models/pio/model.json里,把图片地址一栏换成图床链接即可。(有图床情况)

备注:原有 pio 插件里有三套衣服,只需要一套就行了,所以把textures里的两套删除,model.json里对应的两个图片链接也删除。

6-更换字体效果

single.css 26,修改如下,表示文章字体正常化

font-weight: 400;

kico.css 173,修改如下,作用为加大点段距

margin-bottom: 1.1em;

kico.css 235,修改如下,作用为加大点红字比例

font-size: 95%;

kico.css 90,修改如下,表示玻璃框宽度大点

.wrap.min{ max-width: 850px }

single.css 514,文章正文,字体增大,间距增大.在margin-bottom: 3em后面加下面代码。(仅备注,已放弃)

;letter-spacing: .08em;(加字间距)font-size: 103%(比例加字体大小)

single.css 27,文章正文,字体增黑,代码改为 444

color: #444;

kico.css 30,修改字体大小为 17。(仅备注,已放弃)

font: 17px

一些小 font 字体改动

single.css 自己定位

阅读人数:"\f080"改为"\f06e"
留言人数:"\f086"改为"\f27b"
分类:"\f07b"改为"\f114"
550行,标签:"\f02c"改为"\f135"

7-加正文字号

第一步:代码放在footer.php

<script type="text/javascript">
function FontZoom(fsize){
    var ctext=document.getElementById("arctext");
    ctext.style.fontSize=fsize +"px";
}
</script>

第二步:打开post.php,先在<div class="post-meta">里的</div>前加上代码:

| 字号:〖 <a href="javascript:FontZoom(20)" style='color:#c9861d'>大</a>  <a href="javascript:FontZoom(18)" style='color:#c9861d'>中</a>  <a href="javascript:FontZoom(16)" style='color:#c9861d'>小</a> 〗

第三步:之后用下面的代码,把<article class="post-content">涉及部分包起来

<div id="arctext">和</div>

8-文章图片居中

在主题的 css 里把负责图片部分的代码加上点代码就可以了。

single.css 377,定位到transition: filter .3s;,在它下面添加如下代码

margin:0 auto;
display: block;

图片圆角度:single.css定位到 511 行article img{ border-radius: .5em }改为2em

9-信息栏改动

手机端隐藏信息栏

single.css最下面加如下代码

/*手机版隐藏底部信息栏*/
@media screen and (max-width: 800px) { .widget{display:none; }}

6 行变 5 行

footer.phpageSize=6改成ageSize=5

图标左右、间距改变

single.css 806,修改代码如下,表示 font 图标为左,间距为 1。

float: left;
margin-right: 1em;

font 图标改动

第一个改为f003,第二个改为f097,第三个改为f11a

加新的一栏

<div class="col-m-4">
<h3 class="title-date">其他功能 :</h3>
<ul>
<li><a href="https://rzfyu.com/author.html" >♢ 关于作者</a></li>
</ul>
</div>

临时的第二栏:

            <div class="col-m-6">
                <h3 class="title-date">我的最爱:</h3>
                  <a>人最宝贵是生命,生命对于每个人只有一次。<br/>人的一生应当这样度过:当他回首往事的时候,不因虚度年华而悔恨,也不因碌碌无为而羞愧。<br/>这样,在他临死的时候,就能够说:“我的整个生命和全部精力,都已献给世界上最壮丽的事业— —为全人类的解放而斗争。— —《钢铁是怎样炼成的》</a>
            </div>