Loading... 决心对网站做一下加速和美化，于是就有了这篇笔记，防止主题更新后忘了怎么改。 前排提示：博主用的是[typecho](http://www.typecho.org/)程序+[handsome](https://www.ihewro.com/archives/489/)主题，所有修改仅基于以上两者。 我的原则是：能用插件就尽量不要修改文件，能在后台开发者设置里直接加代码就不要用插件。毕竟魔改一时爽，更新火葬场。另外所有的美化不应当以损失页面加载速度和影响读者体验为代价。 ## CDN加速 老早就听说过CDN了，但是因为懒而且贵（主要原因），一直没有弄。后来觉得我的网站打开速度有点慢，才下定决心套个CDN试试。 因为[又拍云](https://console.upyun.com/register/?invite=S1ll4e3cS)有每月10g流量（包括https）的免费额度，所以自然就挂到又拍云上了。先尝试了一下`本地图片云存储加速`，发现网站样式混乱了，不清楚什么原因，只好放弃这一方案。 接下来尝试的是`将本地静态资源上传到你的cdn上`，这个方案不需要单独设置CDN加速域名，可以和原来的云存储共用，而且测试后也没有出现网站混乱的情况，速度也有一定的提升，就决定是你了！ 首先在又拍云中新建一个云存储。  然后授权操作员，如果第一次使用则要新建一个。  创建成功后，自行配置加速域名（需要备案）和https。 然后连接到你的云服务器中，将主题目录下的`assets`文件夹打包下载下来并解压。 接下来就是将`assets`文件夹上传到又拍云的云存储中了。但是我发现又拍云网页上传不支持文件夹，而他们推荐的FTP软件根本就连接不上。算了，直接用python大法吧。 先安装又拍云的SDK，`pip install upyun`，就可以运行以下代码了，注意修改相关配置。 ```python import upyun import os # 需要填写自己的服务名，操作员名，密码 service = "" # bucket名称 username = "" # 操作员用户名 password = "" # 操作员密码，需要手动生成的，不是账号密码！ up = upyun.UpYun(service, username=username, password=password, endpoint=upyun.ED_AUTO) def upload(local_path): pathlen = local_path.count('\\') for root, dirs, files in os.walk(local_path): alist = root.split('\\')[int(pathlen):] temp_path = '/'.join(alist)+'/' for file in files: lc_path = root+'\\'+file # 文件夹本地路径 rd_path = temp_path+file # 远程目录路径 with open(lc_path, "rb") as f: up.put(rd_path, f, checksum=True) # 上传至/assets/路径下 def main(): local_path = r'E:\新桌面\assets' # 根文件夹路径 upload(local_path) if __name__ == '__main__': main() ``` 上传成功后，将`加速域名/assets/`填入下图位置，  完成！ ## 打字烟花及震动特效 这是一个插件`ActivatePowerMode`，评论、文章与页面编辑界面都可以使用。 你可以在评论区试一下，我只开了烟花特效。 [插件地址](https://github.com/AlanDecode/Typecho-Plugin-ActivatePowerMode) 使用方法： - 下载本插件，解压放到`usr/plugins/`目录中 - 文件夹名改为`ActivatePowerMode` - 登录管理后台，激活插件 ## 彩色标签云 同样是插件，来自至道小博，安装后开启即可。 [原博地址](https://www.siyunxi.com/2019/10/31/751.html) 注意要在插件设置里，`是否启用了PJAX`勾选是 ## 代码高亮修改 插件+1，[原文地址](https://www.xcnte.com/archives/523/) 仿Mac样式，显示语言，并且能够一键复制。 效果： ```python import random print('hello world') ``` 使用方法： * 下载[插件](https://github.com/Xcnte/Code-Prettify-for-typecho)，改为`CodePrettify`，上传至插件目录。 * 启动插件 * 修改（替换）`/usr/themes/handsome/assets/css/`下的`handsome.min.css`文件 <button class="btn m-b-xs btn-success btn-addon" onclick='window.open("https://pan.baidu.com/s/1GbJaMTVvooV64zGrj4vJxA","_blank")'><i class="glyphicon glyphicon-download-alt"></i>适用于6.0.0版本的css</button> <button class="btn m-b-xs btn-success btn-addon" onclick='window.open("https://pan.baidu.com/s/1kwuvgtXMxN6EONRcN2RPUA","_blank")'><i class="glyphicon glyphicon-download-alt"></i>适用于5.3.1版本的css</button>提取码：`a0d8` 下载后替换即可。 * 在`主题` --> `设置外观` --> `Pjax` --> `PJAX回调函数`中添加以下代码 ```JavaScript 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);} ``` ## 给网站加上复制后提示 来自[phenxso](https://www.phenxso.com/archives/117.html) **效果：**  **使用方法：** 将以下代码复制到`自定义输出body尾部的HTML代码 ` ```html <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> ``` 将以下代码复制到`自定义JavaScrpit ` ```JavaScript document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});}; ``` ## 文章添加版权说明 插件+10086，[下载地址](https://github.com/Yves-X/Copyright-for-Typecho) **效果：** 拉倒本文底部就能看到 **使用方法：** 下载插件解压并将目录重命名为`Copyright`，后台启动插件 ## 更改右侧边栏的随机缩略图 你可以直接替换主题`\usr\img\sj2`下的图片，也可以像我一样，把缩略图放到图床上，然后调用随机图api。 <div class="tip inlineBlock warning">这种方法已失效，`functions.php`似乎被加密了，无法进行修改</div> 首先在网站根目录下新建一个`randoms`文件夹，在该文件夹中新建一个`link.txt`和`index.php`，其中`index.php`的代码如下： ```php <?php //从文本获取链接 $pics = []; $fs = fopen("link.txt", "r"); while(!feof($fs)){ $line=trim(fgets($fs)); if($line!=''){ array_push($pics, $line); } } //从数组随机获取链接 $pic = $pics[array_rand($pics)]; //返回指定格式 $type=$_GET['type']; switch($type){ //JSON返回 case 'json': header('Content-type:text/json'); die(json_encode(['pic'=>$pic])); default: die(header("Location: $pic")); } ``` `link.txt`中就是缩略图的链接，一行一个。 这样，一个简单的随机图片api就做好了。 接着修改主题文件夹下的`functions.php`，找到随机缩略图函数`showSidebarThumbnail`（大概在735行），替换为以下代码： ```php //文章页面侧边栏缩略图 function showSidebarThumbnail($widget, $index = 0) { $randomNum = rand(1, 9999999); $random = 'https://www.sitstars.com/randoms?'.$randomNum; return $random; } ``` 完成后刷新网站就能看到效果，不知道为什么重复率很高，大概是不够随机吧？<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于：雁陎</p><p class="content-copyright">本文链接：<a class="content-copyright" href="https://www.sitstars.com/archives/56/">https://www.sitstars.com/archives/56/</a></p><p class="content-copyright">转载时须注明出处及本声明</p></blockquote> Last modification：December 9th, 2019 at 06:55 pm © 允许规范转载
大佬，你的后台模板好好看，好想要一份
这里：https://racns.com/374.html
你这个handsome格外好看￣﹃￣
能不能转载一下
可以
看的我想换 handsome 了 2333