index.html

---
layout: default
home-title: kjBot Dev Blog
description: A Light, Customizable CoolQ Bot Framework
---

{% include header.html %}

<style>
    .sns-links-1 {
    margin-top: 14px;
    cursor: default;
    display: flex;
    justify-content: center;
}
.custom-li {
    padding-left: 5px;
}
</style>

<div class="g-banner home-banner {{ site.theme-color | prepend: 'banner-theme-' }}" data-theme="{{ site.theme-color }}"
    style="{% if page.header-img %}background: url({{ page.header-img | prepend: site.baseurl }}) no-repeat center center; background-size: cover;{% endif %}">
    <h2>{{ page.home-title }}</h2>
    <h3>{{ page.description }}</h3>
</div>

<main class="g-container home-content">
    <div class="article-list">
        {% for post in paginator.posts %}
        <article class="article-item">
            {% if post.cover %}
            <div class="post-cover">
                <a class="post-link" href="{{ post.url | prepend: site.baseurl }}" title="{{ post.title }}"></a>
                <img src="{{ post.cover }}" href="{{ post.url | prepend: site.baseurl }}" alt="">
            </div>
            {% endif %}
            <section class="post-preview">
                <a class="post-link" href="{{ post.url | prepend: site.baseurl }}" title="{{ post.title }}"></a>
                <h2 class="post-title">{{ post.title }}</h2>
                {% if post.subtitle %}
                <h3 class="post-subtitle">{{ post.subtitle }}</h3>
                {% endif %}
                {% if post.subtitle.size==0 or post.subtitle==nil %}
                <p class="post-excerpt">{{ post.excerpt | strip_html | strip_newlines | truncate: 126}}</p>
                {% endif %}
            </section>
            <footer class="post-meta">
                <div class="post-tags">
                    {% if post.tags.size > 0 %}
                    {% for tag in post.tags %}
                    <a href={{ "tags.html#" | append: tag | pretend: site.baseurl}} class="post-tag">{{ tag }}</a>
                    {% endfor %}
                    {% endif %}
                </div>
                <time class="post-date" datetime="{{ post.date | date:"%y-%m-%d" }}">{{ post.date | date_to_string }}</time>
            </footer>
        </article>
        {% endfor %}

        {% if paginator.total_pages > 1 %}
        {% include pageNav.html %}
        {% endif %}

    </div>

    <aside class="g-sidebar-wrapper">
        <div class="g-sidebar">
            <section class="author-card">
                <a href="/about.html">
                    <div class="avatar">
                        <img src="{{ site.avatar | prepend: site.baseurl }}" alt="">
                    </div>
                    <div class="author-name" rel="author">{{ site.author }}</div>
                    <div class="bio">
                        <p>{{ site.bio }}</p>
                </a>
        </div>
        <!--<a href="/about.html">
                <div class="avatar">
   
        <img src="/assets/img/avatar.jpg" alt="">
                </div>
                <div class="author-name" rel="author">kjBot Devs</div>
                <div class="bio">
                    <p>Full with love of development.</p>
                </div>
                </a>-->

        {% if site.sns.size > 0 %}
        <ul id="sns-links" class="sns-links-1">
            <!-- Use FontAwesome -->
            <!-- {% for s in site.sns %}
                    <li>
                        <a href="{{ s[1] }}" target="_blank">
                            <i class="iconfont icon-{{ s[0] }}"></i>
                        </a>
                    </li>
                    {% endfor %} -->
            <li class="custom-li">
                <a href="https://github.com/kjBot-Dev">
                    <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fab fa-github fa-stack-1x fa-inverse"></i>
                    </span>
                </a>
            </li>
            <li class="custom-li">
                <a href="https://jq.qq.com/?_wv=1027&k=5S9oYcC">
                    <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fab fa-qq fa-stack-1x fa-inverse"></i>
                    </span>
                </a>
            </li>
        </ul>
        {% endif %}
        </section>

        {% if site.recommend-tags and site.tags.size>0 %}
        <section class="tags-card">
            {% for tag in site.tags %}
            {% if forloop.index > site.recommend-condition-size %}
            {% break %}
            {% endif %}
            <a href="{{ "tags.html#" | append: tag[0] | prepend: site.baseurl }}" class="tag">{{ tag[0]}}</a>
            {% endfor %}
        </section>
        {% endif %}
        </div>

        {% if site.search %}
        <div class="search-card">
            <input id="search_input" type="text" placeholder="Search..." autocomplete="off">
            <i class="iconfont icon-search"></i>
            <div class="search_result"></div>
        </div>
        {% endif %}

    </aside>

</main>

{% include footer.html %}