登录
  • 人们都希望被别人需要 却往往事与愿违
  • 我们没有不懂技术的管理人员 -- 因为寻求技术和管理的平衡毫不费力!@比尔.盖茨
> 编程 > 一款功能丰富的、好看的、性能优秀的typecho绿色主题：GreenGrapes2

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

编程 Benny小土豆 14348次浏览 1834字 50个评论
文章目录[显示]
这篇文章在 2018年10月22日10:53:34 更新了哦~

喵！虽说本站是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命令修改下avatarCache中头像的时间戳为不同的时间日期，免得一次性加载太多导致延迟。示例命令：touch -cmt 201703291216 xxx.jpg

头像加载失败

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

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

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

增加、修改分享选项

post.php中的第164行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://dmesg.app/greengrapes2.html
喜欢 (17)
分享:-)
关于作者：
If you have any further questions, feel free to contact me in English or Chinese.
发表我的评论
取消评论

                     

去你妹的实名制！

  • 昵称 (必填)
  • 邮箱 (必填，不要邮件提醒可以随便写)
  • 网址 (选填)
(50)个小伙伴在吐槽
  1. 分享和打赏的按钮按下之后都没有反应，是哪里出错了呢
    胖子2019-05-15 21:35 回复
    • 啊这个嘛…是不是needforshare没加载上？
      Benny小土豆2019-05-15 22:39 回复
  2. 怎么让全局的文字都先随机乱码呢
    胖子2019-05-15 21:33 回复
    • 选项里有一个是这个功能，buffle好像
      Benny小土豆2019-05-15 22:39 回复
      • 那个三让标题乱码， 我想要全局乱码来的。。
        胖子2019-05-16 08:26 回复
        • 想要让全局乱的话，给body加个样式，比如<body class="mybuf"> 然后footer.php里99行 baffle('.mybuf').start()
          不过我猜你是想让文章内容乱码，那就直接改成baffle('.article-content').start()或者baffle('.post-article').start()
          Benny小土豆2019-05-16 15:08
  3. 如何让这个主题默认显示目录列表呢？ 我是指，不再点击目录旁的“显示”才会显示的目录列表
    胖子2019-05-15 11:34 回复
    • footer.php找 
      window.content_index_showTocToggle = false;
      把false改成true就好了
      Benny小土豆2019-05-15 15:20 回复
  4. http://blog.xn--i8s168f.cn/about.html 这个页面的侧边栏在文章下面怎么办？
    胖子2019-04-13 09:04 回复
    • 似乎是因为你关闭了评论的原因……
      Benny小土豆2019-04-13 14:29 回复
      • 哦，这样啊。这个回复了会邮件通知的插件有typecho的嘛？
        胖子2019-04-13 14:36 回复
        • 找下，有的
          Benny小土豆2019-04-13 14:51
  5. 已经在服务器的php.ini里添加了时区的那个命令，但是发布的新文章仍然会404，只能把发布时间选为昨天才可以访问...
    胖子2019-04-11 12:33 回复
    • 是时间变成了未来吗？看看服务器时间是否正确 date.timezone ="asia/shanghai"
      Benny小土豆2019-04-11 12:47 回复
      • [Date] ; Defines the default timezone used by the date functions date.timezone ="asia/shanghai" 这句已经加进去了，但还是404（虽然不知道是不是加对了位置）
        胖子2019-04-11 12:52 回复
        • 是不是服务器时间不正确？
          Benny小土豆2019-04-11 12:53
      • 应该是正常的 [root@VM_0_6_centos ~]# date Thu Apr 11 12:56:31 CST 2019
        胖子2019-04-11 12:59 回复
        • 查一下Web服务器的rewrite规则、typecho的固定链接设置吧
          Benny小土豆2019-04-11 13:00
      • 更改永久链接为默认风格 /archives/{cid}/之后，问题被解决
        胖子2019-04-11 13:05 回复
  6. 评论的时候“斗图”和微博的表情点击之后会直接在新窗口预览怎么处理呢?
    胖子2019-04-11 12:32 回复
    • 可能是你点的时候鼠标滑了一下？
      Benny小土豆2019-04-11 12:49 回复
      • 反复实验之后，我觉得不是手滑，除了颜文字之外的其他表情都会在这样（微博例外，微博是在添加第二个表情的时候会预览）
        胖子2019-04-11 12:55 回复
        • ?为啥我没有，你用的是啥浏览器
          Benny小土豆2019-04-11 12:56
        • http://blog.xn--i8s168f.cn/start-page.html 这个网页是测试评论的表情问题...
          胖子2019-04-11 13:06
        • 这个可能是因为表情图片没完全加载完，我有的时候能触发这个问题
          Benny小土豆2019-04-11 16:26
      • chrome，是评论仅限5楼吗……，不能对最新的评论回复了
        胖子2019-04-11 12:58 回复
        • 那应该没问题啊……评论内嵌最多三层好像
          Benny小土豆2019-04-11 13:00
      • http://blog.xn--i8s168f.cn/start-page.html 就是这个网页，要不然你测试一下？
        胖子2019-04-11 13:01 回复
        • 好像没问题，看下后台里文章的时区吧，如果不是时区的原因，那就晓得了
          Benny小土豆2019-04-11 13:04
  7. 如何修改候选的随机名言警句？
    胖子2019-04-11 11:35 回复
    • 有一个fortune. json
      Benny小土豆2019-04-11 11:41 回复
  8. 分享项不在62行啊，而且在网站点那个分享按钮没反应0.0 是网上找的免费空间，免费二级域名
    因为我是光啊2018-10-22 10:20 回复
    • 看了下，这个说明是很久之前的，现在变成了L164。没反应需要控制台的报错信息
      Benny小土豆2018-10-22 10:52 回复
  9. 头像加载失败，根据土豆你说的：确认下usr/uploads下存在avatarCache这个目录。是否有足够的权限写入？通常来说 www:www/755 或者干脆 777 就可以了。 我的这个uploads是个空文件夹0.0 根本没有avatarCache。 还有就是右下角的kiana酱加载不出QAQ
    提问酱2018-10-03 15:56 回复
    • 新建一个avatarCache目录呀
      Benny小土豆2018-10-03 17:14 回复
      • 新建了！可是还是不行0.0
        提问酱2018-10-03 18:45 回复
        • 确定新建正确位置了吗？权限也对？还有kiana的问题。
          如果确定自己这边都没问题的话，那就提个issue吧，需要F12控制台的错误记录，对应主题目录的权限，访问的url等，能有php日志更好了。
          Benny小土豆2018-10-03 18:52
  10. 网站底部的(´ ・ω・ `)怎么删，还有网站侧边栏的 欢迎主人来到这里 (=￣ω￣=) 怎么关，然后每次打开网站都会弹出一个小小的绿框然后有个x
    Eugene2018-03-19 21:07 回复
      1. 删除footer.php中12行的<span class="shaky">(´・ω・`)</span>
      2. sidebar.php中164行的<aside>标签，也就是164-194行（记得留下来一个</aside>和最开始的配对。
        不过你说的小绿框是什么？
      Benny小土豆2018-03-19 21:34 回复
      • 小绿框应该指的是 ’人们都希望被别人需要 却往往事与愿违’ 这个出现句子的地方
        提问酱2018-10-03 18:47 回复
        • 噗看来是
          Benny小土豆2018-10-03 18:49
  11. 好漂亮的主题~感谢分享~ 话说,可以对这个主题进行修改吗? 例如我不想在页面上显示头像,背景等内容,可以在文件里面把相应部分注释掉吗~
    永远的萌新2017-08-26 19:55 回复
    • 以Apache License发布，允许代码修改和再发布。
      Benny小土豆2017-08-26 20:00 回复
      • 只是个人使用而已,不会再发布的~ 顺便问一下,可以设定主题色吗...翻了一下设置貌似找不到相关的代码...
        永远的萌新2017-08-26 20:21 回复
        • 这是Apache许可证赋予你的权力，我才不管咧～ 主题配色需要你改css，比较麻烦……
          Benny小土豆2017-08-26 20:29
      • 啊....css..听起来就觉得可怕了
        永远的萌新2017-08-26 20:53 回复
        • 嗯 需要改很多地方
          Benny小土豆2017-08-26 21:01
      • 看来我还得继续努力学习才行...
        永远的萌新2017-08-26 23:23 回复
  12. 很棒的主题！?
    EAimTY2017-04-03 12:37 回复
    • 丝毫不懂前端的我！?
      Benny小土豆2017-04-03 12:42 回复