Coder Social home page Coder Social logo

xiaoluoboding / ghost-theme-kaldorei Goto Github PK

View Code? Open in Web Editor NEW
291.0 291.0 74.0 3.05 MB

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

Home Page: http://blog.xlbd.me

License: MIT License

CSS 83.36% JavaScript 6.43% Handlebars 10.21%
elegant ghost ghost-blog-theme ghost-theme kaldorei simple theme

ghost-theme-kaldorei's Introduction

𝙃𝙚𝙡𝙡𝙤, 𝙄'𝙢 𝙍𝙤𝙗𝙚𝙧𝙩 𝙎𝙝𝙖𝙬

𝑰 ❤️ 𝑭𝒓𝒐𝒏𝒕-𝒆𝒏𝒅 𝑫𝒆𝒗𝒆𝒍𝒐𝒑𝒎𝒆𝒏𝒕!

💻 𝑨 𝒘𝒆𝒃 𝒅𝒆𝒗 𝒆𝒏𝒕𝒉𝒖𝒔𝒊𝒂𝒔𝒕 𝒘𝒊𝒕𝒉 𝒂 𝒑𝒂𝒔𝒔𝒊𝒐𝒏 𝒇𝒐𝒓 𝑽𝒖𝒆.𝒋𝒔.

🖖 𝙑𝙪𝙚.𝙟𝙨 𝙛𝙖𝙣𝙖𝙩𝙞𝙘𝙨 | 🍎 𝙎𝙬𝙞𝙛𝙩 𝙡𝙚𝙖𝙧𝙣𝙚𝙧 | ☕️ 𝘾𝙤𝙛𝙛𝙚𝙚 𝙡𝙤𝙫𝙚𝙧 | 🌵 𝘼𝙜𝙖𝙫𝙚 𝙣𝙖𝙣𝙣𝙮

💡 𝑷𝒂𝒔𝒔𝒊𝒐𝒏𝒂𝒕𝒆 𝒂𝒃𝒐𝒖𝒕 𝒃𝒓𝒊𝒏𝒈𝒊𝒏𝒈 𝒊𝒅𝒆𝒂𝒔 𝒕𝒐 𝒍𝒊𝒇𝒆. 𝑬𝒙𝒑𝒍𝒐𝒓𝒆 𝒂𝒍𝒍 𝒐𝒇 𝒎𝒚 𝒑𝒓𝒐𝒋𝒆𝒄𝒕𝒔.

𝗖𝘂𝗿𝗿𝗲𝗻𝘁𝗹𝘆 𝘄𝗼𝗿𝗸𝗶𝗻𝗴 𝗼𝗻

Auth UI Vue vue-command-palette vue-sonner

𝗠𝘆 𝗧𝗲𝗰𝗸 𝗦𝘁𝗮𝗰𝗸

HTML5 CSS3 JavaScript TypeScript Vue.js Nuxt React.js Next.js

Less Sass Stylus TailwindCSS UnoCSS WindiCSS

Webpack Rollup Vite ESlint Prettier Git GitLab VS Code

Netlify Vercel Railway Render

𝗦𝘁𝗮𝘁𝘀

xiaoluoboding's github stats

ghost-theme-kaldorei's People

Contributors

xiaoluoboding avatar zhouyq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ghost-theme-kaldorei's Issues

代码块行号

代码块行号在原来的版本中是显示的,新版不显示了吗?请问要如何修改到原来的样式.. 尝试更改了失败了..

主题样式有错乱

侧边栏, 三个统计API, 给30太大了,会撑破换行

.site-stat-item {
    display: inline-block;
    padding: 0px 28px;
    border-left: 1px solid #EBF2F6;
}

头像路径

想要使用自己定义的头像,怎么设置呢?在哪里修改路径?

Fail to use fancybox 3

I tried to upgrade fancybox from version 2 now in the theme to 3.2.1, I replaced the fancybox js and css in /assets/plugins/ and upgraded the jquery version to 3. I also changed the js and css resources in dafault.hbs but I found that the fancy box plugin didn't work when I used it in the form <a data-fancybox="gallery" href="big_1.jpg"><img src="small_1.jpg"></a>.
I tried it in the same way and it successfully worked in casper 2.0.5.

Could you please tell me how to use fancybox 3, thanks.
http://fancyapps.com/fancybox/3/

sidebar的tag cloud无内容

dev好~

用的ghost3,怎样在tag cloud里显示存在的tag列表?

看了一下您的blog是有的··需要hardcode吗?

谢谢

TOC :active link effect not working

Hi there, first of all great work with the theme. I have been using it as a base to adapt the default casper theme with many of the functionalities of your theme.

I can't seem to be able to get the toc item contents :active effect on scroll. Can you redirect me to the correct part of the code I can look at? Im not too familiar with jQuery just pure javascript.

显示自定义 favicon.ico

default.hbs 文件中 <link rel="shortcut icon" href="{{asset "favicon.ico"}}"
改为 <link rel="shortcut icon" href="{{asset "/favicon.ico"}}">
即可加载 \assets\favicon.ico 下的自定义 icon

Writer image not show after post.

In previous version of the theme there will be a writer image after post content like this:

image

However in the 1.0 version,the writer image only exist in static page. It seems that the following code doesn't work.

{{#author}}
{{#if profile_image}}
<figure class="author-image">
    <a class="img" href="{{url}}" style="background-image: url({{img_url profile_image}})"><span class="hidden">{{name}}'s Picture</span></a>
</figure>
{{/if}}
{{/author}}

Ghost version 1.8, theme version 1.0

IN normal page:
image

IN static page:
image

圖片點擊放大功能

我是kaldorei的fans,用了很久了。近期需要上傳一些大圖片,但是在頁面中顯示的不清楚。希望能加個點擊圖片放大的功能。另外希望留個微信打賞的二維碼。tank

Support Ghost 1.0

Ghost has released newest stable version 1.0.2 recently . I tested this theme using gscan and it shows that there's something to fix. Maybe it's a good idea to fix it.

20170731_100806

剥离社交账号信息

应当允许用户在控制面板修改社交账号信息,留空则不展示相应社交平台

无法显示中文

设置里面更改的语言选项为zh
重启了Ghost,刷新页面无效
image
image
还是显示为英文
image
主题已更改
image
Ghost版本为最新的2.23

Plan to do

  • 主题基调定为小清新绿色
  • 文章样式色调为墨蓝色,参考 [马克飞象]
  • 返回顶部
  • 代码高亮
  • 侧边栏 - 标签云
  • 侧边栏 - 文章目录
  • 侧边栏 - 站点信息
  • 侧边栏 - 作者信息
  • 文章栏 - 作者信息
  • 首页加载文章动画
  • 响应式设计
  • 归档功能
  • 图片暗箱效果
  • 全局搜索

Errors occurs when TOC contains special chars

it occurs errors when TOC contains special chars. jQuery selector treats selector string which contains special chars (*, -, ^, ?, etc) as invalid syntax. When it comes to rich text headings like some SQL select * from user VS select * from "user", the TOC anchor jumping will fail.

This is my solution for the issue.

var target = $(this).attr('href');

change to below

  var target = document.getElementById($(this).attr('href').split('#')[1]);

If anyone have a better solution, pls update it.

wx20170918-160632 2x

kaldorei发布文章的时间展示汉化

作者您好,非常感谢您能将这么好的主题开源出来。我在使用时看到http://xlbd.me/kaldorei/ 里面说:

About ghost helpers
kaldorei 用两种方法实现了标签云,方法参见我的博客。
kaldorei 优化了发布文章的时间展示,并汉化为中文,需要修改时间(date)助手,方法参见我的博客。

但是我在您的博客中并没有找到相应方法,能详细一点儿吗?谢谢

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.