_includes/content/page_content.html
<style>
.k-post-media {
display:block
cursor: pointer;
max-height: 245px;
min-height: 245px;
background-position: 50% 50%;
background-size: cover;
background-color: #303033;
}
.k-post-media .mdui-card-primary-title a {
text-decoration: none;
}
.k-noimg{
padding-left: 16px;
}
.k-noimg h1::before{
content: "“";
}
.k-noimg h1::after{
content: "”";
}
.k-noimg h1:before,.k-noimg h1:after{
display: block;
font-size: 80px;
margin-top: 40px;
}
.k-noimg a,.k-noimg h1{
text-decoration: none;
color: white;
}
</style>
{% include content/component/lazyload.html %}
<div id="postpage" class="mdui-container">
<div class="k-posts-list"></div>
<div class="mdui-row">
<div class="mdui-col-sm-12 k-page-col mdui-col-md-9">
<div class="mdui-card k-postcontent">
{% if page.img == "" or page.img == null %}
<div class="mdui-card-media mdui-ripple k-post-media mdui-valign k-noimg">
<h1><a>{{page.title}}</a></h1>
</div>
{% else %}
<div class="mdui-card-media k-post-media" style="background-image: url({{page.img}});">
<div class="mdui-card-media-covered mdui-card-media-covered-gradient">
<div class="mdui-card-primary">
<h1 class="mdui-card-primary-title"><a class="mdui-text-color-white-text">{{page.title}}</a></h1>
{% if page.describe != null %}
<div class="mdui-card-primary-subtitle">
{{page.describe}}
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
<div class="mdui-card-header">
<div class="mdui-card-menu">
{% include content/component/qrcode.html %}
{% include content/component/page_tags.html %}
{% include content/component/sns_share.html %}
</div>
{% if site.data.site.many_authors == true %}
{% if page.author != null %}
{% assign author = site.data.authors[page.author] %}
<img class="mdui-card-header-avatar" src="{{author.avatar}}" />
<div class="mdui-card-header-title">{{author.name}}</div>
{% else %}
<img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
<div class="mdui-card-header-title">{{site.author}}</div>
{% endif %}
{% else %}
<img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
<div class="mdui-card-header-title">{{site.author}}</div>
{% endif %}
<div class="mdui-card-header-subtitle k-page-date" date="{% if page.lastupdate != null %}{{page.lastupdate | date: "%b %-d, %Y"}}{% else %}{{page.date | date: "%b %-d, %Y"}}{% endif %}">{{ page.date | date: "%b %-d, %Y" }}</div>
</div>
{% include content/component/readtime.html %}
{% include content/component/lastupdate.html %}
<div class="mdui-card-content mdui-typo">
{{ content }}
</div>
{% include comment/comment.html %}
</div>
</div>
<div class="mdui-col-md-3 mdui-hidden-sm-down">
{% include content/component/toc.html %}
</div>
</div>
<br>
</div>
{% include content/component/highlight.html %}