Skip to content

Instantly share code, notes, and snippets.

@zhonger

zhonger/page.html

Created March 25, 2021 08:31
Show Gist options
  • Save zhonger/7b60d2fcc3b6649131fe389ca1148440 to your computer and use it in GitHub Desktop.
Save zhonger/7b60d2fcc3b6649131fe389ca1148440 to your computer and use it in GitHub Desktop.
Download ZIP
jekyll.page.html
Raw
page.html
<!DOCTYPE html>
<html lang="zh-cn">
{% include head.html %}
<body>
{% include header.html %}
<div class="g-banner home-banner {{ site.theme-color | prepend: 'banner-theme-' }}" data-theme="{{ site.theme-color }}">
<h2>{{ page.home-title }}</h2>
<h3>{{ page.description }}</h3>
{% if page.header-img %}
<img class="header-img" src="{{ page.header-img | prepend: site.baseurl }}" alt="">
{% endif %}
</div>
<main class="g-container home-content">
<div class="article-list">
<div class="post-content" style="padding-left: 30px;padding-right: 30px;width: auto;">
<article class="markdown-body" style="width: auto;">
{{ content }}
</article>
</div>
</div>
<aside class="g-sidebar-wrapper">
<div class="g-sidebar">
<section class="author-card">
<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>
</div>
{% if site.sns.size > 0 %}
<ul id="sns-links" class="sns-links">
{% for s in site.sns %}
<li>
<a href="{{ s[1] }}" target="_blank" rel="noreferrer">
<i class="iconfont icon-{{ s[0] }}"></i>
</a>
</li>
{% endfor %}
</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] | relative_url }}" class="tag">{{ tag[0]}}</a>
{% endfor %}
</section>
{% endif %}
<section class="tags-card">
<div class="links" rel="links">Links</div>
<a href="https://kalasearch.cn" target="_blank" class="tag" rel="noreferrer">Kala Search</a>
</section>
</div>
{% if site.search %}
<div class="search-card">
<input id="search_input" type="text" placeholder="Search...">
<i class="iconfont icon-search"></i>
<div class="search_result"></div>
</div>
{% endif %}
</aside>
</main>
{% include footer.html %}
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/prism.js"></script>
<script src="{{ site.baseurl }}/assets/js/index.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment