## 代码高亮插件Code Prettify
第 1 步:下载本插件,解压,放到`usr/plugins/`目录中;
第 2 步:文件夹名改为`CodePrettify`;
第 3 步:登录管理后台,激活插件
(请勿与其它同类插件同时启用,以免互相影响)
第 4 步:设置:选择主题风格,是否显示行号等。
第 5 步:修改(替换)`/usr/themes/handsome/assets/css/`下的**handsome.min.css**文件
由于handsome主题最新加入授权,旧版本必须更新至最新版,所以这里就不提供旧版`css`文件
Handsome 6.0.0 版本:
链接:https://pan.baidu.com/s/1xyYrZ744whpLHU_RGcs7kQ
提取码:hxxv
## Pjax
如果你的网站有开启Pjax(`handsome主题`默认开启)
请把以下代码添加到回调函数的地方,在你使用的主题设置里看看
以`Handsome主题`为例:
1. `主题`\-->`设置外观`\-->`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);}
~~~
* * *
## 重要说明
### 可设置项
**1. 选择高亮主题风格**(官方提供的**6**种风格切换,后来新增了三种(**Mac风格**))
* coy.css
* dark.css
* BlackMac.css(黑色Mac风格)
* GrayMac.css (默认选中:Mac风格(灰色))
* WhiteMac.css(白色Mac风格)
* twilight.css
* tomorrow-night.css
**2. 是否在代码左侧显示行号**(默认开启)
- typecho简介
- handsome简介
- 声 明
- 美化教程
- 浏览器动态标题
- 鼠标点击特效
- 全屏彩带飘动背景动画特效
- 首页文章版式圆角化
- 首页文章图片获取焦点放大
- 首页文章版式阴影化
- 生成当前文章标签
- 给网站加上复制后提示
- 博主介绍闪字效果
- 右边侧栏加入每日pixiv热榜图片
- 一言api古诗词版
- 时光轴
- 修改后台路径
- 一键评论打卡
- 随机播放音乐
- Font-Awesome旋转图标
- 底部徽标
- 头像呼吸光环和悬停旋转
- 文章内图片悬停放大
- 文章内打赏图标跳动
- 给网站添加加载耗时显示
- 复制弹框
- 彩虹标签云
- 在文章页右侧添加标签云
- 在文章顶部添加百度是否收录
- 为 Typecho编辑器增加 HTML标签支持
- 给handsome增加更多表情包
- 文章标题美化
- 首页预览头图走cos
- 超链接美化
- 导航栏输出二级菜单
- 首页文章列表悬停上浮
- 给网站添加 Chatra 在线客服插件
- 左侧文章图标和评论头像鼠标悬停旋转
- 首页倒计时
- 屏蔽F12
- 右键自定义
- 404页面自动返回
- 给typecho加上心知天气
- 手机适配中不显示热门及标签云
- 修复透明背景下文章目录bug
- 修复透明背景下时光机右侧bug
- 给你的友链换一个更好看的样式吧
- 文章标题简介头图显示且居中
- 左侧下拉框
- Handsame主题添加微信公众号入口
- 让被复制的文章自带版权说明
- 微信通知新评论
- 自建公众号对接handsome主题时光机
- 给背景添加粒子效果
- 防止复制
- 插件
- 打字烟花及震动特效
- 代码高亮插件Code Prettify
- 文章添加版权说明
- 前台美化插件-AliceStyle
- 访客信息获取
- 一键评论打卡--插件版
- 下雪插件
- 彩色标签云插件
- 小猫咪插件
- 悬挂猫咪置顶插件
- 速度优化
- GZIP加速网站
- Gravatar国内源
- Handsome 主题使用阿里云镜像加速
- 图片加载速度优化全家桶
- 其他
- 常见问题
- 为什么我用文字样式自定义直接显示代码?
- typecho如何开启伪静态
- 我怎么去改首页文章数量?