handsome 最终魔改
本站目前全部样式来源于 神代綺凜
本文魔改教程,仅以本站修改过程为例
魔改教程
下载样式文件
下载css至将文件放在/usr/themes/handsome/assets/css中
两个都可以,但是我的改了其他样式
引入样式文件
1、打开 /usr/themes/handsome/component/header.php 2、找到 ,在上面添加一行,修改后的代码为
<!-- 本地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未压缩,自己看功能
<!--主题核心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> |
以下教程来源于网络 常见问题 一、文章出现白色背景 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、在下方增加一行
<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,找到注释。 2、删除与其下方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++;
}
}
木得了,完活债见