Cuckoo双栏自适应Typecho主题

Cuckoo双栏自适应Typecho主题-睿冰小站
Cuckoo双栏自适应Typecho主题
此内容为免费资源,请登录后查看
0
获取最新版本请前往GitHub
免费资源

cuckoo是一款十分优秀的Typecho主题,本主题设计简约,色彩明亮,代码简洁,响应迅速,让人眼前一亮。

图片[1]-Cuckoo双栏自适应Typecho主题

现在来为大家盘点一下本主题的特点

图片懒加载

博客的封面显示使用了JQuery.Lazyload,仅当图片进入可视区域再进行加载,这样可以减少服务端的压力,可以让其按需加载。

文章目录树

图片[2]-Cuckoo双栏自适应Typecho主题

图片[3]-Cuckoo双栏自适应Typecho主题
在“文章编辑->自定义字段->文章目录”中,可按需开启或关闭文章的目录树哦~

用户UA以及仿Biibili认证

图片[4]-Cuckoo双栏自适应Typecho主题

黄色小闪电:代表的是自己的好朋友~
蓝色小闪电:代表的是自己哦~
另外在名字后面的即是用户UA的显示!

静态资源优化

当静态资源获得CDN的BUFF加成时,网站的速度也会增快。因此咱也把静态文件丢到了 jsDeliver上,在模版设置页面中可以进行设置,对于自己准备好了CDN的小伙伴可以在“自定义CDN源”处填写好即可哦~

评论表情

图片[5]-Cuckoo双栏自适应Typecho主题

在“发表评论”的右上角点击即可弹出表情选择框,目前支持的有”Emoji“、“颜文字”、“贴吧”等,详细的大家可以亲自去看看,顺便别忘了评论一下哦(嘿嘿

奇妙的评论输入框

 


看到右下角的书记了嘛!之后咱会再做一些别的。

[更新] 友人帐

咱专门给“友人帐”做了独立页面,需要的小伙伴请撰写一个独立页面(内容可为空),把“自定义模版”设置成“Links”并且在高级设置里把“公开度”设置为“隐藏”!最后在“模版设置”中的“自定义导航栏”填写以下内容:

[{
 "name":"友人帐",
 "link":"填写为你的独立页面地址",
 "icon":"links",
 "type":"0"
}]

注意⚠️:使用“友人帐”需要安装“Links”插件,否则就会出现报错(咚咚咚

PJAX & AJAX

主题已使用全站PJAX,也实现了AJAX评论,优化用户体验,也优化了网站速度。进度条使用的是“NProgress”。

联系方式

联系方式目前支持QQ、Github、Telegram、Twitter、Bilibili、Email,后续会根据需求逐步添加,添加的例子:(最多添加5个,多余的无法显示哦~)

{
  "qq":"xxxxxxx",
  "github":"xxxxxxx",
  "telegram":"xxxxxxx", 
  "twitter":"xxxxxxx",
  "bilibili":"xxxxxxx",
  "email":"xxxxxxx"
}

到此,本主题的基本功能已介绍完毕,具体操作请各位根据实际情况进行。

主题文档:https://cuckoo.owo.show

赞助链接:https://afdian.net/@bhaoo

GitHub:https://github.com/bhaoo/Cuckoo/releases

企鹅群:1054724682

特别鸣谢:ohmyga 凛凛姬

参考资料:https://dwd.moe/p/cuckoo.html

© 版权声明
THE END
喜欢就支持以下吧
点赞6
分享
相关推荐