Mac风格代码高亮
插件最新更新时间：2020/07/23
handsome.min.css更新时间：2020/08/13
插件原贴地址：https://www.xcnte.com/archives/523/
插件下载：
- 下载本插件，解压到
usr/plugins/目录中 - 进入网站后台-控制台-插件-激活插件（请勿与其它同类插件同时启用，以免互相影响）
- 设置：选择主题风格，是否显示行号等
- 修改（替换）
/usr/themes/handsome/assets/css/下的handsome.min.css文件 - 由于Handsome主题最新加入授权，旧版本必须更新至最新版，所以这里就不提供旧版，从5.3.1版本开始
- 后台 --> 设置外观 --> 主题增强-->关闭
启用主题内置的代码高亮（支持19种常用语言）
handsome.min.css 7.3.1版本：
handsome.min.css 6.0.0版本：
handsome.min.css 5.3.1版本：
如果事先有对 handsome.min.css进行魔改的话，可以按照以下手动修改
- 删除
handsome.min.css里的
pre{padding:0}pre code{display:block;overflow-x:auto;position:relative;margin:0;padding:15px}- 然后添加以下
css代码即可
#post-content pre code{display:block;overflow-x:auto;position:relative;margin:0;padding-left:50px}pre code{position:relative;display:block;overflow-x:auto;margin:4.4px 0.px .4px 1px;padding:0;max-height:500px;padding-left:3.5em}- 如果你的网站有开启Pjax（Handsome主题默认开启），把以下代码添加到回调函数的地方，以Handsome为例，打开后台设置-->
Pjax-->PJAX回调函数
if (typeof Prism !== 'undefined') {
var pres = document.getElementsByTagName('pre');
for (var i = 0; i < pres.length; i++){
if (pres[i].getElementsByTagName('code').length > 0)
pres[i].className = 'line-numbers';}
Prism.highlightAll(true,null);}- 若插件里设置不显示行号，pjax函数要改为
if (typeof Prism !== 'undefined') {
Prism.highlightAll(true,null);}- 用法（删除下方代码中的
\）
\```php(语言类型选填)
<?php echo 'Hello Alvin!'; ?>
\```
删除上边代码中的\
重要说明
1. 选择高亮主题风格
- coy.css
- dark.css
- BlackMac.css（黑色Mac风格）
- GrayMac.css （默认选中：Mac风格（灰色））
- WhiteMac.css（白色Mac风格）
- twilight.css
- tomorrow-night.css
2. 是否在代码左侧显示行号 （默认开启）
底部页脚标签样式
- 将以下代码添加至后台主题设置
自定义css
/*底部页脚*/
.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;
background-color: #abbac3;
margin-bottom: 5px
}
.github-badge .badge-subject {
display: inline-block;
background-color: #4d4d4d;
padding: 4px 4px 4px 6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.github-badge .badge-value {
display: inline-block;
padding: 4px 6px 4px 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.github-badge .bg-blue {
background-color: #007ec6
}
.github-badge .bg-orange {
background-color: #ffa500
}
.github-badge .bg-red {
background-color: #f00
}
.github-badge .bg-green {
background-color: #3bca6e
}
.github-badge .bg-purple {
background-color: #ab34e9
}- 将以下代码添加至后台主题设置
博客底部左侧信息，信息修改成自己的
<div class="github-badge">
<a href="./" title="©2019 Alvin">
<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2019 Alvin</span>
</a>
</div>
|
<div class="github-badge">
<a href="http://www.miitbeian.gov.cn/" target="_blank" title="粤ICP备 18135867号" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">粤ICP备</span><span class="badge-value bg-green">18135867号</span>
</a>
</div>- 将以下代码添加至后台主题设置
博客底部右侧信息
<div class="github-badge">
<a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
|
<div class="github-badge">
<a href="https://www.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题，作者：友人C" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>- 添加完成后，需要去
handsome\component\footer.php删除原有声明代码，以下为删除完后的效果（大概1~12行）
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php Content::outputCommentJS($this, $this->security); ?>
</div><!-- /content -->
<footer id="footer" class="app-footer" role="footer">
<div class="wrapper bg-light">
<span class="pull-right hidden-xs text-ellipsis">
<?php $this->options->BottomInfo(); ?>
</span>
<span class="text-ellipsis"><?php
$this->options->BottomleftInfo(); ?></span>
</div>
<!--可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解-->博主介绍的闪字特效
- 复制下方代码添加至后台主题设置
博主的介绍即可 - 介绍文字请在代码中修改
<!--博主介绍的闪字特效-->
<span class="text-muted text-xs block"><div id="chakhsu"></div> <script> var chakhsu = function (r) {function t() {return b[Math.floor(Math.random() * b.length)]} function e() {return String.fromCharCode(94 * Math.random() + 33)} function n(r) {for (var n = document.createDocumentFragment(), i = 0; r > i; i++) { var l = document.createElement("span"); l.textContent = e(), l.style.color = t(), n.appendChild(l) } return n}function i() {var t = o[c.skillI]; c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillrl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
$rs = curl_exec($curl);
curl_close($curl);
if (!strpos($rs, '没有找到')) { //没有找到说明已被百度收录
return 1;
} else {
return -1;
}
}- 将以下代码添加至
请输入代码大约80行左右分类下方即可
<!--百度收录-->
<li><i class="glyphicon glyphicon-globe"></i> <?php echo baidu_record() ?></li>评论获取用户信息插件
- 下载本插件，解压到
usr/plugins/目录中 - 进入网站后台-控制台-插件-激活插件
- 此插件只适用于Handsome主题，未对其它主题优化！！！
- 修改
component/comments.php文件，大概第60~80行处添加代码
<?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>修改前
<span class="comment-author vcard">
<b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?>
</span>修改后
<span class="comment-author vcard">
<b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?><?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>
</span>Typecho开启CDN后，可能无法获取访客真实IP，只能取得CDN节点IP，为此可以在网站的根目录的 config.inc.php插入下面的代码：
/** 防止CDN造成无法获取客户真实IP地址 */
if(isset($_SERVER['HTTP_X_FORWARDED_FOR']))
{
$list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
$_SERVER['REMOTE_ADDR'] = $list[0];
}UserAgent：
handsome主题自带的弹窗提示实现复制弹窗提醒以及个性化提示
网站加载完成并提示来路URL
- 将以下代码填入
开发者设置 》》 自定义输出body 尾部的HTML代码中 - 注意，要放在广告异步推送代码之前，放在后面可能会影响加载。
<script>
function kaygb_referrer(){
var kaygb_referrer = document.referrer;
if (kaygb_referrer != ""){
return "感谢您的访问！ 您来自：<br>" + document.referrer;
}else{
return "";
}}
$.message({
message: "为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！<br >" + kaygb_referrer(),
title: "网站加载完成",
type: "success",
autoHide: !1,
time: "5000"
})
</script>
- 将以下代码填入
开发者设置 》》 自定义Javascript中
kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
message: "尊重原创，转载请注明出处！<br> 本文作者：风也<br>原文链接："+sitesurl,
title: "复制成功",
type: "warning",
autoHide: !1,
time: "15000"
})
}}- 如果你开启了PJAX，那么需要在
主题设置》PJAX》PJAX回调函数一栏内填入以下函数，然后保存即可。
kaygb_copy();独立页面或文章单独调用
- 此调用方式可实现在独立页面打开之后弹窗提示，打开页面，右上角会出现一个弹窗
- 使用时，只需要在文章内插入可执行代码，也就是用
三个英文感叹号包裹。
!!!
<script>
$.message({
message: "这里有我的实验室，子站点，项目展示和联系方式！",
title: "欢迎来到秘密基地！",
type: "info",
autoHide: !1,
time: "10000"
})
</script>
!!!关于弹窗时间
- 时间以毫秒计算，1000即代表着1秒，如果我们想让他显示十秒钟，
time修改为10000即可！
一款萌萌的返回顶部插件
预览效果
目前提供下面5种图片模型，以后随缘更新模型~~~
插件本体
首先前往github下载插件
点击右上角绿色的 Clone or download按钮，Download ZIP, 解压文件。
食用步骤
- 重命名文件夹为
MoeTop - 将
MoeTop文件夹上传至typecho的插件usr/plugins目录 - 登录后台启用
MoeTop插件即可正确食用
说明
- 选择自己喜欢的图片模型即可。
- 支持随机模式，开启后每次刷新页面将会从插件的models文件夹中随机加载一张图片模型。
声明
本插件使用到的所有图片均来自互联网，版权归原作者所有。
给文章顶部添加判断百度是否收录
- 将以下代码添加至
handsome/functions.php
/**
* 提示文章百度是否收录
*
*/
function baidu_record() {
$url='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
if(checkBaidu($url)==1)
{echo "百度已收录";
}
else
{echo "<a style=\"color:red;\" rel=\"external nofollow\" title=\"点击提交收录！\" target=\"_blank\" href=\"http://zhanzhang.baidu.com/sitesubmit/index?sitename=$url\">百度未收录</a>";}
}
function checkBaidu($url) {
$url = 'http://www.baidu.com/s?wd=' . urlencode($url);
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
$rs = curl_exec($curl);
curl_close($curl);
if (!strpos($rs, '没有找到')) { //没有找到说明已被百度收录
return 1;
} else {
return -1;
}
} - 将以下代码添加至
handsome/post.php大约80行左右分类下方即可
<!--百度收录-->
<li><i class="glyphicon glyphicon-globe"></i> <?php echo baidu_record() ?></li>修改懒加载占位图/图片加载效果
打开 handsome/libs目录下方的 CDN.php，在第35行左右的地方有以下代码
在下方添加如下代码
const NORMAL_PLACEHOLDER_GIF = 'data:image/gif;base64,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';改好之后就如下图所示：
修改引用的占位常量
打开 handsome/libs目录下方的 Utils.php,找到大概765左右
当然也可以直接搜索 choosePlaceholder($options)
如果你使用透明模式，那么把 OPACITY_PLACEHOLDER修改成 NORMAL_PLACEHOLDER_GIF，如果你使用普通的模式，那么就把 NORMAL_PLACEHOLDER修改为 NORMAL_PLACEHOLDER_GIF
修改完成记得保存一下哦！
转自：https://www.mgxfd.club/20.html
2 条评论
真不错
233