Git Product home page Git Product logo

ghost-theme-kaldorei's Introduction

Kaldorei

A Simple And Elegant Ghost Theme Derive From Default Theme Casper

Preview

img

Plan to do

  • 主题基调定为小清新绿色

  • 文章样式色调为墨蓝色,参考 [马克飞象]

  • 返回顶部

  • 代码高亮

  • 侧边栏 - 标签云

  • 侧边栏 - 文章目录

  • 侧边栏 - 站点信息

  • 侧边栏 - 作者信息

  • 文章栏 - 作者信息

  • 首页加载文章动画

  • 响应式设计

  • 归档功能

  • 图片暗箱效果

  • 全局搜索

  • 延迟加载

  • 推荐文章置顶

How to use

统计

Kaldorei使用了ghost的api来做统计,所以需要开启ghost的实验室中的Public API功能。

方法:ghost后台 > labs > Enable Beta Features > 勾选 Public API

图片幻灯片

Kaldorei集成了fancyBox,支持图片暗箱效果、幻灯片轮播、全屏预览、缩略图预览等功能。预览&使用方法图片预览

开启Disqus

Kaldorei支持Disqus讨论插件,只需在后台代码注入处添加一段代码。

方法:ghost后台 > Code Injection > Blog Header

<script>
    var disqus_shortname = 'your_disqus_shortname';
</script>

开启归档功能

Kaldorei提供了简单的归档功能,使用ghost的api来生成归档,预览博客归档

方法:ghost后台:

  • New Post > 标题输入Archives,这时文章的地址默认为archives-post;
  • Post Settings > 勾选Turn this post into a static page,然后Publish;
  • Navigation > 创建一个归档导航,地址为:http://your_blog_url/archives-post;
  • 去博客首页看看你的归档吧,Have fun.

About ghost helpers

Kaldorei用两种方法实现了标签云,方法参见我的博客

Kaldorei优化了发布文章的时间展示,并汉化为中文,需要修改时间(date)助手,方法参见我的博客

Credit

ghost-theme-kaldorei's People

Contributors

xiaoluoboding avatar zhouyq avatar

Watchers

 avatar  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.