Giter Club home page Giter Club logo

greengrapes2's Introduction

GreenGrapes2

一款有科技感颗粒、自定义头像的、功能丰富的、好看的标签云的typecho绿色主题 修改自https://github.com/hongweipeng/GreenGrapes

请注意,由于个人原因,此款主题可能不会再积极更新;如果有更多需求,请提交issue

使用方法

  1. 下载Typecho主题,得到一个文件夹
  2. 重命名整个文件夹为GreenGrapes2并上传至usr/themes/目录下
  3. 登陆自己的博客后台,在“控制台”的下拉菜单中选择“外观”选项进入已安装主题列表
  4. 在相应的主题点击“启用”即可使用

注意:在主题目录下请注意一个权限足够的名为avatarCache的目录,用来存放头像缓存。 所谓权限足够就是PHP有足够的权限写入文件,一般也就是www:www/755或者干脆777

增加的功能与特色

  • 增加了分享功能(插件来自于river
  • 自定义页脚:去除页面最下方的备案信息,改成动态的颜文字、页脚加载耗时、页脚运行时间
  • 增加meta theme color使Chrome变色
  • 增加侧边后台管理、侧边分类,可以添加一个自定义侧边
  • 增加编辑按钮、字数统计、最后更新时间、页面和文章访问量统计
  • 增加文章数量统计
  • 增加评论框特效(可以在主题中设置是否启用)
  • 增加网站运行时间
  • 评论头像QQ邮箱和Gravatar同时启用:优先QQ头像,然后是Gravatar,如果没有gravatar,那么就显示随机的头像。已经启用了头像缓存策略,所以基本上不会对网站速度有太大影响
  • 主题增加设置缓存时间、设置建站日期
  • 随机缩略图(分辨率为300*169):如果文中包含图片的话,将会显示第一张图片作为背景;否则随机选择。请注意:只有在Typecho中添加的图片才会显示,如果是插入的外部图片,将被视为没有图片。
  • 增加了404页面的动画选择
  • 增加页面加载动画
  • 新文章使用new标签(魔术棒或者new图片)
  • 评论区可以设置显示UA、不显示UA、显示带图UA、为博主显示UA和图片。默认为为博主显示UA和图片
  • 可选隐藏侧边博主回复
  • 增加面包屑导航功能
  • 两种新的markdown语法支持:拼音、高亮:不知为何在某些环境版本上的Typecho,默认markdown引擎对于~~删除线~~的渲染会失败,所以主题暂时不开启渲染删除线而使用自带的引擎渲染。
  • 站点统计功能,可以从百度统计等出粘贴代码,当然,不要粘贴进去自己想说的话,那样页面顶端会出现一些奇怪的东西。
  • 三个杂项功能:平滑滚动效果、链接以新标签页形式打开、引用 Pangu.js 实现中英文间自动添加空格
  • 页脚社交网络、自定义版权信息
  • 主题增加自带表情(可以与similies共存)
  • 增加灯箱支持(使用的是功能更强大更简洁的slimbox2)
  • 主题内嵌支持友情链接并可选显示友链的favicon:使用A标签添加即可,如果Links插件存在那此项则无效。注意,如果切换到其他主题,将会导致此项设置丢失,请谨慎选择。
  • 侧边文章存档
  • 添加网易云音乐的支持,只需要在文章页面使用{{音乐id}}即可,默认不自动播放。
  • 集成notice(来路判断)插件
  • 集成kiana插件:移动版默认不加载(二级目录需要手动修改bga.min.js为正确的路径)
  • 集成snow插件(移动版和文章内容包含视频的时候将会默认禁用,可以手动禁用(根据cookies,30天默认))
  • 集成代码高亮SyntaxHighlighter插件,使用方法,使用PHP、Bash、Python、CPP等指定渲染模式,如不填写则使用plain text模式渲染高亮。
  • 可以开启访客天气预报:根据访客IP获取,缓存时间内第一次运行性能上会增加100ms-800ms不等的PHP运行时间。
  • 支持动态格言
  • 增加打赏功能
  • 支持回复可见功能
  • HTML代码压缩功能
  • 复制版权提示
  • 添加目录(根据二级标题生成0
  • 显示评论者地理位置(精确到城市)
  • 主题7种配色
  • 自定义鼠标指针

To do

  • 点赞:暂时不打算添加(技术问题)
  • 集成各种插件:目前已经集成或实现kiana、notice、Links、similies、Snow灯箱、SyntaxHighlighter
  • 404页面的加载动图问题:已修复
  • 优化天气预报性能:使用cookies
  • 评论区代码高亮无视语言指令,总是渲染成plain模式
  • 显示地理位置:需要设置下面的认证用户用户名
  • 显示地理位置:优化主题文件大小(数据库,在线 Or 本地)
  • 更新时区问题:这是为啥呢?

FAQ

  1. 文章底部版权信息的范例 如下,这里支持全部HTML语法,尽管如此,但是在这里加JS可能不太好,JS请加到上面的站点统计上。
文章版权归 <a href='{{homepage}}'>{{name}}</a> 所有,
本站默认采用 <a class="alert-link" target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY-NC-SA 4.0</a>授权,
转载必须包含本声明,并以超链接形式注明原作者和本文原始地址:
<a href='{{link}}'>《{{title}}》</a>
  1. 有的时候设置不生效是咋回事? 由于Typecho的一些限制,需要先切换到其他主题,然后再切换回本主题。注意,这样操作将会导致你丢失全部自定义配置

  2. 如何恢复初始配置? 如上,切换到其他主题、再切换回来即可。

  3. 主题自动更新检查是个啥? 就是会和GitHub上的版本号进行比对,如果是新版本会有提示,仅仅是提示而已

  4. SNS数量太少了/图标不好看 嗯……以后可以考虑可以加上国内的微信、QQ什么的吧;图标来自fontawesone,那里没有的我基本上也就不会加了。

  5. OwO表情插入之后不显示啊,已经允许img标签了 这个问题曾经让我一度头疼,在我本地Apache+PHP+MySQL的环境下,Typecho 1.0 (14.10.10)没有出现这个问题,但是在服务器上Nginx+PHP+MySQL就出现了这个问题。我的解决方法是升级到Typecho开发版1.1 (17.4.24)(2017年5月25日)或者重装Typecho,可能由于某些原因你修改了Typecho的代码、或者是稳定版中存在的bug导致这个问题。

  6. 评论如何设置允许markdown语法? 设置-评论-在评论中使用markdown语法,允许使用的内容和标签,如下内容即可: <blockquote><pre><code class=""><strong><em><h3><h4><h5><h6><a href title><table><thead><tr><th><tbody><td><img src="">

  7. 最好的更新方式是什么? 建议git clone本仓库,每次收到更新只要切换到对应的主题目录,运行git pull就会是最新版本了。

  8. 关于CDN表情库 CDN表情倒闭啦。如果有想继续使用CDN表情的,请创建自己的CDN然后修改OwO.CDN.json中的文件路径,表情下载可以戳这里; 如果已经使用、不幸导致表情不显示的,请到数据库中执行以下REPLACE,大概语法如下: update set bk_comments text=REPLACE(text,'okwbu9s8e.qnssl.com/tb01.jpg,'your.domain/usr/themes/GreenGrapes2/img/similies/type') 挺复杂的。

  9. 博主认证 需要在地理位置下面输入你的用户名,更准确的说screenName,就是显示在各种地方的那个大家能看到的名字,默认情况下和登录名是一样的,但是有些人可能登录的时候是“Benny”,显示的名字是“小土豆”,在这种情况下这里就要填入“小土豆”。

  10. 更新一篇博文之后,主页看不到,链接点进去也是404 我在本地重现了这个问题,服务器上没能重现;自带的主题没有这个问题,此主题重现。 反正就是由于某种神奇的、诡异的原因,Typecho使用的时区不对。 所以当你点进编辑的时候,博文的发布时间可能会变成未来的某个时间,比如说对于我设置的东八区,那么可能就会是8小时之后。 所以自然就是无法显示了。 所以解决方案是到php.ini中设置一行date.timezone ="asia/shanghai",没错服务器上有这一句,本地没有……

演示

奔跑的蜗牛壳

问题及建议

提交issue

许可证

已与原作者沟通确认使用 Apache License 2.0,感谢原作者 的设计!

greengrapes2's People

Contributors

bennythink avatar

Watchers

James Cloos avatar Leonn avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.