本站目前全部样式来源于 神代綺凜

本文魔改教程,仅以本站修改过程为例

魔改教程

下载样式文件

下载css至将文件放在/usr/themes/handsome/assets/css中


两个都可以,但是我的改了其他样式

引入样式文件

1、打开 /usr/themes/handsome/component/header.php
2、找到 <!--主题组件css文件加载-->,在上面添加一行<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css?v=1.6.4" type="text/css">,修改后的代码为

    <!-- 本地css静态资源 -->
    <link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/function.min.css?v=<?php echo Handsome::$version.Handsome_Config::$versionTag ?>" type="text/css" />
    <link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.min.css?v=<?php echo Handsome::$version.Handsome_Config::$versionTag ?>" type="text/css" />
    <link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css?v=1.6.4" type="text/css">
    <!--主题组件css文件加载-->

进入外观设置,关闭盒子模型

背景图嵌入点

1、打开 /usr/themes/handsome/component/headnav.php
2、在第一行后加一行

<div id="bg"></div>

背景图片设置

1、打开/usr/themes/handsome/assets/css/handsome.css,在16行搜索img/bg。
我的改成了外链图片 前面的图片是链接是pc背景图,后面的是web背景图
代綺凜样式背景图为
bg1.jpg为PC页面背景图。
bg2.jpg为手机页面背景图。

下载js文件

将这个文件放到typecho的如下路径中:/usr/themes/handsome/assets/js/qicloud.min.js
然后打开/usr/themes/handsome/component/footer.php,搜索<!--主题核心js-->,在后面添加一行<script type="text/javascript" src="<?php echo STATIC_PATH; ?>js/qicloud.min.js"></script>,下面是添加完后的代码

本站js未压缩,自己看功能

<!--主题核心js-->
    <script src="<?php echo STATIC_PATH ?>js/function.min.js?v=<?php echo Handsome::$version.Handsome_Config::$versionTag
    ?>"></script>
    <script src="<?php echo STATIC_PATH ?>js/core.min.js?v=<?php echo Handsome::$version.Handsome_Config::$versionTag
?>"></script>
    <script type="text/javascript" src="<?php echo STATIC_PATH; ?>js/qicloud.min.js"></script>

文章置顶

使用handsome自带插件 文章头图样式选择小板式

如果想得到和神代綺凜大佬一样的置顶效果,还得改

usr/plugins/Handsome/Plugin.php
找到766行 $sticky_html修改为

$sticky_html = '<span class="sticky label text-base bg-danger" style="margin-top:  2px;">' . _t("置顶") . '</span>';

注明魔改主题的作者信息即可

Theme modified by <a href="https://moe.best" target="_blank">Jindai Kirin</a>&nbsp;|&nbsp;

以下教程来源于网络
常见问题
一、文章出现白色背景
1、到文件/usr/themes/handsome/assets/css/handsome.min.css,
2、CTRL+F搜索entry-content{background:#fff}#post-content,
3、修改其中的#fff为#fff0即可解决.

二、主页面无法点击图片进入文章
HTML优化方法
1、打开/usr/themes/handsome/libs/Content.php,找到注释<!--text-muted-->。
2、在下方增加一行

<a href="{$parameterArray['linkUrl']}" class="ahover"></a>

三、右侧边栏不透明
1、打开/usr/themes/handsome/component/sidebar.php,
2、找到

<aside class="asideBar col w-md bg-white-only b-l bg-auto no-border-xs" role="complementary">

删掉bg-auto,变为

<aside class="asideBar col w-md bg-white-only b-l no-border-xs" role="complementary">

四、主页两篇文章均为小头图时,无法并行显示
1、打开/usr/themes/handsome/libs/Content.php,找到注释<!--panel/panel-small-->。
2、删除<!--panel/panel-small-->与其下方EOF;之间的空行。

五、解决在文章页面向下滚动,目录会被隐藏的问题
1、打开/usr/themes/handsome/assets/js/handsome.js,搜索#sidebar。
2、将var a=$("#sidebar").children();替换为var a=$("#sidebar").find("section");。
六、小头图的顶置文章在小屏状态下,图片下方有一条白边
打开Handsome主题的设置外观菜单,在开发者设置 > 自定义 CSS增加以下内容。

.panel-small>.post-meta {
    padding-bottom: 0 !important;
}

再次警告,先备份!!

右侧栏头像修改 /usr/themes/handsome/assets/img/sj2
上传至这个文件夹下,自己找图,本站图可拿,别瞎搞

文章头图/usr/themes/handsome/assets/img/sj

emm我的太多,我贴代码,你们自己采集吧


    <?php
    /*
     * @Author: Qicloud
     * @Date: 2020-02-11 00:54:44
     * @Title: 采集图片
     * @Project: 采集博天API图
     * @QQ: 66547997
     * @当浑浊变成一种常态,清白就是一种罪。
     */
    set_time_limit(0);
    class Http
    {
        private $curl;
    
        function __construct()
        {
            //初始化curl
            $this->curl = curl_init();
        }
    
        public function getUrl($url, $header = array('Accept-Encoding: gzip, deflate'), $ssl = true)
        {
            curl_setopt($this->curl, CURLOPT_URL, $url); //设置请求的URL
            curl_setopt($this->curl, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows NT 6.2; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0"); //在HTTP请求中包含一个"User-Agent: "头的字符串。
            curl_setopt($this->curl, CURLOPT_HTTPHEADER, $header); //设置请求头
            curl_setopt($this->curl, CURLOPT_RETURNTRANSFER, true); //设为TRUE把curl_exec()结果转化为字串,而不是直接输出
            curl_setopt($this->curl, CURLOPT_CUSTOMREQUEST, "GET"); //设置请求方式
            curl_setopt($this->curl, CURLOPT_CONNECTTIMEOUT, 60); /* 在发起连接前等待的时间,如果设置为0,则无限等待 */
            curl_setopt($this->curl, CURLOPT_TIMEOUT, 7); /* 设置cURL允许执行的最长秒数 */
            if ($ssl) {
                curl_setopt($this->curl, CURLOPT_SSL_VERIFYPEER, FALSE); // https请求 不验证证书和hosts
                curl_setopt($this->curl, CURLOPT_SSL_VERIFYHOST, FALSE); // 不从证书中检查SSL加密算法是否存在
            }
            curl_setopt($this->curl, CURLOPT_FOLLOWLOCATION, 1);
            curl_setopt($this->curl, CURLOPT_MAXREDIRS, 2);/*指定最多的HTTP重定向的数量,这个选项是和CURLOPT_FOLLOWLOCATION一起使用的*/
            curl_setopt($this->curl, CURLOPT_ENCODING, 'gzip,deflate'); //这个是解释gzip内容.................
    
            $res = curl_exec($this->curl);
            return $res;
        }
    
        public function  grabImage($url, $filename = "")
        {
            if ($url == "") return false; //如果$url地址为空,直接退出
            if ($filename == "") //如果没有指定新的文件名
            {
                $ext = strrchr($url, ".");  //得到$url的图片格式
                $filename = date("Ymd") . $ext;  //用天月面时分秒来命名新的文件名
            }
            ob_start();         //打开输出
            readfile($url);     //输出图片文件
            $img = ob_get_contents();   //得到浏览器输出
            ob_end_clean();             //清除输出并关闭
            $fp2 = @fopen($filename, "a");
            fwrite($fp2, $img);         //向当前目录写入图片文件,并重新命名
            fclose($fp2);
            return $filename;           //返回新的文件名
        }
    }
        $path = './touxiang1/'; //路径
        $a = new Http();
        $s = '200'; //循环次数,循环多少次,就是多少张
        for ($i = 0; $i < $s; $i++) {
            $url = 'http://api.btstu.cn/sjbz/api.php?lx=dongman&format=json';
            $data = $a->getUrl($url);
            $data = json_decode($data, true);
            $imgurl = $data['imgurl'];
            $time = md5(date("Ymdhis", time()) + $i);
            $filename =  $time . '.jpg';  //用年月日来命名新的文件名
            $img = $a->grabImage($imgurl, $path . '/' . $filename); //读取并保存图片
            echo $img . "<br>";
        }

查重就自己想办法吧,

嗯,批量重命名目录下文件,我也写了


    <?php
    $dir1 = './touxiang/1/'; //读取文件夹名称(避免使用中文)
    $dir2 = './touxiang/';  //移动到文件夹名称(避免使用中文)
    $filearr = scandir($dir1); //读取文件夹
    unset($filearr[0]); //去除多余的元素
    unset($filearr[1]);
    $filearr = array_values($filearr); //使数组从0开始,以1递增
    $filecount = count($filearr); //文件数量
    $onenum = 1; //起始编号
    $maxnum = $onenum + $filecount; //最大循环次数
    //$title = ''; //文件标题
    $houzhui = '.jpg'; //文件后缀
    for ($i = $onenum; $i <= $maxnum; $i++) {
        for ($j = 0; $j < $filecount; $j++) {
            if ($i < 10) {
            }
            rename($dir1 . $filearr[$j], $dir2 . /*$title . */$i . $houzhui);
            $i++;
        }
    }

木得了,完活债见

最后修改:2020 年 11 月 13 日 12 : 16 AM
如果觉得我的文章对你有用,请随意赞赏