strgeon

handsome 主题小细节修改~
tips:本文章将对主题 handsome 进行各种修改,版权归原作者所有。改动处我也不知道咋办随意吧~
扫描右侧二维码阅读全文
20
2018/07

handsome 主题小细节修改~

tips:本文章将对主题 handsome 进行各种修改,版权归原作者所有。改动处我也不知道咋办随意吧~

隐藏某些分类

需要的步骤

  1. 后台文章分类描述添加 hidden 字样 (这个可以由下面决定)
  2. handsome/libs/Content.php 文件 2071 行
    差不多这个地方

    if ($categories->levels === 0

    改成

    if ($categories->levels === 0 && !strstr($categories->description,"hidden"))

    实现原理:如果分类描述中没有出现hidden字样就输出分类存在则不输出

鼠标点击特效

tips:这个是网上有的代码,自己修改了一个随机颜色
需要的步骤

  1. 编辑文件
    添加以下内容
    /* 鼠标特效 */
    var a_idx = 0; 
    function minRgb(){
    this.a = Math.random().toFixed(2);
    return a < 0.5 ? minRgb() : a ;
    }
    function Color(){
     this.r = Math.floor(Math.random()*255);
     this.g = Math.floor(Math.random()*255);
     this.b = Math.floor(Math.random()*255);
     this.a = minRgb();
     return 'rgba('+ this.r +','+ this.g +','+ this.b +','+ this.a+')';
    }
    jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 
        /* 这里可以随意更改,也可以使用ajax等技术获取然后转成数组~ */
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "900", 
            "color":  Color()
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
    }); 

双列布局

添加css代码

  1. .twoBlock{
    width:49%;
    float:left;
    }
    @media (max-width: 1320px){
    .twoBlock{
    width:100%;
    }
    }
    .blog-post .twoBlock:nth-child(odd){
    margin-right:1%;
    }
    .blog-post .twoBlock:nth-child(even){
    margin-left:1%;
    }

    在这个地方 usr/themes/handsome/libs/Content.php
    802行上下附近
    <div class="panel 添加样式 twoBlock
    我的最后成品代码
    802行

    <div class="panel twoBlock">

fix upyun cdn 图片加速多图卡顿

找到 /libs/Content.php 1436 行数左右的for循环
然后替换成成

for ($i = 0;$i<count($matches[0]);$i++){
                      preg_match_all('/https:(.*?)(jpg|png)/',$matches[0][$i],$matchess);
                      $ImgUrl = $matchess[0][0]."!/scale/50/format/webp/gaussblur/5x5"; //酌情修改这里是根据upyun的图片处理将图片缩放50%转换成webp格式在高斯模糊
                      $reFixUrl = preg_replace('/https:(.*?)(jpg|png)/',$ImgUrl,$matches[0][$i]);
                        echo <<<EOF
<figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          {$reFixUrl}
          <figcaption itemprop="caption description">{$matches[3][$i]}</figcaption>
      </figure>
EOF;
最后修改:2018 年 08 月 15 日 10 : 57 AM
如果觉得我的文章对你有用,请随意赞赏

发表评论