Coder Social home page Coder Social logo

quench's Introduction

WordPress Theme Quench

注意事项

  1. 本主题自带 slimbox 图片灯箱 和 lazyload 图片延迟载功能,使用前请先关闭同类插件,避免冲突。
  2. 适合本主题的多说 CSS 在本说明页面的最下方。
  3. 音乐文章使用的是虾米的链接,可直接使用短代码[xiami]id[/xiami]插入。
  4. 文章中支持的短代码有:attention,bag,bonus,calendar,check,delete,edit,flag,help,information,love,tag,样式基本一致,只是引用的背景图片不同,可参考 \quench\images 目录下的图片。

更多内容可查看主题页面

更新日志

update 2016-08-26

  • 多语言支持

update 2016-07-20

  • 修复标题不能正确换行

update 2016-05-31

  • 添加了侧栏友链模块,并支持网站图标自动获取 (使用了冰翼博客提供的 BYI_API
  • 修复了移动样式下的自适应问题

update 2016-05-28

  • 添加了是否开启 lazyload 图片延迟加载的选项

update 2016-05-26

  • 增加了全局 AJAX 模式下对 Hermit 播放器的支持
  • 升级 jQuery 版本到最新的 1.12.4
  • 将图片延迟加载插件 unveil 更换为 lazyload
  • 修复自动添加空格功能在 AJAX 加载页面后没有自动触发的错误
  • 更换二维码 API ,使用支持 https 的 Liwanglin12的API
  • 修改了说明页面
  • 修改了网站标题下简介的显示动画

update 2016-05-11

  • 支持多说 AJAX
  • 优化背景遮罩,解决闪动 bug

update 2016-05-03

  • 优化 评论框记住用户信息

update 2016-02-20

  • 修复关闭评论仍显示评论框的错误

update 2016-02-20

  • 压缩 CSS/JS 代码
  • 移除 JSON API 支持

update 2016-01-20

  • 更新 Gravatar 源,使用七牛云存储

update 2016-01-11

  • 修复 WordPress 4.4 的评论分页的错误

update 2015-10-16

  • 优化网页背景显示效果
  • 修改 AJAX 加载动画

update 2015-06-29

  • 添加 WordPress 4.2 支持
  • 移除了头像缓存功能

update 2014-12-22

  • 修复虾米音乐链接错误的 Bug
  • 后台添加“使用同一侧边栏”功能

update 2014-10-04

  • 添加多语言支持

update 2014-08-11

  • 修复分页显示不正确的 Bug

update 2014-08-06

  • 添加短代码

update 2014-07-30

  • 调整字体
  • 修复全站 AJAX 时的跳转错误

主要功能及特点

  1. 响应式设计,PC、平板、手机等均可正常浏览
  2. 内置多种小工具,最新/随机/热门文章、最新评论、活跃读者、标签云、日历等等
  3. 内置图片灯箱
  4. 内置图片延迟加载,可加快多图页面的加载速度
  5. 内置头像缓存
  6. 内置Ajax评论提交,可基本解决垃圾评论问题
  7. 内置Ajax评论翻页
  8. 全站Ajax功能,可开启/关闭
  9. 汉字与拉丁字符间自动添加空白间隙,优化排版
  10. 5 种文章格式
  11. 顶部公告栏
  12. 侧边栏滚动,可自由设置
  13. 支持3种侧边栏
  14. 内置文章存档、标签云和网站地图3种页面模板
  15. 文章二维码
  16. 文章喜欢功能
  17. Gravatar 头像加速(七牛代理)

友情链接使用指南

  1. 先打开后台,在左侧的“链接”选项中点击“链接分类目录”,添加一个链接分类,保存
  2. 添加新链接,请注意在添加时勾选刚刚添加的分类
  3. 点击“外观”选项中的“小工具”设置,添加“友情链接”侧栏模块,模块设置中的“分类”即为第一步设置的分类

多说样式优化

请打开多说的个性化设置页面,在自定义CSS的选项中加入以下代码:

#ds-thread {
  background: #ffffff;
  padding: 20px 26px;
  margin-bottom:2rem;
}
#ds-thread:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #FFF #47c2dc #FFF #FFF;
    background: none repeat scroll 0 0 #658e15;
    box-shadow: 0 1px 1px rgba(0,0,0,0.08),-1px 1px 1px rgba(0,0,0,0.08);
    display: block;
    width: 0;
}

如果需要隐藏不和谐的 Like 按钮,可以再添加以下代码:

.ds-meta {
  display:none;
}

完成后效果如图(已隐藏 Like 按钮,部分文字已自定义) enter image description here

Thanks to @fly3949, @h2y.

quench's People

Contributors

mastermay avatar fly3949 avatar h2y avatar

Watchers

 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.