登录
  • 人们都希望被别人需要 却往往事与愿违
  • 民主并非只是选举投票，它是生活方式，是思维方式，是你每天呼吸的空气、举手投足的修养，个人回转的空间 @龙应台 (台湾作家)
> 编程 > 一款功能丰富的、好看的、性能优秀的 typecho 绿色主题：GreenGrapes2

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

编程 Benny 小土豆 15866 次浏览 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 找 
      1. 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 回复
您直接访问了本站! 莫非您记住了我的域名. 厉害~ 我倍感荣幸啊 嘿嘿