Typecho仿知乎复制文本自带版权声明 　　虽然本站的访问量几乎为零，而且我更新不多，主要是貌似没有什么好发的，再加上确实有点懒，博客更新内容不定且随缘，有时候看到什么觉得好的就收集整理一下，权当给自己做个记录了。　　这次看到的是复制文章自带版权信息，感觉还是有点意思的，类似于CSDN那种复制后会在内容后面加一串文字，Typecho也是完全能够做到的。目的： 访客有意复制文章内容时自动在剪贴板增加版权信息实现方法： 添加JavaScript代码功能代码<script> document.body.addEventListener('copy', function (e) { if (window.getSelection().toString() && window.getSelection().toString().length > 42) { setClipboardText(e); // alert('商业转载请联系作者获得授权，非商业转载请注明出处哦~\n谢谢合作~(｡・`ω´･)'); } }); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault(); var htmlData = '' + '著作权归作者所有。<br>' + '商业转载请联系作者获得授权，非商业转载请注明出处。<br>' + '作者：<?php $this->author() ?><br>' + '链接：' + window.location.href + '<br>' + '来源：<?php $this->options->siteUrl(); ?><br><br>' + window.getSelection().toString(); var textData = '' + '著作权归作者所有。\n' + '商业转载请联系作者获得授权，非商业转载请注明出处。\n' + '作者：<?php $this->author() ?>\n' + '链接：' + window.location.href + '\n' + '来源：<?php $this->options->siteUrl(); ?>\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData); clipboardData.setData('text/plain',textData); } } </script>使用方法可以直接放在主题文件夹下的footer.php最后的一堆script之间，如果考虑到用户体验的话建议只放在post.php文件中。注：post.php文件为文章内页php文件。附加说明：该代码有一个弹窗功能，可能会比较影响用户体验，所以马赛克掉了，如果想使用的话直接把注释去掉即可。参考资料https://qqdie.com/archives/copyright-dog-fading-imitation-zhihu-copy-text-bring-their-own-copyright-statement.html

Joe For Typecho主题实现自动更新 全新的Joe主题属于重构版本，功能较于老版有很多缺失所以更新频繁，而且开发者一贯如母猪生产队，可能一个小时前你更新了，结果一个小时后发现又有新版本，而且每次更新都需要下载，然后删除老版本，再上传新版本，手动更新着实麻烦，所以自动更新教程走一波。自动更新的实现其实就是通过git clone下载主题（如果你是通过其他方式上传的，请先删除Joe目录，删除前做好相关备份）。一、设置权限将usr/themes文件夹的权限设置成777(可读可写可执行)chmod 777 /www/wwwroot/网站目录/usr/themes/二、下载主题已经下载安装好Joe主题请先删除Joe主题文件夹已经下载安装好Joe主题请先删除Joe主题文件夹已经下载安装好Joe主题请先删除Joe主题文件夹打开shell进入主题目录#注意：需要将网站目录改成你的网站目录 cd /www/wwwroot/网站目录/usr/themes/ #释义：进入到themes文件夹下载Joe主题git clone https://github.com/HaoOuBa/Joe.git #释义：下载来自GitHub的Joe代码　　如果没有报错那么恭喜你代码拷贝成功，同时你会发现themes下新增了Joe主题目录，且该目录较群内下载的主题多了个.git文件夹，这就是自动更新的专属身份。三、设置更新任务进入宝塔计划任务页面任务类型选择Shell脚本任务名称自定义即可，如：Joe auto update执行周期自定义即可，如：N分钟，30分脚本内容如下（注意需要将网站目录替换成你的）#!/bin/bash cd /www/wwwroot/网站目录/usr/themes/Joe git pull chown -R www:www /www/wwwroot/网站目录/usr/themes/Joe四、判断任务状态上面步骤都完成后，在任务列表里面找到任务，点击执行然后点击执行右侧的日志按钮，如果内容显示如下，则代表任务设置成功Already up-to-date. ----------------------------------------------------------------------- *[2021-03-21 17:17:03] Successful -----------------------------------------------------------------------五、强制更新注意：如果更新失败，任务执行日志里出现`Please, commit your changes or stash them before you can merge.Aborting`错误提示请用下面的代码#!/bin/bash cd /www/wwwroot/你的网站目录/usr/themes/Joe git reset --hard git pull chown -R www:www /www/wwwroot/你的网站目录/usr/themes/Joe #释义：放弃本地修改，直接覆盖

Typecho评论头像自动拉取QQ邮箱头像 当访客使用QQ邮箱评论时会显示QQ头像，若用的不是QQ邮箱，则显示默认随机头像。修改functions.php文件将下面的代码丢到functions.php文件当中。//获取Gravatar头像 QQ邮箱取用qq头像 function getGravatar($email, $s = 96, $d = 'mp', $r = 'g', $img = false, $atts = array()) { preg_match_all('/((\d)*)@qq.com/', $email, $vai); if (empty($vai['1']['0'])) { $url = 'https://www.gravatar.com/avatar/'; $url .= md5(strtolower(trim($email))); $url .= "?s=$s&d=$d&r=$r"; if ($img) { $url = '<img src="' . $url . '"'; foreach ($atts as $key => $val) $url .= ' ' . $key . '="' . $val . '"'; $url .= ' />'; } }else{ $url = 'https://q2.qlogo.cn/headimg_dl?dst_uin='.$vai['1']['0'].'&spec=100'; } return $url; }修改comments.php和sidebar.php文件将下面的代码复制到需要放头像的页面，通常是comments.php页面和sidebar.php页面。<?php $email=$comments->mail; $imgUrl = getGravatar($email);echo '<img src="'.$imgUrl.'" width="45px" height="45px" style="border-radius: 50%;" >'; ?>至此，请愉快的食用吧！

手机移动端添加下边栏导航菜单 本文来自老狮，给网站手机移动端添加下边栏，非常简单的实现方式，下面直接上教程。主要修改两个文件，分别是footer.php和joe.min.css。修改footer.php文件首先，在页脚文件foot.php或者footer.php文件的最下面放入以下代码：<nav class="nav-shouji"> <div class="nav-item"> <div class="img"> <a href="链接地址"><img src="图标地址/img/login.png"></a> </div> </div> <div class="nav-item"> <div class="img"> <a href="链接地址"><img src="图标地址/img/tea.png"></a> </div> </div> <a class="nav-item"> <div class="img"> <a href="链接地址"><img src="图标地址/img/home.png"></a> </div> </a> <div class="nav-item"> <div class="img"> <a href="链接地址"><img src="图标地址/img/bizhi.png"></a> </div> </div> <div class="nav-item"> <div class="img"> <a href="链接地址"><img src="图标地址/img/music.png"></a> </div> </div> </nav>以上代码中的菜单链接和图标可以自行更改，图标分辨率为48x48。修改joe.min.css文件然后在CSS文件（JOE主图的CSS文件是在assets/css/joe.min.css）里最下面放入以下代码即可/*手机端底部菜单*/ @media (min-width: 768px) { .nav-shouji { display: none !important; } } .nav-shouji{ display: flex; position: fixed; bottom:0; z-index:99; height: 55px; width: 100%; background: var(--background); flex-shrink: 0; font-size: 14px; } .nav-shouji .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; color: var(--main); } .nav-item:nth-child(3) { transform: translateY(-20px); background: var(--background); border-radius: 50%; height: 75px; width: 75px; flex-shrink: 2; box-shadow: 0 -3px 4px rgba(0,0,0,.1); } .nav-shouji .nav-item .img { height: 24px; overflow: hidden; } .nav-item:nth-child(3)>.img{ height: 30px; margin-bottom: 5px; } .nav-shouji .nav-item img { width: 24px; height: 24px; overflow: hidden; }