index.html

---
layout:     default
title:      月色的部落格
subtitle:   我们来到这个世界上，只是为了看一看月亮
---
<link rel="stylesheet" type="text/css" href="{{ "/assets/css/homepage.css" | prepend: site.baseurl }}">
<div class="container--grid home-container">
    <ul layout="rows top-left" id="MixItUpF13DC5">
        {% for post in paginator.posts %}
        {% if post.post-card-type == 'article' %}
        <li class="mix" style="display: inline-block;" data-bound="">
            <a href="{{ post.url | prepend: site.baseurl }}">
                <div class="card card--article not-visible">
                    <div class="card-body">
                        <div class="card-title card-title--articleIfNoImage">{{ post.title }}</div>
                        <p class="card-description card-description--clamp-14">“{{ post.subtitle }}”</p>
                        <p class="card-description card-article-preview">
                            {{ post.content | strip_html | strip_newlines | truncate: 350 }}
                        </p>
                        <p></p>
                    </div>
                    <div class="card-footer">
                        <div class="card-footer-wrapper" layout="row bottom-left">
                            <div class="card-type is-notShownIfHover">{{ post.date | date: "%F"}}</div>
                            <div class="card-tag is-notShownIfHover">@{{ site.author }}</div>
                            <div class="card-tag is-shownIfHover">
                                {% for tag in post.tags %}
                                    {{ tag }} &nbsp;&nbsp;
                                {% endfor %}
                            </div>
                            <div class="card-logo is-shownIfHover" self="right"></div>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        {% endif %}
        {% if post.post-card-type == 'image' %}
        <li class="mix">
            <a href="{{ post.url | prepend: site.baseurl }}">
    			<div class="card card--article not-visible" >
    				<div class="card-body">
    					<div class="card-title">{{ post.title }}</div>
    					<div class="card-description card-description--clamp-0">
                            {{ post.content | strip_html | strip_newlines | truncate: 200 }}
                        </div>
    				</div>
    				<div class="card-hero">
    					<div class="card-image card-image--size-185" data-url="{{ post.card-image }}"></div>
    				</div>
    			    <div class="card-footer">
                        <div class="card-footer-wrapper" layout="row bottom-left">
                            <div class="card-type is-notShownIfHover">{{ post.date | date: "%F"}}</div>
                            <div class="card-tag is-notShownIfHover">@{{ site.author }}</div>
                            <div class="card-tag is-shownIfHover">
                                {% for tag in post.tags %}
                                    {{ tag }} &nbsp;&nbsp;
                                {% endfor %}
                            </div>
                            <div class="card-logo is-shownIfHover" self="right"></div>
                        </div>
    			    </div>
    		     </div>
		    </a>
        </li>
        {% endif %}
        {% endfor %}
    </ul>
    {% include pagination.html %}
</div>