index.html

---
layout: default
---

<div class="page clearfix" index>
    <div class="left">
        <h1>frankdevhub.site</h1>
        <small>frankdevhub@gmail.com （房宸晟）| 这世界上有三种人：羊，狼和牧羊犬。你自己选择。</small>

        <!--        <div class="demo" style="margin-top:4px">-->
        <!--            <a href="/Documents/Code-Laboratory-Documents">-->
        <!--                <button class="rkmd-btn btn-lightBlue">-->
        <!--                    <i class="fa fa-github fa-2x" aria-hidden="true"></i>-->
        <!--                    Source Documents-->
        <!--                </button>-->
        <!--            </a>-->
        <!--        </div>-->
        <hr>
        <ul>
            <!-- sticky posts -->
            {% if page.url == '/' %}
            {% for post in site.categories.Sticky %}
            <li>
                <h2>
                    <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
                </h2>
                <div class="label">
                    <div class="label-card">
                        <i class="fa fa-calendar"></i>{{ post.date | date: "%F" }}
                    </div>
                    <div class="label-card">
                        {% if post.author %}<i class="fa fa-user"></i>{{ post.author }}
                        {% endif %}
                    </div>
                    <div class="label-card">
                        {% if page.meta %}<i class="fa fa-key"></i>{{ page.meta }} {% endif %}
                    </div>

                    <div class="label-card">
                        {% include category.html %}
                    </div>

                    <div class="label-card">
                        {% include tag.html %}
                    </div>
                </div>
                <div class="excerpt">
                    {{post.excerpt}}
                </div>
                <div class="read-all">
                    <a href="{{ post.url | prepend: site.baseurl }}"><i class="fa fa-newspaper-o"></i>Read All</a>
                </div>
                <hr>
            </li>
            {% endfor %}
            {% endif %}

            <!-- regular posts -->
            {% for post in paginator.posts %}
            {% assign sticky = false %}
            {% for cat in post.categories %}
            {% if cat == 'Sticky' %}
            {% assign sticky = true %}
            {% break %}
            {% endif %}
            {% endfor %}
            {% if sticky != true %}
            <li>
                <h2>
                    <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
                </h2>
                <div class="label">
                    <div class="label-card">
                        <i class="fa fa-calendar"></i>{{ post.date | date: "%F" }}
                    </div>
                    <div class="label-card">
                        {% if post.author %}<i class="fa fa-user"></i>{{ post.author }}
                        {% endif %}
                    </div>
                    <div class="label-card">
                        {% if page.meta %}<i class="fa fa-key"></i>{{ page.meta }} {% endif %}
                    </div>

                    <div class="label-card">
                        {% include category.html %}
                    </div>

                    <div class="label-card">
                        {% include tag.html %}
                    </div>
                </div>
                <div class="excerpt">
                    {{post.excerpt}}
                </div>
                <div class="read-all">
                    <a href="{{ post.url | prepend: site.baseurl }}"><i class="fa fa-newspaper-o"></i>Read All</a>
                </div>
                <hr>
            </li>
            {% endif %}
            {% endfor %}
        </ul>


        <!-- Pagination links -->
        <div class="pagination">
            {% if paginator.previous_page %}
            <a href="/index.html" class="previous"><i class="fa fa-angle-double-left"></i></a>
            <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="previous"><i
                    class="fa fa-angle-left"></i></a>
            {% else %}
            <span class="previous disable"><i class="fa fa-angle-double-left"></i></span>
            <span class="previous disable"><i class="fa fa-angle-left"></i></span>
            {% endif %}
            <span class="page_number ">{{ paginator.page }}/{{ paginator.total_pages }}</span>
            {% if paginator.next_page %}
            <a href="{{ paginator.next_page_path }}" class="next"><i class="fa fa-angle-right"></i></a>
            <a href="{{ site.baseurl }}/page{{ paginator.total_pages }}" class="next"><i
                    class="fa fa-angle-double-right"></i></a>
            {% else %}
            <span class="next disable"><i class="fa fa-angle-right"></i></span>
            <span class="next disable"><i class="fa fa-angle-double-right"></i></span>
            {% endif %}
        </div>
    </div>
    <!-- <button class="anchor"><i class="fa fa-anchor"></i></button> -->
    <div class="right">
        <div class="wrap">
            <!-- Search start -->
            <div id="search-container" class="side">
                <div>
                    <i class="fa fa-search" aria-hidden="true"></i>
                    <input type="text" style="display:table-cell;" id="search-input" placeholder="search...">
                </div>
                <ul id="results-container" class="content-ul"></ul>
            </div>

            <script>
			SimpleJekyllSearch({
				searchInput: document.getElementById('search-input'),
				resultsContainer: document.getElementById('results-container'),
				json: '/search.json',
				searchResultTemplate: '<li><a  style="font-size:x-small" href="{url}" title="{title}">{title}</a></li>',
				noResultsText: '没有搜索到关联文章',
				limit: 20, 
				fuzzy: false 
			})



            </script>
            <!-- Search end -->

            <!-- Flag Counter start -->
            <div class="side">
                <div>
                    <i class="fa fa-globe" aria-hidden="true"></i>
                    Flag Counter
                </div>
                <ul class="content-ul" recent>
                    <div>
                        <a href="https://info.flagcounter.com/AECJ">
                            <img src="https://s01.flagcounter.com/count2/AECJ/bg_E3E3E3/txt_000000/border_CCCCCC/columns_2/maxflags_20/viewers_0/labels_1/pageviews_1/flags_0/percent_0/"
                                 alt="Flag Counter" border="0"
                                 style="width:100%; height:95%; margin-top: 3%; align:center; margin-left: -5%;">
                        </a>
                    </div>
                </ul>
            </div>

            <!-- Recent Posts -->
            <div class="side">
                <div>
                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                    Recent Posts
                </div>
                <ul class="content-ul" recent>
                    {% for post in site.posts offset: 0 limit: 10 %}
                    <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>

            <!-- Content -->

            <!-- frandkevhub add start filter life categories -->
            {% assign categories = "Life," %}
            {% for post in site.posts %}
            {% assign cat = post.categories[0] %}
            {% unless categories contains cat %}
            {% if post.next %}
            {% capture categories %}{{ categories | append: ","| append: cat }}{% endcapture %}
            {% else %}
            {% capture categories %}{{ categories | append: cat }}{% endcapture %}
            {% endif %}
            {% endunless %}
            {% endfor %}

            {% assign filteredCategories = {{categories | split: "," }} %}

            <div class="side ">
                <div>
                    <i class="fa fa-th-list"></i>
                    Categories
                </div>
                <ul class="content-ul" cate>
                    {% for category in site.categories %}
                    {% capture cat % %}{{ category | first }}{% endcapture %}
                    {% if filteredCategories contains cat %}
                    <li>
                        <a href="{{ root_url }}/{{ site.category_dir }}#{{ category | first }}"
                           class="categories-list-item" cate="{{ category | first }}">
                            <span class="name">
                                {{ category | first }}
                            </span>
                            <span class="badge">{{ category | last | size }}</span>
                        </a>
                    </li>
                    {% endif %}
                    {% endfor %}
                </ul>
            </div>

            <!-- frankdevhub add end -->

            <div class="side">
                <div>
                    <i class="fa fa-tags"></i>
                    Tags
                </div>
                <div class="tags-cloud">
                    {% assign first = site.tags.first %}
                    {% assign max = first[1].size %}
                    {% assign min = max %}
                    {% for tag in site.tags offset:1 %}
                    {% if tag[1].size > max %}
                    {% assign max = tag[1].size %}
                    {% elsif tag[1].size < min %}
                    {% assign min = tag[1].size %}
                    {% endif %}
                    {% endfor %}

                    {% if max == min %}
                    {% assign diff = 1 %}
                    {% else %}
                    {% assign diff = max | minus: min %}
                    {% endif %}

                    {% for tag in site.tags %}
                    {% assign temp = tag[1].size | minus: min | times: 36 | divided_by: diff %}
                    {% assign base = temp | divided_by: 4 %}
                    {% assign remain = temp | modulo: 4 %}
                    {% if remain == 0 %}
                    {% assign size = base | plus: 9 %}
                    {% elsif remain == 1 or remain == 2 %}
                    {% assign size = base | plus: 9 | append: '.5' %}
                    {% else %}
                    {% assign size = base | plus: 10 %}
                    {% endif %}
                    {% if remain == 0 or remain == 1 %}
                    {% assign color = 9 | minus: base %}
                    {% else %}
                    {% assign color = 8 | minus: base %}
                    {% endif %}
                    <a href="{{ root_url }}/{{ site.tag_dir }}#{{ tag[0] }}"
                       style="font-size: {{ size }}pt; color: #{{ color }}{{ color }}{{ color }};">{{ tag[0] }}</a>
                    {% endfor %}
                </div>
            </div>

            <!-- <div class="side">
                <div>
                    <i class="fa fa-external-link"></i>
                    Links
                </div>
                <ul  class="content-ul">

                </ul>
            </div> -->
        </div>
    </div>
</div>
<!-- <script src="{{ "/js/scroll.min.js " | prepend: site.baseurl }}" charset="utf-8"></script> -->
<!-- <script src="{{ "/js/pageContent.js " | prepend: site.baseurl }}" charset="utf-8"></script> -->