TuJun's Blog - 美化
type: channel
link: https://5k5b.com/tag/%E7%BE%8E%E5%8C%96/
items: Handsome主题集成美化插件-Pretty_for_handsome
items: Typecho登录界面轻量美化
items: 本博客之Typecho Handsome主题美化记录

Handsome主题集成美化插件-Pretty_for_handsome
type: item
date: 2023-01-28T23:00:00+08:00
description: 一款针对Typecho主题Handsome专用美化插件，一个插件，替代修改主题代码的复杂操作 之前都是手动使用代码进行修改，还要记录，像这样[post cid="5" /]但是有一个问题，如果主题升级，有些修改需要重新做，这是个非常枯燥的工作，而且没有必要，于是我决定集成到一个插件中，一键美化，一键开关，岂不美哉？所以今天给大家推荐一款适用于handsome主题集成超多美化的一款插件！插件截图：[album][/album]目前实现的功能iframe视频文章嵌入优化iframe视频短代码插入响应耗时和访客总数（全站字数放弃，减少服务器压力）右侧边栏时光流逝模块顶部导航显示心知天气左侧目录彩色图标右侧彩色标签和彩色标签云鼠标经过头像旋转放大鼠标点击特效文章标题居中LOGO扫光复制成功提示H1/H2标题背景颜色设置打赏按钮跳动效果移动端隐藏标签云和博客信息首页文章鼠标经过上浮网站运行时间文章end标识 (new)文章二维码 (new)文章底部增加百度手动推送按钮 (new)（由于网上的百度收录检测方法基本失效，改为手动推送）(new)全站黑白 (new)文章底部版权提示 (new)评论边框和阴影 (new)评论头像呼吸效果 (new)文章页头图悬浮效果 (new)优化首页轮播图样式动态背景 (new)移动端隐藏动态背景开关夜间模式隐藏动态背景开关静态壁纸设置文章页广告位和评论列表广告位[scode type="yellow"]目前仅支持typecho1.2，其他版本暂无适配计划，请知悉！[/scode]作者博客原文：https://blog.icolak.com/program/472.html下载：[button color="info" icon="download" url="https://github.com/isSuperman/Pretty_for_handsome" type=""]1.Github[/button]|[button color="success" icon="download" url="https://lanzoul.com/i3YMD0m0ry0j" type=""]2.蓝奏云[/button]

Typecho登录界面轻量美化
type: item
date: 2022-08-31T16:16:00+08:00
description: 千篇一律的登录界面难免有点视觉疲劳，简单修改一下Typecho的后台登录界面，开启登录博客愉悦的一刻。修改文件：typecho系统文件\admin\login.php由于登录界面不需要额外的js代码，删除了文件中的下列代码：<?php include 'common-js.php'; ?>增加html代码： 增加CSS样式：.typecho-login-wrap { position: fixed; } .typecho-login {display: block;padding: 10px 20px;margin-top: 20vh;border-radius: 15px;-moz-box-shadow: 0 0 10px #ffffff;box-shadow: 0 0 15px 0px #868686;background: rgb(255 255 255 / 60%);} .i-logo{display: unset;background: unset;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);opacity: 0.55;} input{outline: 0;} input:focus {box-shadow: 0 0 0 0.2rem rgb(167 191 232 / 25%);} body {display: flex;align-items: center;justify-content: center;}加入canvas动画js代码（可选）。修改后的login.php的内容如下：<?php include 'common.php'; if ($user->hasLogin()) { $response->redirect($options->adminUrl); } $rememberName = htmlspecialchars(Typecho_Cookie::get('__typecho_remember_name')); Typecho_Cookie::delete('__typecho_remember_name'); $bodyClass = 'body-100'; include 'header.php'; ?> TuJun's Blog <form action="<?php $options->loginAction(); ?>" method="post" name="login" role="form"> <?php _e('用户名'); ?> <input type="text" id="name" name="name" value="<?php echo $rememberName; ?>" placeholder="<?php _e('用户名'); ?>" class="text-l w-100" autofocus /> <?php _e('密码'); ?> <input type="password" id="password" name="password" class="text-l w-100" placeholder="<?php _e('密码'); ?>" /> <?php _e('登录'); ?> <input type="hidden" name="referer" value="<?php echo htmlspecialchars($request->get('referer')); ?>" /> <?php _e('下次自动登录'); ?> <a href="<?php $options->siteUrl(); ?>"><?php _e('返回首页'); ?> <?php if($options->allowRegister): ?> • <a href="<?php $options->registerUrl(); ?>"><?php _e('用户注册'); ?> <?php endif; ?> <?php include 'footer.php'; ?>

本博客之Typecho Handsome主题美化记录
type: item
date: 2022-08-20T15:25:00+08:00
description: [scode type="blue"]这篇文章作为本站美化的记录，有新增时会实时更新。[/scode][scode type="yellow"]如果您有好玩的效果也欢迎在评论区提出，若可以的话我也会加到文章并实现其效果。[/scode][scode type="green"]更新时间：2022年8月23日12:14:34[/scode]说明该站的所有修改项均在本文列出，实际效果看本站即可。若您也想拥有类似的效果，欢迎借鉴~~注意：以下代码出现/* */ 、 或//字符均为注释，即不会有实际效果，仅仅是给人看的一个标记。在这里不建议删除，因为会影响后期修改时的辨别。悉知~为了给小白讲明白，这里记录的已经很细了。老博主的话，拿着代码按自己意愿改即可，懂得都懂~本站环境Typecho：1.2.0正式版HandSome：8.4.1 Pro其他版本的Typecho和HandSome不确定其可行性，请自行测试~[collapse status="false" title="Handsome主题文件目录结构"]component/comments.php 评论区 component/footer.php 底部版权、音乐播放器之类 component/header.php 页面头，没啥要改的 component/headnav.php 顶部导航 component/say.php 时光机动态 component/sidebar.php 右侧栏目 component/third_party_comments.php 3.3.0新增，第三方评论 css/ 博客CSS，一般不要改 fonts/ 博客字体，一般不要改 img/ 图像，一般不要改 js/ js文件，一般不要改 lang/ 语言文件 libs/Content.php 文章内容 libs/... 一般不要改 usr/ 另一个语言文件？ 404.php 404界面 archive.php 整合 booklist.php 书单 cross.php 时光机 files.php 归档 functions.php 配置界面的东西 guestbook.php 留言板 index.php 首页 links.php 友链 page.php 文章页面整合 post.php 文章输出 color： 选填，不填默认为success（绿色），可选值： light：白色 info：蓝色 dark：深色 success：绿色 black：黑色 warning：黄色 primary：紫色 danger：红色[/collapse]基础设置开启全站HTTPS[collapse status="false" title="开启全站HTTPS"]1、首先在宝塔或通过配置文件给你的网站配置好证书，并开启强制HTTPS2、去网站后台，找到设置 -> 基本设置 -> 站点地址将其改为https开头的网址。[/collapse]添加GZIP压缩[collapse status="false" title="添加GZIP压缩"]这个主要是减小带宽压力，以达到加快网站加速速度的目的。和上面的HTTPS一样，在config.inc.php内加入以下配置即可：/** 开启gzip压缩 */ ob_start('ob_gzhandler');[/collapse]去掉地址栏的index.php[collapse status="false" title="去掉地址栏的index.php"]更改前是这样的：https://www.5k5b.com/index.php/archives/5.html更改后是这样的：https://www.5k5b.com/archives/5.html首先进入后台，找到设置 - 永久链接，改成如下图所示然后我们需要配置伪静态规则如果使用的宝塔面板，就在 网站-设置-伪静态-选择Typecho-保存即可 [/collapse]自定义后台路径[collapse status="false" title="自定义后台路径"]1、将Typecho程序根目录中的后台文件夹"admin"改名，名字即为你想自定义的地址名，例如：将"admin"改为"xxx"2、修改根目录文件"config.inc.php"，打开该文件后找到/* 后台路径(相对路径) / define(' **TYPECHO_ADMIN_DIR** ', '/admin/');将代码中"admin"改为你自定义的地址，例如：xxx这样一来，我们的Typecho程序网站的后台就改成：域名/xxx了[/collapse]使Typecho支持emoji[collapse status="false" title="使Typecho支持emoji"]效果🔘🔵🟣🟤⚫🔴🟠🟡…