Ghost 博客归档踩坑说明

首先感谢小蘿蔔丁 提供的主题 Kaldorei 。本主题绿的很有新意,很有韵味,很有感觉。俗话说:要想生活过得去,生活总得有点绿。我的绿色环保无污染全靠博客衬托了。

直接主题:坑

坑的主要来源就是<归档>功能

主题中介绍归档功能是要开放public Api功能,还有创建新Posts时,可选择隐藏该博客,命名为archives,然后配置好,重启Ghost就可以。

经过我的多次,多天,多尝试,网上介绍归档的方式100% 都失败了。

最后结果

通过猜测,应该是版本造成的,所以查询官网版本更新信息,发现在2.11版本之后 实验室的public Api 转正了变成了可正常使用的content Api,默认就好使。

归档页面设置可以通过routes.yaml 直接自己设一个模板使用,只要调用接口获取归档信息就行,下面这种的。至于归档的模板找一个就好了。

routes:
    /archives/:
       template: archives
collections:
  /:
    permalink: /{slug}/
    template: index
taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

我的归档模板,名字:archives.hbs ,路径:当前主题的根目录下

代码如下:


{{!< default}}

<header class="main-header">
    <nav class="container main-nav clearfix">
        <div class="main-nav__brand">
            <a class="blog-title" href="{{@blog.url}}">{{@blog.title}}</a>
        </div>
        {{#if @blog.navigation}}
            {{navigation}}
        {{/if}}
    </nav>
</header>

<main id="container" class="container" role="main">
    <div id="content" class="content col-sm-12 col-md-12 col-lg-12">
        <article class="archives">
            <section class="archives-content">
                <span class="archives-top"></span>
                <span class="archives-total">
                    {{! count posts }}
                    {{#get "posts" as |posts postPages|}}
                        {{! Use our pages (pagination) object }}
                        <strong>
                            {{plural postPages.total empty=(t "No posts") singular=(t "A collection of 1 post") plural=(t "A collection of % posts")}}
                        </strong>
                    {{/get}}
                </span>
                {{#get "posts" limit="all" order="published_at desc"}}
                    {{#foreach posts}}
                    <div class="archives-item" date="{{date format="YYYY"}}" data-anijs="if: scroll, on: window, do: fadeInDown animated, before: scrollReveal">
                        <div class="archives-info">
                            <div class="archives-info-meta">
                                <i class="fa fa-calendar fa-fw" aria-hidden="true"></i>
                                <time class="archives-date" datetime="{{date published_at format="MM-DD"}}">{{date published_at format="MM-DD"}}</time>
                                <a href="{{url}}">{{title}}</a>
                            </div>
                        </div>
                    </div>
                    {{/foreach}}
                {{/get}}
            </section>
        </article>
    <div>
</main>
小捐怡情,大捐感激,点下广告也是极好的