登录
  • Even when we go our separate ways, in my heart you'll always stay...
  • 一个人如果30岁以前没有相信过共产主义, 他缺乏良心; 如果到30岁以后还相信共产主义, 他没有头脑@克列蒙梭 (法国政治家)

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

不懂编程 Benny小土豆 637次浏览 1852字 9个评论
这篇文章在 2017年07月11日16:48:18 更新了哦~

喵!虽说本站是WordPress,但是这仍无法阻碍我搞Typecho的心~今天俺就来推荐一款Typecho主题,这个主题是在这个的基础上进一步优化改善的,不需要任何插件就能运行,并且完美支持https。先来看一张首页截图吧!

注意,此主题的更新说明请到GitHub上查看,我太懒了可能不会更新这里……

首页截图

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

文章标签

默认会显示作者、分类、发布时间、浏览量、字数统计、最后更新日期。登录之后还会有编辑按钮。新文发布会在标题前面有个new

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

分享功能

插件来自Revir,默认已开启分享到QQ空间、微博、微信、Twitter、Facebook等,修改主题文件可以获得更多支持。

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

实用的侧边

侧边栏新加了分类和管理

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

有趣的页脚

页脚包含建站时间、加载耗时。

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

优秀的头像缓存策略

如果访客填写了QQ邮箱,那么将会显示QQ头像;否则将会根据邮箱去Gravatar获取头像。如果连Gravatar也没有,那么就会显示默认的头像。启用了缓存策略,妈妈再也不怕加载好几秒钟了~默认超时时间为14天,可在主题中自行设定。

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

支持Android版Chrome通知栏变色

也就是meta theme color

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

评论框输入特效

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

主题设置

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

评论区显示UA

一款功能丰富的、好看的、性能优秀的typecho绿色主题:GreenGrapes2

注意:
对于我这种对隐私要求比较高的人,我是不想把评论者的UA、更别提是地理位置信息暴露给大众的了,所以这个选项默认是关闭的。的确,我可以通过日志、通过访问统计工具来获得访客的UA等信息,但是这只有我才能做到,这也就意味着我需要对访客的隐私负责——尽管访客可能毫不在意这点。好吧,其实我是装有Random User-Agent的……

 

演示站

奔跑的蜗牛壳(此站点同时也启用了其他的插件,在外观上,包括Snow、Kiana)

使用方法

下载Typecho主题

重命名整个文件夹为GreenGrapes2并上传至usr/themes/目录下

登陆自己的博客后台,在"控制台"的下拉菜单中选择"外观"选项进入已安装主题列表

在相应的主题点击"启用"即可使用

Troubleshooting

页脚加载耗时很长

请首先确认是不是第一次使用本主题并且打开了一个含有大量评论的页面?如果是的话,那么第一次获取QQ头像/Gravatar会比较耗时(尤其是当服务器在墙国的时候),耐心等待直到缓存成功即可。

PS:如果在已有一些评论的博客上换上此主题,建议手动用touch命令修改下usr/uploads/avatarCache中头像的时间戳为不同的时间日期,免得一次性加载太多导致延迟。示例命令:touch -cmt 201703291216 xxx.jpg

头像加载失败

确认下usr/uploads下存在avatarCache这个目录。是否有足够的权限写入?通常来说www:www/755或者干脆777就可以了。

更换首页头像、默认头像等

主题设置中设置个url或者替换img目录下的图片文件

增加、修改分享选项

post.php中的第62行data-share-networks中的字符串就是控制显示内容的。目前支持的选项有Weibo,Wechat,Douban,QQZone,Twitter,Pinterest,Facebook,GooglePlus,Reddit,Linkedin,Tumblr,Evernote,RenRen。更多详细设置请参考Revir

注意:移动设备上请注意分享的栏目不要太多,否则破坏自适应布局可能会使浏览不方便。

修改打字特效

footer.php中第29、30行是控制打字特效的。可以根据自己情况选择true或者是false

下载地址

GreenGrapes2
突然发现GitHub字体变大、变粗了。

建议

俺不是搞Web开发的,但是如果有任何建议,欢迎发邮件、本文评论、奔跑的蜗牛壳评论、发issue。

其他

Some of us get dipped in flat, some in satin, some in gloss. But every once in a while you find someone who's iridescent, and when you do, nothing will ever compare.

致谢

感谢hongweipeng的设计,这是我开发的基础;感谢小蜗牛童鞋的选择与信任,这是我开发的动力,嘻嘻嘻。


文章版权归原作者所有丨本站默认采用CC-BY-NC-SA 4.0协议进行授权|
转载必须包含本声明,并以超链接形式注明原作者和本文原始地址:
https://www.bennythink.com/greengrapes2.html
喜欢 (6)
分享:-)
Benny小土豆
关于作者:
If you have any further questions, feel free to contact me in English or Chinese.
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

去你妹的实名制!

  • 昵称 (必填)
  • 邮箱 (必填,不要邮件提醒可以随便写)
  • 网址 (选填)
(9)个小伙伴在吐槽
  1. 好漂亮的主题~感谢分享~ 话说,可以对这个主题进行修改吗? 例如我不想在页面上显示头像,背景等内容,可以在文件里面把相应部分注释掉吗~
    永远的萌新2017-08-26 19:55 回复
    • Benny小土豆
      Apache License发布,允许代码修改和再发布。
      Benny小土豆2017-08-26 20:00 回复
      • 只是个人使用而已,不会再发布的~ 顺便问一下,可以设定主题色吗...翻了一下设置貌似找不到相关的代码...
        永远的萌新2017-08-26 20:21
      • Benny小土豆
        这是Apache许可证赋予你的权力,我才不管咧~ 主题配色需要你改css,比较麻烦……
        Benny小土豆2017-08-26 20:29
      • 啊....css..听起来就觉得可怕了
        永远的萌新2017-08-26 20:53
      • Benny小土豆
        嗯 需要改很多地方
        Benny小土豆2017-08-26 21:01
      • 看来我还得继续努力学习才行...
        永远的萌新2017-08-26 23:23
  2. 很棒的主题!😀
    EAimTY2017-04-03 12:37 回复
    • Benny小土豆
      丝毫不懂前端的我!😂
      Benny小土豆2017-04-03 12:42 回复