left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}} 响应时间和访客总数 响应时间和访客总数 步骤 将以下代码放到/usr/themes/handsome if ( $display ) { echo $r; } return $r; } 然后将以下代码放到/usr/themes/handsome > 栏目列表美化 栏目列表美化 美化前提:文章头图样式选择选择小版式 步骤 /usr/themes/handsome/libs/Content.php955行到960行代码如下: <div
https://cloud.mokeyjay.com/pixiv" frameborder="0" style="width:240px; height:380px;"></iframe> 然后修改handsome /component/sidebar.php 找到广告,将"广告"修改为P站每日热门 超链接特效 修改/usr/themes/handsome/assets/css/handsome.min.css删掉下面的内容 > 心知天气 **心知天气API申请:https://www.seniverse.com/widgetv3 在 /usr/themes/handsome/component/headnav.php > 访客总数统计 在/usr/themes/handsome/functions.php文件中添加以下统计代码 //总访问量 function theAllViews( > 404自动返回首页 在/usr/themes/handsome/404.php文件130行左右添加以下代码 添加在
刚刚换上Handsome主题,做一下备忘吧~ 变色Logo 制作Logo。先到NameCheap制作SVG格式的网站Logo,然后放到初级设置-博客logo的HTML结构中。 解压,放到 usr/plugins/ 目录 文件夹名改为 CodePrettify 登录后台激活插件,选择主题风格,是否显示行号(请勿与其它同类插件同时启用,以免互相影响) 替换 usr/themes/handsome /assets/css/下的handsome.min.css文件 Pjax 如果你的网站有开启Pjax,请把以下代码添加到回调函数的地方 if (typeof Prism ! : 点击打开 .secret_comment { top: 5px; } .OwO.OwO-open .OwO-body { display:table } 随机播放音乐 找到文件handsome ██║██║ ██║██║ ██║██║ ██╗╚██████╔╝\n╚═╝ ╚═══╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝ "); 这里使用的是Handsome
background-color: #3bca6e } .github-badge .bg-purple { background-color: #ab34e9 } 右侧导航栏倒计时 在网站模板文件中找到handsome
前言 Handsome主题 在复杂中,保持简洁。 一款精心打磨后的 typecho主题 handsome是typecho中为数不多的优秀的主题。 介绍 博主使用Handsome主题已有一段时间,这款主题论售后还是更新都很好,而且也主题本身也不贵。
handsome主题更新后发现之前的主题标题居中不见了,主题的标题默认显示在左边,handsome没有提供选项,那就自己改改呗,下面是思路,可以用到其他的地方。 鼠标移到标题那里,右击选择检查。 header.bg-light.lter.wrapper-md { text-align: center; } 粘贴进去保存,这样handsome主题标题居中就大功告成了。
HTML:
php echo Handsome::$version.Handsome_Config::$versionTag ? >css/handsome.min.css?v=<?php echo Handsome::$version.Handsome_Config::$versionTag ? id="bg">
10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;鼠标点击特效将以下代码放在主题的handsome 1500, function() { $i.remove(); }); }); }); </script>评论框特效编辑主题文件handsome
php echo Handsome::$version.Handsome_Config::$versionTag ? >css/handsome.min.css?v=<?php echo Handsome::$version.Handsome_Config::$versionTag ? id="bg">
添加自定义css Handsome主题可以直接去后台 自定义 CSS处添加以下代码 .github-badge { display: inline-block; border-radius important; } 选择显示位置 我觉得全都在左边好看一点 打开 Handsome主题设置,在 博客底部左侧信息添加以下代码 Themes Handsome gateway/portal/css/img/nav/logo-bg-color.svg" style="width: 50px;"> 删除多余代码 在 usr/themes/handsome href="https://www.ihewro.com/archives/489/">handsome
底部页脚美化 展开 效果 步骤 usr/themes/handsome/component/footer.php删代码至如图所示 开发者设置➡自定义CSS /*底部页脚*/ .github-badge www.ihewro.com/"> Themes Handsome self" }] } 顶部导航栏 展开 {"name":"talk","status":"hide"} // 隐藏闲言碎语 取消时光机文字首字放大效果 展开 修改usr/themes/handsome
是否在尝试美化「Handsome」主题时,被零散的教程、失效的代码和版本兼容问题反复劝退? 作为一款备受开发者青睐的博客主题,「Handsome」的灵活性既是魅力也是门槛。 无论你是刚接触「Handsome」的新手,还是想突破现有界面瓶颈的进阶用户,都能在这里找到可执行的路径。 --响应耗时代码结束--> 3、时间流逝 将以下代码加到 /usr/themes/handsome/component/sidebar.php,在122行左右,放在 <?php endif; ? 将转换成功后的字体上传至网站目录中,默认字体目录是 /usr/themes/handsome/assets/fonts文件夹里。 important;} 6、右侧添加人生倒计时(岁月不待人) 首先找到网站根目录 /usr/themes/handsome/component/sidebar.php文件,找到 <!
最新版本Handsome7.2.1 出现了表情不解析的问题 查了半天才找到相关的位置。在 handsome/libs/Content.php 下的 emojiParseCallback 函数 ?
修改Handsome主题,component目录下的comments.php代码文件,大概第60~80行左右 <b class 第 5 步:修改(替换)/usr/themes/handsome/assets/css/下的handsome.min.css文件 如果你的网站有开启Pjax(handsome主题默认开启) 请把以下代码添加到回调函数的地方 ,在你使用的主题设置里看看 以 Handsome主题为例: 1.主题 --> 设置外观 --> Pjax --> PJAX回调函数 if (typeof Prism ! handsome 主题自带部分fontello图标,使用方法在图标的名字前加入 fontello fontello- 即可。具体列表可在 handsome 主题文档 查看。 注意:本博客使用的Handsome主题自4.1.x版本开始可以不用修改该文件。 接下来就在后台开启插件,然后设置插件,填写smtp服务器地址、邮箱地址、密码等信息。
前言 Handsome主题 在复杂中,保持简洁。 一款精心打磨后的typecho主题 介绍 博主使用Handsome主题已有一段时间,这款主题论售后还是更新都很好,而且也主题本身也不贵。
是否在尝试美化「Handsome」主题时,被零散的教程、失效的代码和版本兼容问题反复劝退? 作为一款备受开发者青睐的博客主题,「Handsome」的灵活性既是魅力也是门槛。 无论你是刚接触「Handsome」的新手,还是想突破现有界面瓶颈的进阶用户,都能在这里找到可执行的路径。 --响应耗时代码结束--> 3、时间流逝 将以下代码加到 /usr/themes/handsome/component/sidebar.php,在122行左右,放在 <?php endif; ? 将转换成功后的字体上传至网站目录中,默认字体目录是 /usr/themes/handsome/assets/fonts文件夹里。 important;} 6、右侧添加人生倒计时(岁月不待人) 首先找到网站根目录 /usr/themes/handsome/component/sidebar.php文件,找到 <!
美化步骤 以下内容部分信息需要改成自己站点的,本站转载仅供自己记录,详细记录,大家可以去上方站点 Theme by Handsome css放在 主题设置-自定义css内 /底部页脚css/ .github-badge background-color: #ffa500 } .github-badge .bg-green { background-color: #3bca6e } 把下面代码放在主题目录usr/themes/handsome
看了很多博客都有自己的粒子特效背景,参照网上的代码,给handsome主题添加了粒子背景,效果如下: ?
介绍 仅限于handsome主题使用,其他的自测(提供表情包) 哔哩哔哩tv_小电视: 给你的handsome主题加上哔哩哔哩小电视表情 操作前请做好备份只适用于Handsome主题演示演示站 使用 第一种方法 下载OwO.json文件,然后备份并替换原来的OwO.json(/usr/themes/handsome/usr/OwO.json)文件,并增删内容改为你想要的样式(也可以不改) 下载表情包文件 并在/usr/themes/handsome/usr/img/emotion/目录下创建BZ文件夹,把表情包文件解压到BZ文件夹下 (注意大写 ? icon": "re_mnbk", "text": "猛男必看" } ] } 下载表情包文件 并在/usr/themes/handsome 清除CDN缓存,清除浏览器缓存 ctrl f5,苹果电脑:ctrl shift r 不显示图片 请检查表情图片文件是否正确解压到/usr/themes/handsome/usr/img/emotion/