jekyll-theme-twail 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: f71f5b9f7ed34e39a73710d91dd45f22ed44a16c222d2fd8a4b47d1cc143ca00
+  data.tar.gz: e70dbc8e495b439b6ada3dce5fb8d1b286041b0872e4bb19a014efe2b3d418c6
+SHA512:
+  metadata.gz: 562f7f11cbd211f2881e751df402f1279e264233c34258b189bdb0f811b88b749c5ad8ae86214901a42317249c68bd0c6e4263c88c1f6f8d3eee95c003a0a3db
+  data.tar.gz: 7c87f44c83cb03e0f75a5459a526325bfe2874f10adfbc7fc2cf4e63fe6214c1037e8790c2ea359f4f78f3e2a4a4493b226b7c030bd572b0609bfd8c67c37474

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 leetaewook
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,41 @@
+# Jekyll theme Twail
+Card style Jekyll theme for blog.
+
+![jekyll-theme-twail](https://user-images.githubusercontent.com/72855455/149628922-61eaf762-6aba-4bbb-9ee0-f43f49bb8360.png)
+
+<br>
+
+## Demo
+[Demo site](https://leetaewook.github.io/jekyll-theme-twail/)
+
+<br>
+
+## Installation
+This theme uses [jekyll-paginate-v2](https://github.com/sverrirs/jekyll-paginate-v2), which is not natively supported by Github Pages.  
+But don't worry. You can still easily deploy to Github Pages.
+
+### How to Install
+1. You will need Ruby and Jekyll. [Install Ruby and Jekyll](https://jekyllrb.com/docs/installation/).
+2. Fork [this repo](https://github.com/leetaewook/jekyll-theme-twail).
+3. Write your own posts, and make your own settings in `_config.yml`.
+   ```yaml   
+   title: "Jekyll theme Twail"
+   description: "Card stlye Jekyll theme for blog"
+   
+   baseurl: # TODO: If your Github Pages URL is https://usename.github.io/SOMETHING/, baseurl should be set to "/SOMETHING"
+   ```
+4. Change `Rakefile`.
+   ```ruby
+   # TODO: Write your Github Repository name
+   GITHUB_REPONAME="github-user-name/repo-name"
+   ```
+5. Run command `rake publish`.
+6. Change your Github Pages settings to use branch `gh-pages`.
+
+<br>
+
+## References
+
+- [minimal-mistakes](https://github.com/mmistakes/minimal-mistakes)
+- [hugo-theme-stack](https://github.com/CaiJimmy/hugo-theme-stack)
+- [github-markdown-css](https://github.com/sindresorhus/github-markdown-css)

data/_config.yml

@@ -0,0 +1,98 @@
+# Site settings
+title: 'Jeykll theme Twail'
+description: 'Card style Jekyll theme for blog'
+title_seperator: '-' # "-" (default), "|", ...
+locale: null # null (default), en-US, zh-CN, ...
+date_format: # "%B %-d, %Y" (default), "%Y. %m. %d", ... https://www.shortcutfoo.com/app/dojos/ruby-date-format-strftime/cheatsheet
+footer_copyright: '© 2022~ Twail demo site'
+og_image: 'assets/images/jekyll-theme-twail.png' # Default OpenGraph Image
+baseurl: '/jekyll-theme-twail' # TODO: If your Github Pages URL is https://usename.github.io/SOMETHING/, baseurl should be set to "/SOMETHING"
+
+# Profile
+profile:
+  name: 'Twail'
+  description: 'Card style Jekyll theme for blog'
+  avatar: 'assets/images/avatar.png'
+  socials:
+    github: 'https://github.com/leetaewook/jekyll-theme-twail'
+    twitter: 'https://twitter.com/'
+    facebook: 'https://facebook.com/'
+    instagram: 'https://instagram.com/'
+    youtube: 'https://youtube.com/'
+
+# Comments
+comments:
+  provider: false # false (default), "utterances", "disqus"
+  utterances:
+    repo: # "github_username/repo_name"
+    theme: # "github-light" (default), "github-dark", "preferred-color-scheme", "github-dark-orange", "icy-dark", "dark-blue", "photon-dark", "boxy-light", "gruvbox-dark"
+    issue_term: # "pathname" (default)
+    label: # null (default), Yout github repo issue label
+  disqus:
+    shortname:
+
+# SEO Related
+google_site_verification:
+bing_site_verification:
+naver_site_verification:
+yandex_site_verification:
+baidu_site_verification:
+
+# Analytics
+analytics:
+  provider: false # false (default), "google", "google-universal", "google-gtag"
+  google:
+    tracking_id:
+    anonymize_ip: # true, false (default)
+
+# Your post default values
+defaults:
+  - values:
+      layout: post
+      comments: true
+
+permalink: /:title # "/:title", ":year:month:day/:title", ... https://jekyllrb.com/docs/permalinks/
+
+# Pagination
+pagination:
+  enabled: true
+  per_page: 4 # Posts per page
+  permalink: '/page:num/'
+  limit: 0
+  sort_field: 'date'
+  sort_reverse: true
+  trail:
+    before: 2
+    after: 2
+
+autopages:
+  enabled: true
+  collections:
+    enabled: false
+  categories:
+    enabled: false
+  tags:
+    enabled: true
+    layouts:
+      - autopage_tags.html
+
+markdown: kramdown
+highlighter: rouge
+lsi: false
+excerpt_separator: "\n\n"
+incremental: false
+
+kramdown:
+  input: GFM
+  hard_wrap: false
+  auto_ids: true
+  footnote_nr: 1
+  entity_output: as_char
+  toc_levels: 1..6
+  smart_quotes: lsquo,rsquo,ldquo,rdquo
+  enable_coderay: false
+
+plugins:
+  - jekyll-paginate-v2
+  - jekyll-sitemap
+  - jekyll-gist

data/_includes/analytics-providers/custom.html

@@ -0,0 +1,3 @@
+<!-- start custom analytics snippet -->
+
+<!-- end custom analytics snippet -->

data/_includes/analytics-providers/google-gtag.html

@@ -0,0 +1,9 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.tracking_id }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.analytics.google.tracking_id }}', { 'anonymize_ip': {{ site.analytics.google.anonymize_ip | default: false }}});
+</script>

data/_includes/analytics-providers/google-universal.html

@@ -0,0 +1,7 @@
+<script>
+  window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
+  ga('create','{{ site.analytics.google.tracking_id }}','auto');
+  ga('set', 'anonymizeIp', {{ site.analytics.google.anonymize_ip | default: false }});
+  ga('send','pageview')
+</script>
+<script src="https://www.google-analytics.com/analytics.js" async></script>

data/_includes/analytics-providers/google.html

@@ -0,0 +1,14 @@
+<script>
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', '{{ site.analytics.google.tracking_id }}']);
+  {% if site.analytics.google.anonymize_ip == true %}
+    _gaq.push(['_gat._anonymizeIp']);
+  {% endif %}
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>

data/_includes/analytics.html

@@ -0,0 +1,13 @@
+
+{% if jekyll.environment == 'production' and site.analytics.provider and page.analytics != false %}
+  {% case site.analytics.provider %}
+    {% when "google" %}
+      {% include analytics-providers/google.html %}
+    {% when "google-universal" %}
+      {% include analytics-providers/google-universal.html %}
+    {% when "google-gtag" %}
+      {% include analytics-providers/google-gtag.html %}
+    {% when "custom" %}
+      {% include analytics-providers/custom.html %}
+  {% endcase %}
+{% endif %}

data/_includes/comments-providers/custom.html

@@ -0,0 +1,3 @@
+<!-- start custom comments snippet -->
+
+<!-- end custom comments snippet -->

data/_includes/comments-providers/disqus.html

@@ -0,0 +1,16 @@
+{% if site.comments.disqus.shortname %}
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = "{{ page.url | absolute_url }}";  /* Replace PAGE_URL with your page's canonical URL variable */
+      this.page.identifier = "{{ page.id }}"; /* Replace PAGE_IDENTIFIER with your page's unique identifier variable */
+    };
+    (function() { /* DON'T EDIT BELOW THIS LINE */
+      var d = document, s = d.createElement('script');
+      s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js';
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+{% endif %}

data/_includes/comments-providers/utterances.html

@@ -0,0 +1,11 @@
+<script src="https://utteranc.es/client.js"
+        repo="{{ site.comments.utterances.repo }}"
+        issue-term="{{ site.comments.utterances.issue_term | default: 'pathname' }}"
+        theme="{{ site.comments.utterances.theme | default: 'github-light' }}"
+        crossorigin="anonymous"
+        async
+        {% if site.comments.utterances.label %}
+        label="{{ site.comments.utterances.label }}"
+        {% endif %}
+        >
+</script>

data/_includes/comments.html

@@ -0,0 +1,8 @@
+{% case site.comments.provider %}
+  {% when "utterances" %}
+    {% include comments-providers/utterances.html %}
+  {% when "disqus" %}
+    {% include comments-providers/disqus.html %}
+  {% when "custom" %}
+    {% include comments-providers/custom.html %}
+{% endcase %}

data/_includes/footer.html

@@ -0,0 +1,6 @@
+<footer class="footer">
+  {% if site.footer_copyright %}
+    <section class="copyright">{{ site.footer_copyright }}</section>
+  {% endif %}
+  <section class="powerby">Powered by <a href="https://jekyllrb.com/">Jekyll</a> & <a href="https://github.com/leetaewook/jekyll-theme-twail">Twail theme</a></section>
+</footer>

data/_includes/head.html

@@ -0,0 +1,19 @@
+{% assign title_separator = site.title_separator | default: '-' | replace: '|', '|' %}
+
+{% if paginator %}
+  {% assign title = site.title %}
+{% else %}
+  {% assign title = page.title | append: " " | append: title_separator | append: " " | append: site.title %}
+{% endif %}
+{% assign title = title | markdownify | strip_html | strip_newlines | escape_once %}
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+  {% include head__seo.html %}
+
+  <link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}" />
+  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
+</head>

data/_includes/head__seo.html

@@ -0,0 +1,101 @@
+{% assign title_separator = site.title_separator | default: '-' | replace: '|', '|' %}
+
+{% if site.url %}
+  {% assign seo_url = site.url | append: site.baseurl %}
+{% endif %}
+
+{% if paginator %}
+  {% assign seo_title = site.title %}
+{% else %}
+  {% assign seo_title = page.title | append: " " | append: title_separator | append: " " | append: site.title %}
+{% endif %}
+{% assign seo_title = title | markdownify | strip_html | strip_newlines | escape_once %}
+
+{% if page.canonical_url %}
+  {% assign canonical_url = page.canonical_url %}
+{% else %}
+  {% assign canonical_url = page.url | replace: "index.html", "" | absolute_url %}
+{% endif %}
+
+{% assign seo_description = page.description | default: page.excerpt | default: site.description -%}
+{% if seo_description %}
+  {% assign seo_description = seo_description | markdownify | strip_html | newline_to_br | strip_newlines | replace: '<br />', ' ' | escape_once | strip %}
+{% endif %}
+
+{% if page.cover %}
+  {% assign og_image = page.cover | absolute_url %}
+{% elsif site.og_image %}
+  {% assign og_image = site.og_image | absolute_url %}
+{% endif %}
+{% assign og_image = og_image | escape %}
+
+{% if page.date %}
+  {% assign og_type = "article" %}
+{% else %}
+  {% assign og_type = "website" %}
+{% endif %}
+
+<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
+
+<meta name="description" content="{{ seo_description }}">
+
+{% if page.tags and page.tags.size > 0 %}
+  <meta name="keywords" content="{{ page.tags | join: ','}}">
+{% endif %}
+
+{% if profile.name %}
+  <meta name="author" content="{{ profile.name | default: author }}">
+  {% if og_type == "article" %}
+  <meta property="article:author" content="{{ profile.name | default: author }}">
+  {% endif %}
+{% endif %}
+
+<meta property="og:title" content="{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}">
+<meta property="og:description" content="{{ seo_description }}">
+<meta property="og:site_name" content="{{ site.title }}">
+<meta property="og:url" content="{{ canonical_url }}">
+<meta property="og:type" content="{{ og_type }}">
+
+{% if site.locale %}
+<meta property="og:locale" content="{{ site.locale | replace: "-", "_" }}">
+{% endif %}
+
+{% if og_image %}
+  <meta property="og:image" content="{{ og_image }}">
+{% endif %}
+
+{% if page.date %}
+  <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
+{% endif %}
+
+{% if og_type == "article" and page.last_modified_at %}
+  <meta property="article:modified_time" content="{{ page.last_modified_at | date_to_xmlschema }}">
+{% endif %}
+
+<link rel="canonical" href="{{ canonical_url }}">
+
+{% if paginator.previous_page %}
+  <link rel="prev" href="{{ paginator.previous_page_path | absolute_url }}">
+{% endif %}
+{% if paginator.next_page %}
+  <link rel="next" href="{{ paginator.next_page_path | absolute_url }}">
+{% endif %}
+
+{% if site.google_site_verification %}
+  <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
+{% endif %}
+{% if site.bing_site_verification %}
+  <meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
+{% endif %}
+{% if site.alexa_site_verification %}
+  <meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}">
+{% endif %}
+{% if site.yandex_site_verification %}
+  <meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
+{% endif %}
+{% if site.naver_site_verification %}
+  <meta name="naver-site-verification" content="{{ site.naver_site_verification }}">
+{% endif %}
+{% if site.baidu_site_verification %}
+  <meta name="baidu-site-verification" content="{{ site.baidu_site_verification }}">
+{% endif %}

data/_includes/pager.html

@@ -0,0 +1,38 @@
+{% assign pageurl = page.url | remove: 'index.html' %}
+{% assign trail_first_page = paginator.page_trail[0].num %}
+{% assign trail_last_page = paginator.page_trail[-1].num %}
+
+{% if paginator.total_pages > 1 %}
+<ul class="pager">
+    {% if paginator.first_page %}
+      <li class="pager__item{% if pageurl == paginator.first_page_path %} selected{% endif %}">
+          <a class="pager__link" href="{{ paginator.first_page_path | prepend: site.baseurl | replace: '//', '/' }}">1</a>
+      </li>
+    {% endif %}
+
+    {% if trail_first_page > paginator.first_page %}
+      <li class="pager__item disabled"><span class="pager__link">…</span></li>
+    {% endif %}
+
+    {% if paginator.page_trail %}
+      {% for trail in paginator.page_trail %}
+        {% assign path = trail.path | remove: 'index.html' %}
+        {% if path != paginator.first_page_path and path != paginator.last_page_path %}
+          <li class="pager__item{% if page.url == trail.path %} selected{% endif %}">
+              <a class="pager__link" href="{{ trail.path | prepend: site.baseurl | replace: '//', '/' }}" title="{{trail.title}}">{{ trail.num }}</a>
+          </li>
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+
+    {% if trail_last_page < paginator.last_page %}
+    <li class="pager__item disabled"><span class="pager__link">…</span></li>
+    {% endif %}
+
+    {% if paginator.last_page %}
+      <li class="pager__item{% if pageurl == paginator.last_page_path %} selected{% endif %}">
+          <a class="pager__link" href="{{ paginator.last_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ paginator.last_page }}</a>
+      </li>
+    {% endif %}
+</ul>
+{% endif %}

data/_includes/postlist.html

@@ -0,0 +1,37 @@
+{% assign date_format = site.date_format | default: "%B %-d, %Y" %}
+
+<section class="postlist">
+  {% for post in paginator.posts %}
+
+    {% if post.description %}
+      {% assign description = post.description | markdownify | strip_html | truncatewords: 48 %}
+    {% elsif post.description != false %}
+      {% assign description = post.content | markdownify | strip_html | truncatewords: 48 %}
+    {% endif %}
+
+    <article class="post">
+      <a href="{{ post.url | relative_url }}">
+        {% if post.cover %}
+          <div class="post-cover">
+            <img src="{{ post.cover | relative_url }}">
+          </div>
+        {% endif %}
+        <div class="post-details">
+          {% if post.tags and post.tags.size > 0 %}
+            <ul class="post-tags">
+              {% for tag in post.tags %}
+                <li><h4 class="post-tag">{{ tag }}</h4></li>
+              {% endfor %}
+            </ul>
+          {% endif %}
+          <h1 class="post-title">{{ post.title | markdownify | strip_html | truncatewords: 32 }}</h1>
+          <h2 class="post-description">{{ description }}</h2>
+          <div class="post-time">
+            <i class="ri-calendar-line"></i>
+            <time>{{ post.date | date: date_format }}</time>
+          </div>
+        </div>
+      </a>
+    </article>
+  {% endfor %}
+</section>

data/_includes/profile.html

@@ -0,0 +1,32 @@
+<header class="profile">
+  <figure class="profile__avatar">
+    {% if site.profile.avatar %}
+      <a href="{{ '/' | relative_url }}"><img src="{{ site.profile.avatar | relative_url }}" loading="lazy" {% if site.title %}alt="{{ site.title }}"{% endif %} /></a>
+    {% endif %}
+  </figure>
+  <div>
+    <div>
+      <a href="{{ '/' | relative_url }}">
+        <h1 class="profile__name">{{ site.profile.name }}</h1>
+        <h2 class="profile__description">{{ site.profile.description }}</h2>
+      </a>
+    </div>
+    <ul class="profile__socials">
+      {% if site.profile.socials.github %}
+        <li><a href="{{ site.profile.socials.github }}" target="_blank"><i class="ri-github-fill"></i></a></li>
+      {% endif %}
+      {% if site.profile.socials.twitter %}
+        <li><a href="{{ site.profile.socials.github }}" target="_blank"><i class="ri-twitter-fill"></i></a></li>
+      {% endif %}
+      {% if site.profile.socials.facebook %}
+        <li><a href="{{ site.profile.socials.github }}" target="_blank"><i class="ri-facebook-fill"></i></a></li>
+      {% endif %}
+      {% if site.profile.socials.instagram %}
+        <li><a href="{{ site.profile.socials.github }}" target="_blank"><i class="ri-instagram-fill"></i></a></li>
+      {% endif %}
+      {% if site.profile.socials.youtube %}
+        <li><a href="{{ site.profile.socials.github }}" target="_blank"><i class="ri-youtube-fill"></i></a></li>
+      {% endif %}
+    </ul>
+  </div>
+</header>

data/_includes/tagnav.html

@@ -0,0 +1,10 @@
+<section class="tagnav">
+  <h2 class="tagnav__title"><i class="ri-price-tag-3-line"></i><span>TAGS</span></h2>
+  <nav class="tagnav__wrapper">
+  {% for page in site.pages %}  
+    {% if page.title and page.autogen == nil and page.autopage != nil %}
+      <a class="tagnav__item" href="{{ page.url | relative_url }}">{{ page.autopage.display_name }}</a>
+    {% endif %}
+  {% endfor %}
+  </nav>
+</section>

data/_layouts/autopage_tags.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{% include postlist.html %}

data/_layouts/default.html

@@ -0,0 +1,30 @@
+{% if page.layout == 'home' %}
+  {% assign section_title = "All posts" %}
+{% elsif page.autopages %}
+  {% assign section_title = page.autopages.display_name %}
+{% endif %}
+
+<!DOCTYPE html>
+<html {% if site.locale %}lang="{{ site.locale }}"{% endif %}>
+  {% include head.html %}
+  
+  <body>
+    <div class="main-container{% if page.layout == 'post' %} post{% endif %}">
+      <aside class="main-container__aside">
+        {% include profile.html %}
+        {% include tagnav.html %}
+      </aside>
+      <div class="content">
+        {% if section_title %}
+          <h3 class="section-title">{{section_title}}</h3>
+        {% endif %}
+        <main>{{ content }}</main>
+        {% include pager.html %}
+        {% include footer.html %}
+      </div>
+    </div>
+  
+    {% include analytics.html %}
+
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{% include postlist.html %}

data/_layouts/post.html

@@ -0,0 +1,50 @@
+---
+layout: default
+---
+
+{% assign date_format = site.date_format | default: "%B %-d, %Y" %}
+
+<article class="post-container">
+  {% if page.cover %}
+    <section class="post-cover">
+      <a href="{{ page.url | relative_url }}"><img src="{{ page.cover | relative_url }}"></a>
+    </section>
+  {% endif %}
+    
+  <header class="post-summary">
+    {% if page.tags and page.tags.size > 0 %}  
+      <ul class="post-tags">
+        {% for tag in page.tags %}
+          <li><h4 class="post-tag">{{ tag }}</h4></li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+    
+    {% if page.title %}
+      <h1 class="post-title">{{ page.title | markdownify | strip_html }}</h1>
+    {% endif %}
+
+    {% if page.description %}
+      <h2 class="post-description">{{ page.description | markdownify | strip_html }}</h2>
+    {% endif %}
+
+    {% if page.date %}
+      <div class="post-time">
+        <i class="ri-calendar-line"></i>
+        <time>{{ page.date | date: date_format }}</time>
+      </div>
+    {% endif %}
+
+  </header>
+
+  <section class="post-content markdown-body">
+    {{ content }}
+  </section>
+
+</article>
+
+{% if page.comments and site.comments.provider %}
+  <section class="comments-container">
+    {% include comments.html %}
+  </section>
+{% endif %}

data/_sass/_custom.scss

@@ -0,0 +1,4 @@
+@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
+
+$font-main: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI',
+  'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;