0

ghost-theme-kaldorei

🎨 A Simple And Elegant Ghost Theme Derive From Default Theme Casper

官方网站
Github 资源库
主要指标

Github星跟踪图

Kaldorei

A Simple And Elegant Ghost Theme Derive From Default Theme Casper.

Ghost 3.x
Kaldorei 3.0.0

English, 简体中文

Preview

img

Features

  • Blog main theme is set to be fresh green

  • The post's font color is ink blue

  • Back To Top

  • Code Highlight

  • Side Bar

    • Tag Cloud

    • Table of Content

    • Site Info

    • Author Info

  • Post Page

    • Author Info

  • Loading Posts Animation

  • Responsive Design

  • Archives

  • Image LightBox

  • Blog Global Search

  • Color & Fonts

  • Dark mode

Config Reference

🌐 Language ^2.x

Ghost2.x version supports set the language of your site, Kaldorei also supports Chinese/English switching, the default value is en.

Configure：ghost admin > General > Publication Language Enter zh

🏷️ Tag Statistics ^2.x

In Ghost2.x version, Kaldorei uses the ghost api for statistics. so you need to enable the Public API function in the Ghost Labs.

Configure：ghost admin > Labs > Enable Beta Features > Checked Public API

🌄 Lightbox ^2.x

Kaldorei integrates fancyBox 3，supports picture lightbox effect, slide show carousel, full screen preview, thumbnail preview and other fancy features. Preview & usage Preview_Usage

💬 Disqus ^2.x

Kaldorei supports Disqus plugins，only need a short code snippet in the ghost admin code injection.

Configure：ghost admin > Code Injection > Blog Header

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

🗂 Archives ^2.x

Kaldorei provides simple archives features, using ghost api to generate site archives. PreviewBlog Archives。

Ghost 3.x Configure：ghost admin

  1. Pages -> New Page -> Enter the title "Archives", At this time, the page url is archives by default.
  2. Design > Create an archive navigation，URL：http://your_blog_url/archives;
  3. Done! Go to your site find your archives page. Have fun.

Ghost 2.x Configure：ghost admin

  1. New Post > Enter the title "Archives", At this time, the page url is archives by default.
  2. Post Settings > Checked Turn this post into a page，Then Publish;
  3. Navigation > Create an archive navigation，URL：http://your_blog_url/archives;
  4. Done! Go to your site find your archives page. Have fun.

🎨 Code Highlighting Theme ^2.x

Kaldorei uses highlight.js to achieve code highlight，the default theme is: monokai-sublime

Configuration：ghost admin > Code Injection > Blog Header

<!-- use solarized-light style -->
<link rel="stylesheet" type="text/css" href="/assets/plugins/highlight-latest/styles/solarized-light.css" />

Fully Themes List

🔢 Show code line number ^3.x

New feature in Version 3.x

Kaldorei supports config the line number of code snippets，show line numbers to the left of each code blocks, it's closed by default，also support dark / light mode

Configuration：ghost admin > Code Injection > Blog Header

<script>
  var hljsSettings = {
    // Optional value: flase / true, default: false
    lineNumber: true,
    // Optional value: dark / light，default: 'dark'
    mode: 'light'
  };
</script>

Not only the line number can be configured, but also the background color of the line number can be customized. The default line number background color is as follows:

<style>
:root {
  --linenumber-dark-bg: #282c34;
  --linenumber-light-bg: #c5d2d9;
}
</style>

🔍 Global Search ^2.x

Search engine supports search by blog title by default，This feature need the ghost version >= 2.10.x。

Configure by two steps：

1、Create Custom Integrations

Configure：ghost admin > Integrations > Add custom integration

img

2、Configure Variables

Configure：ghost admin > Code Injection > Blog Header

// 
<script>
  var searchSettings = {
    key: '__CONTENT__API__KEY__',  // Your custom integration Content API Key
    host: '__API__URL__',  // Your custom integration API URL
  };
</script>

🌈 Custom Color & Fonts ^2.x

Starting from kaldorei v2.1.0 version, users can customize the color and font of your site.

banner_colors

Configure：ghost admin > Code Injection > Blog Header

<style>
:root {
  --primary-color: #4af;
  --primary-light-hover: #4cf;
  --primary-dark-hover: #49f;
}
</style>

Fully replaceable variables

🔖 Bookmark card ^3.x

Starting from Ghost v3.x version, It provides a new bookmark card feature, it can show the page title、excerpt、author、publisher and even a preview image. Like this:

bookmark

Kaldorei supports bookmark card feature in the 3.x version, How to Configure, Checkout official website

Credits

License

MIT © xiaoluoboding

主要指标

概览
名称与所有者xiaoluoboding/ghost-theme-kaldorei
主编程语言CSS
编程语言CSS (语言数: 3)
平台
许可证MIT License
所有者活动
创建于2016-01-27 08:53:18
推送于2023-10-26 05:00:23
最后一次提交2021-05-24 21:41:38
发布数12
最新版本名称v3.0.1 (发布于 )
第一版名称v0.5.0 (发布于 )
用户参与
星数296
关注者数10
派生数74
提交数119
已启用问题?
问题数45
打开的问题数6
拉请求数1
打开的拉请求数1
关闭的拉请求数7
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?