前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >handsome 最终魔改

handsome 最终魔改

作者头像
Qicloud
发布2022-01-27 09:35:27
1.7K0
发布2022-01-27 09:35:27
举报
文章被收录于专栏:七云博客

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

本次魔改需修改源文件,望各位下手前先备份

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

下载样式文件

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

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

神代綺凜样式

引入样式文件

1、打开 /usr/themes/handsome/component/header.php 2、找到 ,在上面添加一行,修改后的代码为

代码语言:javascript
复制
    <!-- 本地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、在第一行后加一行

代码语言:javascript
复制
<div id="bg"></div>

背景图片设置

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

下载js文件

下载js文件

将这个文件放到typecho的如下路径中:/usr/themes/handsome/assets/js/qicloud.min.js 然后打开/usr/themes/handsome/component/footer.php,搜索,在后面添加一行,下面是添加完后的代码

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

代码语言:javascript
复制
<!--主题核心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修改为

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

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

代码语言:javascript
复制
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,找到注释。 2、在下方增加一行

代码语言:javascript
复制
<a href="{$parameterArray['linkUrl']}" class="ahover"></a>

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

代码语言:javascript
复制
<aside class="asideBar col w-md bg-white-only b-l bg-auto no-border-xs" role="complementary">

删掉bg-auto,变为

代码语言:javascript
复制
<aside class="asideBar col w-md bg-white-only b-l no-border-xs" role="complementary">

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

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

代码语言:javascript
复制
.panel-small>.post-meta {
    padding-bottom: 0 !important;
}

再次警告,先备份!!

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

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

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

代码语言:javascript
复制
    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>";
        }

查重就自己想办法吧,

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

代码语言:javascript
复制
    <?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/12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 本文魔改教程,仅以本站修改过程为例 魔改教程
  • 下载样式文件
  • 引入样式文件
  • 背景图嵌入点
  • 下载js文件
  • 文章置顶
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档