Head Pic :【セイバー】「森♂之妖精」/「Magicians」的插画
[noti本主题魔改需要替换文件,并且会修改原主题代码,请要魔改的小伙伴备份好自己的样式文件![/notice]
本文基于Handsome v5.1.1 Pro撰写,自定义CSS版本 v1.6.4,自定义JS版本 v1.6.0
欢迎有提出任何问题,若发现错误请及时联系我。
效果见本站主要样式及大佬博客
[post url="https://moe.best/" title="神代綺凜の萌化小基地" intro="MOE IS JUSTICE ✟ TECHNOLOGY IS POWER<br/>萌は正義なのです ✟ テクノロジーがあれば何でもできるです" cover="https://moe.best/usr/img/avatar1.png" /]
壹、魔改教程
原文链接:handsome主题魔改教程
一、下载样式文件
下载css至将文件放在/usr/themes/handsome/assets/css
中,文件名为handsome.css
注意本站的文件可能不是最新的.<br/>大佬博客貌似配置权限403.
CSS下载:大佬直达 | 本站下载
二、导入样式文件
1、打开 /usr/themes/handsome/component/header.php
2、在48行下多加一行
<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css?v=1.3.2" type="text/css">
然后保存。
三、关闭主题盒子模型
打开Handsome主题的设置外观
菜单,在外观设置 > 外观设置
开关找到盒子模型
,取消勾选该项。
四、增加背景图嵌入点
1、打开 /usr/themes/handsome/component/headnav.php
2、在第一行后加一行 <div id="bg"></div>
3、保存。
五、魔改背景图片设置
1、打开/usr/themes/handsome/assets/css/handsome.cs
s,在16行搜索img/bg
。
bg1.jpg
为PC页面背景图。bg2.jpg
为手机页面背景图。
2、替换为想设置背景图的路径即可。
注明魔改主题的作者信息
打开Handsome主题的设置
外观菜单,在开发者设置 > 博客底部右侧信息
增加以下内容。
Theme modified by <a href="https://moe.best" target="_blank">Jindai Kirin</a> |
六、大功告成
尽情享用吧!
贰、FAQ常见问题
一、文章出现白色背景
1、到文件/usr/themes/handsome/assets/css/handsome.min.css
,
2、CTRL+F搜索entry-content{background:#fff}#post-content
,
3、修改其中的#fff
为#fff0
即可解决.
二、主页面无法点击图片进入文章
(一)简单粗暴方法
1、进入网站根目录下的usr/themes/handsome/libs/Content.php
文件
如
2、在大约883行、885行分别找到“首页文章”和“头图部分”。
按如下图所示的三个
onclick="location.href='{$parameterArray['linkUrl']}'"
3、清除缓存刷新页面即可解决。
(二)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">
替换为<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;
}
叁
感谢Android:神代綺凜式魔改折腾记录[/scode]
欢迎有提出任何问题。
版权属于:Sukeycz
转载时须注明出处及本声明
在Mac OS X和Linux中刷新DNS缓存
廉颇老矣 尚能饭否
坐标系内一点到直线距离公式及其推导
我与你究竟能有多近呢。
请问下handsome6.0没有handsome.js文件,如何修改目录 ::aru:crying::
::aru:sweat:: 让我来研究下
博主研究出来了么 ::aru:crying::
二那个下图是不是挂了
图片已修复,更新域名的时候疏忽了,抱歉。
请问第二点的位置在哪里呀handsome6.0版本好像不是行数左右 html优化办法没效果
会在近期更新6.0版本的教程
你好博主,评论区的系统和浏览器标识是哪个插件呢
抱歉这么久没回复,教程:https://www.zrahh.com/archives/298.html
请问文章开头的几种不同样式的block是怎样加入的~
还有文章开头的“这是一篇xxx天前的文章”
是使用插件还是手动实现的呢?
是Handsome自带的,在文章编辑器的末尾有文章过时提醒。
当一个 大头图 的文章置顶 下面有两个小头图的文章 能并排显示 但是 中间没有隔开 怎么办
觉得非常不错。
那个 第六点 六、小头图的顶置文章在小屏状态下,图片下方有一条白边
按照这个添加了css以后 小头图置顶文章 小屏幕状态下 图片下面还是有白边
请问小板样式,不能并排吗。神代的首页可以小板4个
可以。都置顶,选择小头图。
二、主页面无法点击图片进入文章
没有图片显示。
::twemoji:sweat::
我也想改这个问题 上面描述不清楚 没有图片显示 不知道改哪里
不好意思,学业繁忙,已修改。
右侧栏按照你的代码改了还是会隐藏呀
你应该是设置里隐藏了右侧边栏整体
大佬 你这个右侧边栏 怎么全部隐藏阿 ::twemoji:prayer::
Handsome自带外观里-页面元素设置控制-右侧边栏元素控制-【右侧边栏整体】不显示
原来还有教程呐。当时我f12对比他的站加载的资源、翻网页源码、CSS样式差异,最后才魔改成功,折腾了老半天。
OωO同道中人,我更多的是参照别人的教程。
打赏页面有点问题,看下怎么修改。
补充下,貌似是浏览器的问题,使用 Chrome 就有问题,用 Edge 却没有,其它的没试。
打赏的随意了哈哈→_→
不错的文章,可以转载么?
转载时须注明出处⌇●﹏●⌇
不好意思,我也不知道怎么就刷屏了,还删不了,我其实是打算说“主页面无法点击图片进入文章”的解决办法不恰当,正确办法在我发的图片里
没事的,我的评论出现了点问题。
你的方法可行的话,近期我会放上去。
可行的,就将另外一个评论url 里图片标黄的 a 标签加上去就好,相关的样式已经在 handsome.css 里有了
为啥评论不了?
https://ws3.sinaimg.cn/large/005BYqpgly1g3n3bdphk4j311i07w3zp.jpg?referrer=https://cdn.sinaimg.cn.52ecy.cn
确定是在16行吗。。。。
好像是在165行
而且替换第二个链接没用手机端和电脑端背景一致。。。
Get It.
不知道你是怎么替换的,刷新浏览器缓存试试。