Loading... ### 写在前面： **Handsome主题魔改—来自洋葱魅特** > 首先感谢handsome主题和萌卜兔's 美化插件背后的两位大佬提供的基础模块支持，希望大家也多多支持原作者哦！ > 本次分享为洋葱魅特魔改handsome主题初版，由于技术水平和时间原因，魔改仅处于文件的修改方式，且依赖于AliceStyle（萌卜兔's 美化插件），而且性能方面没做优化，一切仅以实现效果为主，后期有能力的话会向其它魔改那样实现插件化，再进行性能优化，可以一键启用更流畅的主题样式。 > 当前魔改基于handsome7.3.1版本做了美化，低版本主题大可能同样适用，暂时没测试，懒~ 感兴趣的小伙伴也可以自行测试下！ <button class="btn m-b-xs btn-success btn-rounded " onclick='window.open("https://assets.evobly.com/download/Handsome魔改-洋葱魅特.rar","_blank")'>点击下载</button>【更新日期：2021年1月8日】 ### 【重要】修改步骤： **---修改之前请务必做好原主题文件的备份！！！ 切记！！！如遇问题后果自负!--- ---修改之前请务必做好原主题文件的备份！！！ 切记！！！如遇问题后果自负!--- ---修改之前请务必做好原主题文件的备份！！！ 切记！！！如遇问题后果自负!---** 1.直接将AliceStyle文件夹放在主题/usr/plugins目录下面，如果之前使用其他版本，请先禁用原插件后暂时移放到其他位置，再将修改过的美化插件替换进去。魔改效果均基于3.3.2版本的美化插件，和最新版未做兼容，若果自己单独替换文件也请提前做好该插件的文件备份，出现任何问题不管哦。 3.bg-video.js文件：自己找个合适路径存放，然后设置handsome主题外观>开发者设置>自定义输出head 头部的HTML代码中引用该js文件，通过其他方式引用也行。添加引用：<script src="域名/xxx路径/bg-video.js"></script> 4.component文件夹：替换原主题/usr/themes/handsome/component目录下相应文件（提前做好备份） 5.handsome文件夹>index.php：替换原主题/usr/themes/handsome/index.php文件（若之前有自己修改的内容，请自行在该文件第36行“header”标签class属性加入“animate-oni”类名），主要为标题头部渐变动画效果，代码参考如下： `<header class="bg-light lter wrapper-md animate-oni">` 6.assets文件夹： 1)替换原主题/usr/themes/handsome/assets/css目录下相应文件（提前做好备份） 2)替换原主题/usr/themes/handsome/assets/js目录下相应文件（提前做好备份） ### 魔改内容： -主题skplayer音乐播放器-加入音量控制、显示播放模式按钮（目前支持列表循环和单曲循环） -主题skplayer音乐播放器-播放进度条显示优化（默认的太细，看不清） -主题skplayer音乐播放器-歌曲列表样式简单修改 -主体全局透明效果（顶部nav以及footer除外） -a链接文字hover颜色改变 -顶部增添全屏浏览开关，全屏欣赏，更专注！ -顶部nav百分比浏览进度 -左侧导航栏和右边栏鼠标经过渐变效果 -首页文章列表三种卡片版式，聚焦背景高斯模糊图片、透明渐变等动效 -文章标题美化 -全站友链增添头像显示效果 -右侧栏sidebar文字颜色调整 -全站panel元素圆角化效果（b-light黑色底边框） -彩色云标签背景色优化，代码见解压后目录相关txt文件（选为更深色，不然里面文字难辨别） -更炫酷的文章a链接效果，代码见解压后目录相关txt文件 -文章页阅读结束区域美化，文章页底部版权信息美化， 复制下面代码，粘贴至如下原有代码后面(/usr/themes/handsome/post.php文件85行左右)： ```html <!--文章内容--> <div id="post-content" class="wrapper-lg"> <?php Content::postContentHtml($this, $this->user->hasLogin()); ?> <!--前面是原有代码 在85行左右，自己ctrl+f查一下，整体粘贴如下代码即可--> <div class="entry-content l-h-2x editormd-html-preview"> <div style="border-top: 2px dotted #8e8e8e96;height: 0px;margin: 20px 0px;text-align: center;width: 100%;"> <span style="background-color: #23b7e5;color: #fff;padding: 6px 10px;position: relative;top: -14px;border-radius: 14px;">END</span> </div> <div style="padding: 10px;background: rgba(220, 220, 220, 0.22);font-size: 13px;border-left: 3px solid;text-align: left;"> <span>本文作者：<a href="<?php $this->author->permalink(); ?>" rel="author"> <?php $this->author(); ?></a></span> <span>文章标题：<a href="<?php $this->permalink() ?>"><?php $this->title() ?></a><br> <span>本文地址：<a href="<?php $this->permalink() ?>"><?php $this->permalink() ?></a><br> <span>版权说明：若无注明，本文皆<a href="<?php $this->options->siteUrl(); ?>" target="_blank" data-original-title="<?php $this->options->title() ?>"><?php $this->options->title() ?></a>原创，转载请保留文章出处。</span> </div> ``` ### 效果图：       © 允许规范转载 赞赏 如果觉得我的文章对你有用，请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
5 条评论
这改的有点花
是吧 可能是有点臃肿，以后再慢慢改OωO
你的图片真不错！很有味道 ::weibo:wb(28)::
第一眼还没认出来是handsome
变化也没那么大 ::paopao:tieba_emotion_22::
话说你域名真个性啊
棒！