jekyll-theme-acg 1.0.9 → 1.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 581134265757f312cdb6f5f6e5194964c800c8d44bac8cd18d096497b008a8b0
-  data.tar.gz: 10da8d233bb4a816726863a37eb7fd245a32681f6e10a30584da9c983c1aa64c
+  metadata.gz: df62bc91c22e03ef620da236f09fb535fe5618ad11101730770595bd55268f6a
+  data.tar.gz: 9f0255e9dd4b9550427e6974de0a9a192a16b32b6eb80c3cfd67f7a6a5aef49c
 SHA512:
-  metadata.gz: 6cae4591f0da6460563f159994c0cd2d642206a516581c9af6c19a809d83ee81fa08d70432439f06bd2dbaaf1b9ff8e321fe7aa1d7c702429fc7b7439551c2fc
-  data.tar.gz: '0538d0b49f0fce608e3312e2ceb8cff63593e130fb33f48a2958759574d28429e44483a7d599e2fd959485a8fcac9cb9ebfc946371caf29c7287783efe250537'
+  metadata.gz: 02da55b2990044dc5bc1b44588146d6091186784a4fd499c4f9424509af4febe561c00951d510242b7e45f44ebac66287148eb6d0e5f27156ddba95d75668d98
+  data.tar.gz: a4d23638285b50a418f39d3001eb465ba5fad133f0ec8fe6ef9d80af825b184c8c74564010d7aa293850b1e0aaf562ec93d0bc8877416bc116ac54d6b343bbea

data/README.md

@@ -1,59 +1,35 @@
 # Jekyll Theme ACG
 
-![](https://img.shields.io/gem/v/jekyll-theme-acg)
-![](https://img.shields.io/gem/dt/jekyll-theme-acg)
-![](https://img.shields.io/github/stars/coderzhaoziwei/jekyll-theme-acg?style=social)
+[![](https://img.shields.io/gem/v/jekyll-theme-acg)](https://rubygems.org/gems/jekyll-theme-acg)
+[![](https://img.shields.io/gem/dt/jekyll-theme-acg)](https://rubygems.org/gems/jekyll-theme-acg)
+[![](https://img.shields.io/github/stars/coderzhaoziwei/jekyll-theme-acg?style=social)](https://github.com/coderzhaoziwei/jekyll-theme-acg)
 
-## Status: Beta
 
-This theme is still under development, just waiting for me...
+## Showcase
 
+- [Coder Zhao’s Zone](https://coderzhaoziwei.github.io)
 
-## Usage
 
-- Set theme in `/_config.yml`:
-
-```
-theme: jekyll-theme-acg
-```
-
-- Add gem in `/Gemfile`:
-
-```
-gem "jekyll-theme-acg"
-```
-
-- Set Front Matter in your `/index.html`:
-
-```
----
-layout: home
----
-```
-
-> Your homepage filename must be `index.html`, not `index.md` or others.
-
-- Build:
+## Documentation
 
-```
-bundle update & bundle exec jekyll serve -o
-```
+- [English Guide](https://coderzhaoziwei.github.io/posts/acg-guide-en)
+- [简体中文指南](https://coderzhaoziwei.github.io/posts/acg-guide-cn)
 
-## Documentation
+My English is poor. In the event of any discrepancy, the Simplified Chinese guide shall prevail.
 
-To be continued...
+If you have any problems, you can submit issues or send me email.
 
 
 ## Thanks
 
-- Markdown Style: https://github.com/primer/css/tree/main/src/markdown
-- Highlight JS: https://highlightjs.org
+- [Tailwind](https://tailwindcss.com)
+- [Markdown Style](https://github.com/primer/css/tree/main/src/markdown)
+- [Highlight JS](https://highlightjs.org)
+- [MathJax](https://www.mathjax.org)
+- [Jekyll Archives](https://github.com/jekyll/jekyll-archives)
+- [Jekyll Spaceship](https://github.com/jeffreytse/jekyll-spaceship)
 
 
 ## License
 
-MIT
-
-
-<!-- https://rubygems.org/gems/jekyll-theme-acg -->
-<!-- https://github.com/coderzhaoziwei/jekyll-theme-acg -->
+MIT © Coder Zhao

data/_config.yml

@@ -1,36 +1,34 @@
-lang: zh-CN
+url:
+baseurl: /
 title: Jekyll Theme ACG
 description: An awesome theme for Jekyll.
 author: Coder Zhao
-email: coderzhaoziwei@outlook.com
-
-# Theme Name
+lang:
 theme: jekyll-theme-acg
-acg:
-  categories: Categories
-  tags: Tags
-  about: About
-  error: Page Not Found.
-  github: coderzhaoziwei
 
-# Theme Color
-# Default: red
-# Options: red, blue, pink, green, yellow, purple
-color: red
-# Theme Background Image Path
-# Default: /assets/images/bg.png
-# Author: saino
-# Origin: https://www.pixiv.net/artworks/86925095
-background: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/bg.png
-
-url:
-baseurl:
-paginate: 10
-
-show_excerpt: true
-paginate_path: /page:num
-
-# ========== ========== ========== ========== ==========
+acg:
+  # Theme Color
+  # Default: red
+  # Options: red, blue, pink, green, yellow, purple, gray
+  color:
+  # Theme Background Image Path
+  # Default: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/pixiv86925095.png
+  background:
+  categories:
+    label:
+    description:
+  tags:
+    label:
+    description:
+  about:
+    label:
+    description:
+  friends:
+    label:
+    description:
+  error:
+    label:
+    description:
 
 exclude: [
   "LICENSE",
@@ -42,29 +40,37 @@ exclude: [
   "*.gemspec",
 ]
 
-collections_dir: ""
-collections:
-  posts:
-    output: true
-    permalink: /:collection/:title
-
 defaults:
-- scope:
-    path: "" # all files in the project
+- scope:                    # all
+    path: ""
   values:
     layout: page
 - scope:
+    path: "index.html"
+  values:
+    layout: page
+    type: home
+- scope:                    # _posts
     path: ""
     type: posts
   values:
-    layout: post
+    layout: page
+    permalink: /posts/:title
+    type: post
 
+paginate: 10
+show_excerpt: true
+paginate_path: /page:num
 sass:
   style: compressed
 
-
-# Jekyll Archives
-# @see https://github.com/jekyll/jekyll-archives
+# ************************************************ #
+#                                                  #
+#  Jekyll Archives                                 #
+#                                                  #
+#  @see https://github.com/jekyll/jekyll-archives  #
+#                                                  #
+# ************************************************ #
 jekyll-archives:
   enabled: [categories, tags]
   layouts:
@@ -75,36 +81,21 @@ jekyll-archives:
     category: /categories/:name/
 
 
-# Jekyll Spaceship
-# @see https://github.com/jeffreytse/jekyll-spaceship#usage
+# ***************************************************** #
+#                                                       #
+#  Jekyll Spaceship                                     #
+#                                                       #
+#  @see https://github.com/jeffreytse/jekyll-spaceship  #
+#                                                       #
+# ***************************************************** #
 jekyll-spaceship:
   processors:
     - table-processor
-    - mathjax-processor
     - plantuml-processor
     - mermaid-processor
-    - polyfill-processor
     - media-processor
     - emoji-processor
     - element-processor
-  mathjax-processor:
-    src:
-      # - https://polyfill.io/v3/polyfill.min.js?features=es6
-      - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
-    config:
-      tex:
-        inlineMath:
-          - ["$", "$"]
-          # - ["\(", "\)"]
-        displayMath:
-          - ["$$", "$$"]
-          # - ["\[", "\]"]
-      svg:
-        fontCache: "global"
-    optimize: # optimization on building stage to check and add mathjax scripts
-      enabled: true # value `false` for adding to all pages
-      include: []   # include patterns for math expressions checking (regexp)
-      exclude: []   # exclude patterns for math expressions checking (regexp)
   plantuml-processor:
     mode: default  # mode value 'pre-fetch' for fetching image at building stage
     css:

data/_includes/chip.html

@@ -0,0 +1,36 @@
+{% comment %} size {% endcomment %}
+{% assign width = include.width | default: include.height | default: 6 %}
+{% assign height = include.height | default: include.width | default: 6 %}
+
+{% comment %} text {% endcomment %}
+{% assign text = include.text %}
+{% if include.type == "date" %}
+  {% assign text = text | date: "%Y-%m-%d" %}
+{% endif %}
+
+{% comment %} href {% endcomment %}
+{% assign href = nil %}
+{% if include.type == "category" %}
+  {% assign name = include.text | default: "CATEGORY" | slugify %}
+  {% assign href = "/categories/" | append: name %}
+{% elsif include.type == "tag" %}
+  {% assign name = include.text | default: "TAG" | slugify %}
+  {% assign href = "/tags/" | append: name %}
+{% endif %}
+
+<a
+  class="mx-px text-opacity-75 flex items-center select-none
+  {% if include.larger %}text-4xl text-{{ color }}-100{% else %}text-sm text-{{ color }}-500{% endif %}"
+  {% if href %}href="{{ href | relative_url }}"{% endif %}
+>
+  <!-- svg -->
+  {% include svg-{{ include.type }}.html width=width height=height %}
+  <!-- text -->
+  {% if include.text %}
+    <span class="inline-block p-1 whitespace-nowrap">{{ text }}</span>
+  {% endif %}
+  <!-- count -->
+  {% if include.count and include.count > 0 %}
+    <span class="inline-block p-1 whitespace-nowrap">{{ include.count }}</span>
+  {% endif %}
+</a>

data/_includes/flip.html

@@ -0,0 +1,25 @@
+{% capture svgClass %}flex-shrink-0 text-{{ color }}-600{% endcapture %}
+
+<div class="w-full mx-auto flex justify-between space-x-4">
+
+<!-- prev -->
+{% if page.next and page.next.id %}
+  <a class="w-1/2 p-4 flex items-center rounded-lg bg-{{ color }}-50 bg-opacity-75" href="{{ page.next.id | relative_url }}">
+    {% include svg-prev.html class=svgClass %}
+    <span class="ml-4 text-black">{{ page.next.title | default: "" }}</span>
+  </a>
+{% else %}
+  <a class="w-1/2 p-4 opacity-0"></a>
+{% endif %}
+
+<!-- next -->
+{% if page.previous and page.previous.id %}
+  <a class="w-1/2 p-4 flex flex-row-reverse items-center rounded-lg bg-{{ color }}-50 bg-opacity-75" href="{{ page.previous.id | relative_url }}">
+    {% include svg-next.html class=svgClass %}
+    <span class="mr-4 text-black">{{ page.previous.title | default: "" }}</span>
+  </a>
+{% else %}
+  <a class="w-1/2 p-4 opacity-0"></a>
+{% endif %}
+
+</div>

data/_includes/footer.html

@@ -0,0 +1,13 @@
+<footer class="w-full mt-4 p-2 text-sm text-{{ color }}-100 ">
+  <p class="text-center">
+    Powered by
+    <a class="text-{{ color }}-400" href="https://jekyllrb.com" target="_block">Jekyll</a>
+    ·
+    <a class="text-{{ color }}-400" href="https://github.com/coderzhaoziwei/jekyll-theme-acg" target="_block">Jekyll Theme ACG</a>
+  </p>
+  <p class="text-center">
+    Copyright {{ "now" | date: "%Y" }}
+    <a class="text-{{ color }}-400">{{ site.author | default: "AUTHOR_NAME" }}</a>
+    · All rights reserved.
+  </p>
+</footer>

data/_includes/head.html

@@ -0,0 +1,47 @@
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+{% seo %}<!-- Begin Jekyll Feed -->
+{% feed_meta %}
+<!-- End Jekyll Feed -->
+
+<!-- Tailwind -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2/dist/tailwind.min.css">
+<!-- Primer Markdown -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/primer-markdown@4.0.0/build/build.css">
+<!-- HighlightJS -->
+<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.1/build/highlight.min.js"></script>
+<script>hljs.highlightAll();</script>
+<!-- HighlightJS Theme VS2015 -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.0.1/styles/vs2015.css">
+<!-- MathJax @see https://www.mathjax.org -->
+{% if page.math == true %}
+<script>
+MathJax = {
+  tex: {
+    inlineMath: [["$", "$"], ["\\(", "\\)"]]
+  },
+};
+</script>
+<script id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" async></script>
+{% endif %}
+<!-- Theme -->
+<link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
+<style id="ThemeColor">
+:root {
+  --theme-50: var(--{{ color }}-50);
+  --theme-100: var(--{{ color }}-100);
+  --theme-200: var(--{{ color }}-200);
+  --theme-300: var(--{{ color }}-300);
+  --theme-400: var(--{{ color }}-400);
+  --theme-500: var(--{{ color }}-500);
+  --theme-600: var(--{{ color }}-600);
+  --theme-700: var(--{{ color }}-700);
+  --theme-800: var(--{{ color }}-800);
+  --theme-900: var(--{{ color }}-900);
+}
+</style>
+<style id="ThemeBackgroundImage">.bg-image { background-image: url("{{ background }}"); }</style>
+{% include custom-head.html %}
+</head>

data/_includes/header.html

@@ -0,0 +1,45 @@
+{% capture siteUrl %}{{ "/" | relative_url }}{% endcapture %}
+{% capture siteTitle %}{{ site.title }}{% endcapture %}
+
+{% capture categoriesUrl %}{{ "/categories" | relative_url }}{% endcapture %}
+{% capture categoriesLabel %}{{ site.acg.categories.label | default: "Categories" }}{% endcapture %}
+
+{% capture tagsUrl %}{{ "/tags" | relative_url }}{% endcapture %}
+{% capture tagsLabel %}{{ site.acg.tags.label | default: "Tags" }}{% endcapture %}
+
+{% capture aboutUrl %}{{ "/about" | relative_url }}{% endcapture %}
+{% capture aboutLabel %}{{ site.acg.about.label | default: "About" }}{% endcapture %}
+
+{% capture friendsUrl %}{{ "/friends" | relative_url }}{% endcapture %}
+{% capture friendsLabel %}{{ site.acg.friends.label | default: "Friends" }}{% endcapture %}
+
+{% assign friends = site.data.friends %}
+
+<header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
+  <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
+    <a class="hover:text-{{ color }}-400 text-2xl" href="{{ siteUrl }}">{{ siteTitle }}</a>
+    <div class="hidden md:block space-x-4">
+      <a class="hover:text-{{ color }}-400" href="{{ categoriesUrl }}">{{ categoriesLabel }}</a>
+      <a class="hover:text-{{ color }}-400" href="{{ tagsUrl }}">{{ tagsLabel }}</a>
+      <a class="hover:text-{{ color }}-400" href="{{ aboutUrl }}">{{ aboutLabel }}</a>
+      {% if friends.size > 0 %}
+      <a class="hover:text-{{ color }}-400" href="{{ friendsUrl }}">{{ friendsLabel }}</a>
+      {% endif %}
+    </div>
+
+    <style>#theme-menu:hover > #theme-menu-dropdown { display: block; }</style>
+    <div id="theme-menu" class="md:hidden">
+      <button class="hover:outline-none hover:text-{{ color }}-400">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></svg>
+      </button>
+      <div class="hidden origin-top-right absolute right-1 rounded-md py-1 bg-{{ color }}-100 bg-opacity-50 focus:block focus:outline-none" id="theme-menu-dropdown">
+        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ categoriesUrl }}">{{ categoriesLabel }}</a>
+        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ tagsUrl }}">{{ tagsLabel }}</a>
+        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ aboutUrl }}">{{ aboutLabel }}</a>
+        {% if friends.size > 0 %}
+        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ friendsUrl }}">{{ friendsLabel }}</a>
+        {% endif %}
+      </div>
+    </div>
+  </nav>
+</header>

data/_includes/paginator.html

@@ -0,0 +1,38 @@
+
+{% capture class %}flex-shrink-0 text-{{ color }}-400{% endcapture %}
+
+
+<div class="flex justify-between items-center">
+  <!-- Prev -->
+  <a
+    href="{{ paginator.previous_page_path | relative_url }}"
+    class="flex justify-center items-center m-2 ml-0 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75
+    hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400"
+  >{% include svg-prev.html class=class %}</a>
+  <!-- Pages -->
+  <div class="flex flex-wrap items-center justify-center">
+    <!-- paginator.total_pages -->
+    {%- for pageCount in (1..paginator.total_pages) -%}
+    {% assign pagePath = site.paginate_path | replace: ":num", pageCount %}
+    <a class="flex justify-center items-center w-8 h-8 m-px rounded-full text-sm font-mono bg-{{ color }}-50 bg-opacity-75 text-opacity-75 border border-transparent hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400
+    {% if pageCount == paginator.page %}
+      text-{{ color }}-400 select-none
+    {% else %}
+      text-black
+    {% endif %}"
+
+    {% if pageCount != paginator.page %}
+      {% if pageCount == 1 %}href={{ "/" | relative_url }}{% else %}href="{{ pagePath | relative_url }}"{% endif %}
+    {% endif %}
+
+    ><span class="block">{{ pageCount }}</span></a>
+    {%- endfor -%}
+  </div>
+  <!-- Next -->
+  <a
+    href="{{ paginator.next_page_path | relative_url }}"
+    class="flex justify-center items-center m-2 mr-0 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400"
+  >
+    {% include svg-next.html class=class %}
+  </a>
+</div>

data/_includes/posts.html

@@ -1,53 +1,54 @@
-{% capture workspace %}
-  {% assign posts1 = "" | split: "" %}
-  {% assign posts2 = "" | split: "" %}
-
-  {% for post in include.posts %}
-    {% if post.pin %}
-      {% assign posts1 = posts1 | push: post %}
-    {% else %}
-      {% assign posts2 = posts2 | push: post %}
-    {% endif %}
-  {% endfor %}
-
-  {% assign posts = posts1 | concat: posts2 %}
-
-  {% if page.layout == "home" %}
-    {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
-    {% assign count = paginator.posts | size | minus: 1 %}
-    {% assign minIndex = offset %}
-    {% assign maxIndex = offset | plus: count %}
+{% assign posts1 = "" | split: "" %}
+{% assign posts2 = "" | split: "" %}
+{% for post in include.posts %}
+  {% if post.pin %}
+    {% assign posts1 = posts1 | push: post %}
   {% else %}
-    {% assign minIndex = 0 %}
-    {% assign maxIndex = posts.size | minus: 1 %}
+    {% assign posts2 = posts2 | push: post %}
   {% endif %}
-
-{% endcapture %}
-
-{% for index in (minIndex..maxIndex) %}
-  {% capture workspace %}
-    {% assign post = posts[index] %}
-    {% assign pin = post.pin | default: false %}
-    {% assign href = post.id | relative_url %}
-    {% assign title = post.title | default: "NO TITLE" | escape %}
-    {% assign description = post.description | default: post.excerpt | default: site.description | strip_html %}
-    {% assign date = post.date %}
-    {% assign tags = post.tags | default: nil %}
-    {% assign categories = post.categories | default: nil %}
-  {% endcapture %}
-
+{% endfor %}
+{% assign posts = posts1 | concat: posts2 %}
+
+{% if page.type == "home" %}
+  {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
+  {% assign count = paginator.posts | size | minus: 1 %}
+  {% assign minIndex = offset %}
+  {% assign maxIndex = offset | plus: count %}
+{% else %}
+  {% assign minIndex = 0 %}
+  {% assign maxIndex = posts.size | minus: 1 %}
+{% endif %}
+
+{% for index in (minIndex..maxIndex) %}{% assign post = posts[index] %}
 <div class="relative p-3 pb-1 rounded-lg flex flex-col justify-between bg-{{ color }}-50 bg-opacity-75 text-black">
-  {% if post.pin %}{% include item-pin.html %}{% endif %}
-  <a class="block text-3xl font-serif font-medium" href="{{ href }}">{{ title }}</a>
-  <span class="block p-1 text-sm font-extralight">{{ description }}</span>
-
+  <!-- post.pin -->
+  {% if post.pin %}
+    {% capture class %}{{ "absolute -left-2 -top-2 text-color-600" | replace: "color", color }}{% endcapture %}
+    {% include svg-pin.html class=class %}
+  {% endif %}
+  <!-- post.title -->
+  <a class="block text-3xl font-serif font-medium" href="{{ post.id | relative_url }}">
+    {{ post.title | default: "NO_TITLE" | escape }}
+  </a>
+  <!-- post.description -->
+  <span class="block p-1 text-sm font-extralight">
+    {{ post.description | default: post.excerpt | strip_html }}
+  </span>
   <div class="flex flex-wrap select-none">
-    <div class="flex-grow">{% include item-date.html date=date %}</div>
+    <div class="flex-grow">
+      <!-- post.date -->
+      {% include chip.html type="date" text=post.date width=4 %}
+    </div>
     <div class="flex flex-wrap">
-      {% for category in categories %}{% include item-category.html name=category %}{% endfor %}
-      {% for tag in tags %}{% include item-tag.html name=tag %}{% endfor %}
+      <!-- post.categories -->
+      {% for category in post.categories %}
+        {% include chip.html type="category" text=category width=4 %}
+      {% endfor %}
+      <!-- post.tags -->
+      {% for tag in post.tags %}
+        {% include chip.html type="tag" text=tag width=4 %}
+      {% endfor %}
     </div>
   </div>
 </div>
-
 {% endfor %}

data/_includes/svg-category.html

@@ -0,0 +1,10 @@
+<svg
+  class="
+  {{ include.class }}
+  w-{{ include.width | default: include.height | default: 6 }}
+  h-{{ include.height | default: include.width | default: 6 }}
+  "
+  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z">
+</svg>

data/_includes/svg-date.html

@@ -0,0 +1,10 @@
+<svg
+  class="
+  {{ include.class }}
+  w-{{ include.width | default: include.height | default: 6 }}
+  h-{{ include.height | default: include.width | default: 6 }}
+  "
+  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z">
+</svg>

data/_includes/svg-next.html

@@ -0,0 +1,10 @@
+<svg
+  class="
+  {{ include.class }}
+  w-{{ include.width | default: include.height | default: 6 }}
+  h-{{ include.height | default: include.width | default: 6 }}
+  "
+  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z">
+</svg>

data/_includes/svg-pin.html

@@ -0,0 +1,10 @@
+<svg
+  class="
+  {{ include.class }}
+  w-{{ include.width | default: include.height | default: 6 }}
+  h-{{ include.height | default: include.width | default: 6 }}
+  "
+  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13">
+</svg>

data/_includes/svg-prev.html

@@ -0,0 +1,10 @@
+<svg
+  class="
+  {{ include.class }}
+  w-{{ include.width | default: include.height | default: 6 }}
+  h-{{ include.height | default: include.width | default: 6 }}
+  "
+  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z">
+</svg>

data/_includes/svg-tag.html

@@ -0,0 +1,10 @@
+<svg
+  class="
+  {{ include.class }}
+  w-{{ include.width | default: include.height | default: 6 }}
+  h-{{ include.height | default: include.width | default: 6 }}
+  "
+  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+>
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z">
+</svg>

data/_layouts/compress.html

@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.1.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/page.html

@@ -1,57 +1,125 @@
 ---
-layout: default
+layout: compress
 ---
-{% capture workspace %}
-  {% assign color = page.color | default: site.color %}
-  {% assign title = page.title %}
-  {% assign description = page.description %}
-  {% assign content = content | strip %}
-
-  {% assign list = "" | split: "" %}
-
-  {% if page.permalink == "/404.html" %}
-    {% capture title %}<span class="text-6xl">404</span>{% endcapture %}
-    {% capture description %}{{ site.acg.error | default: "Page not found." }}{% endcapture %}
-  {% elsif page.permalink == "/categories.html" %}
-    {% assign title = site.acg.categories %}
-    {% for item in site.categories %}{% assign list = list | push: item[0] %}{% endfor %}
-  {% elsif page.permalink == "/tags.html" %}
-    {% assign title = site.acg.tags %}
-    {% for item in site.tags %}{% assign list = list | push: item[0] %}{% endfor %}
-  {% endif %}
+{% capture lang %}{{ page.lang | default: site.lang | default: "en-US" }}{% endcapture %}
+
+{% comment %} color {% endcomment %}
+{% capture color %}{{ page.color | default: site.color | downcase }}{% endcapture %}
+{% assign colors = "red, blue, pink, green, yellow, purple, gray, default" | split: ", " %}
+{% for item in colors %}
+  {% if item == color %}{% break %}{% endif %}
+  {% if item == "default" %}{% assign color = "red" %}{% endif %}
+{% endfor %}
+
+{% comment %} background {% endcomment %}
+{% capture background %}{{ page.background | default: site.acg.background | default: "https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/pixiv86925095.png" | relative_url }}{% endcapture %}
 
-  {% assign list = list | sort %}
+{% assign title = page.title %}
+{% assign description = page.description %}
+{% assign content = content | strip %}
 
-{% endcapture %}
+{% if page.type == "home" %}
+  {% capture title %}{{ site.title }}{% endcapture %}
+  {% capture description %}{{ site.description }}{% endcapture %}
+{% elsif page.permalink == "/categories.html" %}
+  {% capture title %}{{ site.acg.categories.label | default: "Categories" }}{% endcapture %}
+  {% capture description %}{{ site.acg.categories.description }}{% endcapture %}
+{% elsif page.permalink == "/tags.html" %}
+  {% capture title %}{{ site.acg.tags.label | default: "Tags" }}{% endcapture %}
+  {% capture description %}{{ site.acg.tags.description }}{% endcapture %}
+{% elsif page.permalink == "/about.html" %}
+  {% capture title %}{{ site.acg.about.label | default: "About" }}{% endcapture %}
+  {% capture description %}{{ site.acg.about.description }}{% endcapture %}
+{% elsif page.permalink == "/friends.html" %}
+  {% capture title %}{{ site.acg.friends.label | default: "Friends" }}{% endcapture %}
+  {% capture description %}{{ site.acg.friends.description }}{% endcapture %}
+{% elsif page.permalink == "/404.html" %}
+  {% capture title %}{{ site.acg.error.label | default: '<span class="text-6xl">404</span>' }}{% endcapture %}
+  {% capture description %}{{ site.acg.error.description | default: "Page not found." }}{% endcapture %}
+{% endif %}
 
+{% assign list = "" | split: "" %}
+{% if page.permalink == "/categories.html" %}
+  {% for item in site.categories %}{% assign list = list | push: item[0] %}{% endfor %}
+{% elsif page.permalink == "/tags.html" %}
+  {% for item in site.tags %}{% assign list = list | push: item[0] %}{% endfor %}
+{% endif %}
+{% assign list = list | sort %}
+
+<!DOCTYPE html>
+<html lang="{{ lang }}" class="min-h-screen bg-image bg-cover bg-center bg-fixed">
+{% include head.html %}
+<body class="flex flex-col items-center bg-black bg-opacity-50">
+{% include header.html %}
 <div class="w-acg min-h-screen py-16">
-  <div class="w-full py-32 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
+  <div class="w-full flex flex-col justify-center items-center content-center text-{{ color }}-50
+    {% if page.type == "home" %}h-screen select-none pb-16{% else %}py-32{% endif %}"
+  >
     <!-- title -->
     <div class="text-center text-4xl font-serif py-8">
-      {% if page.type == "category" %}{% include item-category.html name=title title=true %}
-      {% elsif page.type == "tag" %}{% include item-tag.html name=title title=true %}
-      {% else %}{{ title }}{% endif %}
+      {% if page.type == "category" %}
+        {% include chip.html type="category" text=title width=8 larger=true %}
+      {% elsif page.type == "tag" %}
+        {% include chip.html type="tag" text=title width=8 larger=true %}
+      {% else %}
+        {{ title }}
+      {% endif %}
     </div>
     <!-- description -->
     <div class="text-center text-base font-sans py-8">{{ description }}</div>
-    <!-- categories/tags: list -->
+
+    <!-- categories.html & tags.html -->
     <div class="flex flex-wrap justify-center items-center content-center select-none">
     {% if page.permalink == "/categories.html" %}
-      {% for name in list %}{% assign count = site.categories[name].size %}
-      <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">{% include item-category.html name=name count=count %}</div>
+      {% for category in list %}{% assign count = site.categories[category].size %}
+        <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
+          {% include chip.html type="category" text=category count=count width=4 %}
+        </div>
       {% endfor %}
     {% elsif page.permalink == "/tags.html" %}
-      {% for name in list %}{% assign count = site.tags[name].size %}
-      <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">{% include item-tag.html name=name count=count %}</div>
+      {% for tag in list %}{% assign count = site.tags[tag].size %}
+        <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
+          {% include chip.html type="tag" text=tag count=count width=4 %}
+        </div>
       {% endfor %}
     {% endif %}
     </div>
-
-    <!-- content -->
-    {% if content != empty %}<article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">{{ content }}</article>{% endif %}
-    <!-- posts -->
-    {% if page.posts %}<div class="w-full p-4 flex flex-col space-y-4">{% include posts.html posts=page.posts %}</div>{% endif %}
-
   </div>
 
+  <!-- article -->
+  {% if page.type == "post" %}
+    <div class="flex flex-wrap">
+      <div class="flex-grow">
+        {% include chip.html type="date" text=page.date width=4 %}
+      </div>
+      <div class="flex flex-wrap">
+        {% for category in page.categories %}
+          {% include chip.html type="category" text=category width=4 %}
+        {% endfor %}
+        {% for tag in page.tags %}
+          {% include chip.html type="tag" text=tag width=4 %}
+        {% endfor %}
+      </div>
+    </div>
+    <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">
+      <h1>{{ title }}</h1>
+      {% include toc.html html=content %}
+      {{ content }}
+    </article>
+    {% include flip.html %}
+  {% elsif content != empty %}
+    <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">
+      {{ content }}
+    </article>
+  {% endif %}
+  <!-- posts -->
+  {% if page.type == "home" %}
+    <div class="w-full p-4 flex flex-col space-y-4">{% include posts.html posts=site.posts %}</div>
+    <div class="w-full p-4">{% include paginator.html %}</div>
+  {% elsif page.posts %}
+    <div class="w-full p-4 flex flex-col space-y-4">{% include posts.html posts=page.posts %}</div>
+  {% endif %}
 </div>
+{% include footer.html %}
+</body>
+</html>

data/_sass/markdown.scss

@@ -5,7 +5,7 @@
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
-  color: var(--theme-900);
+  color: rgba(0, 0, 0, 0.75);
 }
 
 .markdown-body hr {
@@ -13,9 +13,8 @@
 }
 
 .markdown-body blockquote {
-  color: var(--theme-700);
-  border-left-color: var(--theme-700);
-  opacity: 0.75;
+  color: var(--theme-800);
+  border-left-color: var(--theme-800);
 }
 
 .markdown-body code:not(.hljs) {

data/_sass/root.scss

@@ -91,9 +91,6 @@
 .bg-blur {
   backdrop-filter: blur(8px);
 }
-.max-w-acg {
-  max-width: MIN(90%, 768px);
-}
 .w-acg {
   width: MIN(90%, 768px);
 }

data/assets/404.md

@@ -1,4 +1,3 @@
 ---
-title: 404
 permalink: /404.html
 ---

data/assets/about.md

@@ -1,6 +1,4 @@
 ---
-title: About
-description: Info about this theme.
 permalink: /about.html
 ---
 

data/assets/categories.md

@@ -1,4 +1,3 @@
 ---
-title: categories
 permalink: /categories.html
 ---

data/assets/friends.md

@@ -0,0 +1,6 @@
+---
+permalink: /friends.html
+---
+{% for friend in site.data.friends %}
+- [{{ friend.name }}]({{ friend.link }}) {% if friend.description %}\| {{ friend.description }}{% endif %}
+{% endfor %}

data/assets/tags.md

@@ -1,4 +1,3 @@
 ---
-title: tags
 permalink: /tags.html
 ---

data/index.html

@@ -1,3 +1,3 @@
 ---
-layout: home
+# This is homepage of site.
 ---

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-acg
 version: !ruby/object:Gem::Version
-  version: 1.0.9
+  version: 1.0.14
 platform: ruby
 authors:
 - Coder Zhao
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-26 00:00:00.000000000 Z
+date: 2021-07-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -156,7 +156,8 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: This a theme for Jekyll, which still under development.
+description: This a theme for Jekyll, You can visit https://coderzhaoziwei.github.io
+  to preview the effect.
 email: coderzhaoziwei@outlook.com
 executables: []
 extensions: []
@@ -165,19 +166,24 @@ files:
 - LICENSE
 - README.md
 - _config.yml
+- _includes/chip.html
 - _includes/custom-head.html
-- _includes/head-style.html
-- _includes/item-category.html
-- _includes/item-date.html
-- _includes/item-pin.html
-- _includes/item-tag.html
+- _includes/flip.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/paginator.html
 - _includes/posts.html
+- _includes/svg-category.html
+- _includes/svg-date.html
+- _includes/svg-next.html
+- _includes/svg-pin.html
+- _includes/svg-prev.html
+- _includes/svg-tag.html
 - _includes/toc-readme.md
 - _includes/toc.html
-- _layouts/default.html
-- _layouts/home.html
+- _layouts/compress.html
 - _layouts/page.html
-- _layouts/post.html
 - _sass/markdown.scss
 - _sass/root.scss
 - _sass/scrollbar.scss
@@ -185,6 +191,7 @@ files:
 - assets/about.md
 - assets/categories.md
 - assets/css/style.scss
+- assets/friends.md
 - assets/tags.md
 - index.html
 homepage: https://github.com/coderzhaoziwei/jekyll-theme-acg
@@ -210,5 +217,5 @@ requirements: []
 rubygems_version: 3.1.4
 signing_key:
 specification_version: 4
-summary: Jekyll Theme ACG For Jekyll
+summary: Jekyll Theme ACG
 test_files: []

data/_includes/head-style.html

@@ -1,22 +0,0 @@
-{% assign color = page.color | default: site.color %}
-{% capture output %}
-:root {
-  --theme-50: var(--{{ color }}-50);
-  --theme-100: var(--{{ color }}-100);
-  --theme-200: var(--{{ color }}-200);
-  --theme-300: var(--{{ color }}-300);
-  --theme-400: var(--{{ color }}-400);
-  --theme-500: var(--{{ color }}-500);
-  --theme-600: var(--{{ color }}-600);
-  --theme-700: var(--{{ color }}-700);
-  --theme-800: var(--{{ color }}-800);
-  --theme-900: var(--{{ color }}-900);
-}
-.bg-image {
-  background-image: url("{{ page.background | default: site.background | relative_url }}");
-}
-{% endcapture %}
-
-{%- comment -%}{%- endcomment -%}
-<{{ "style" }}>{{ output }}</{{ "style" }}>
-{%- comment -%}{%- endcomment -%}

data/_includes/item-category.html

@@ -1,25 +0,0 @@
-{% capture workspace %}
-
-{% assign color = page.color | default: site.color %}
-{% assign name = include.name | default: "CATEGORY" %}
-{% assign count = include.count | default: 0 %}
-{% assign href = "/categories/" | append: name | relative_url %}
-{% assign title = include.title | default: false %}
-
-{% if title %}
-  {% assign a = "mx-px text-4xl text-color-100 text-opacity-75 flex items-center" %}
-{% else %}
-  {% assign a = "mx-px text-sm  text-color-500 text-opacity-75 flex items-center" %}
-{% endif %}
-
-{% if title %}
-  {% assign svg = "h-8 w-8 m-1" %}
-{% else %}
-  {% assign svg = "h-4 w-4" %}
-{% endif %}
-
-{% capture output %}
-<a class="{{ a | replace: "color", color }}" href="{{ href }}"><svg xmlns="http://www.w3.org/2000/svg" class="{{ svg }}" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" /></svg><span class="inline-block p-1">{{ name }}</span>{% if count > 0 %}<span class="inline-block p-1 text-{{ color }}-500 text-opacity-50">{{ count }}</span>{% endif %}</a>
-{% endcapture %}
-
-{% endcapture %}{{ output | strip }}

data/_includes/item-date.html

@@ -1,10 +0,0 @@
-{% capture workspace %}
-  {% assign color = page.color | default: site.color %}
-  {% assign date = include.date | date: "%Y-%m-%d" %}
-  "%Y-%m-%d %H:%M"
-{% endcapture %}
-
-<a class="mx-px text-sm text-{{ color }}-500 text-opacity-75 flex items-center" href="{{ href }}">
-  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
-  <span class="inline-block p-1 whitespace-nowrap">{{ date }}</span>
-</a>

data/_includes/item-pin.html

@@ -1,2 +0,0 @@
-{% assign color = page.color | default: site.color %}
-<svg xmlns="http://www.w3.org/2000/svg" class="absolute -left-2 -top-2 h-6 w-6 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"></svg>

data/_includes/item-tag.html

@@ -1,25 +0,0 @@
-{% capture workspace %}
-
-{% assign color = page.color | default: site.color %}
-{% assign name = include.name | default: "TAG" %}
-{% assign count = include.count | default: 0 %}
-{% assign href = "/tags/" | append: name | relative_url %}
-{% assign title = include.title | default: false %}
-
-{% if title %}
-  {% assign a = "mx-px text-4xl text-color-100 text-opacity-75 flex items-center" %}
-{% else %}
-  {% assign a = "mx-px text-sm  text-color-500 text-opacity-75 flex items-center" %}
-{% endif %}
-
-{% if title %}
-  {% assign svg = "h-8 w-8 m-1" %}
-{% else %}
-  {% assign svg = "h-4 w-4" %}
-{% endif %}
-
-{% capture output %}
-<a class="{{ a | replace: "color", color }}" href="{{ href }}"><svg xmlns="http://www.w3.org/2000/svg" class="{{ svg }}" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" /></svg><span class="inline-block p-1">{{ name }}</span>{% if count > 0 %}<span class="inline-block p-1 text-{{ color }}-500 text-opacity-50">{{ count }}</span>{% endif %}</a>
-{% endcapture %}
-
-{% endcapture %}{{ output | strip }}

data/_layouts/default.html

@@ -1,73 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: "en-US" }}" class="min-h-screen bg-image bg-cover bg-center bg-fixed">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-{% seo %}<!-- Begin Jekyll Feed -->
-{% feed_meta %}
-<!-- End Jekyll Feed -->
-
-  <!-- Tailwind Style -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2/dist/tailwind.min.css">
-  <!-- Primer Markdown Style -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/primer-markdown@4.0.0/build/build.css">
-  <!-- HighlightJS -->
-  <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.1/build/highlight.min.js"></script>
-  <script>hljs.highlightAll();</script>
-  <!-- HighlightJS Theme VS2015 Style -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.0.1/styles/vs2015.css">
-  <!-- Theme Style -->
-  <link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
-
-{% include head-style.html %}
-{% include custom-head.html %}
-
-</head>
-
-<body class="flex flex-col items-center bg-black bg-opacity-50">
-
-{% assign color = page.color | default: site.color %}
-
-<header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
-  <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
-    <a class="hover:text-{{ color }}-400 text-2xl" href="{{ site.url | default: "/" | relative_url }}">{{ site.title }}</a>
-    <div class="hidden md:block space-x-4">
-      <a class="hover:text-{{ color }}-400" href="{{ "/categories" | relative_url }}">{{ site.acg.categories }}</a>
-      <a class="hover:text-{{ color }}-400" href="{{ "/tags" | relative_url }}">{{ site.acg.tags }}</a>
-      <a class="hover:text-{{ color }}-400" href="{{ "/about" | relative_url }}">{{ site.acg.about }}</a>
-    </div>
-    <div id="theme-menu" class="md:hidden">
-      <style>#theme-menu:hover > #theme-menu-dropdown { display: block; }</style>
-      <button class="hover:outline-none hover:text-{{ color }}-400">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
-        </svg>
-      </button>
-      <div class="hidden origin-top-right absolute right-1 rounded-md py-1 bg-{{ color }}-100 bg-opacity-50 focus:block focus:outline-none" id="theme-menu-dropdown">
-        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/categories" | relative_url }}">{{ site.acg.categories }}</a>
-        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/tags" | relative_url }}">{{ site.acg.tags }}</a>
-        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/about" | relative_url }}">{{ site.acg.about }}</a>
-      </div>
-    </div>
-  </nav>
-</header>
-
-{{ content }}
-
-<footer class="w-full mt-4 p-2 text-sm text-{{ color }}-100 ">
-  <p class="text-center">
-    Powered by
-    <a class="text-{{ color }}-400" href="https://jekyllrb.com" target="_block">Jekyll</a>
-    ·
-    <a class="text-{{ color }}-400" href="https://github.com/coderzhaoziwei/jekyll-theme-acg" target="_block">Jekyll Theme ACG</a>
-  </p>
-  <p class="text-center">
-    Copyright {{ "now" | date: "%Y" }}
-    <a class="text-{{ color }}-400" href="https://github.com/{{ site.acg.github }}" target="_block">{{ site.author }}</a>
-    · All rights reserved.
-  </p>
-</footer>
-
-</body>
-</html>

data/_layouts/home.html

@@ -1,54 +0,0 @@
----
-layout: default
----
-{% assign color = site.color %}
-{% assign title = site.title %}
-{% assign description = site.description %}
-
-<div class="w-full h-screen flex flex-col justify-center items-center select-none text-{{ color }}-50">
-  <div class="font-serif text-4xl w-3/4 text-center py-4">{{ title }}</div>
-  <div class="font-sans text-base w-2/3 text-center">{{ description }}</div>
-</div>
-
-{% comment %}
-paginator.page                The number of the current page
-paginator.per_page            Number of posts per page
-paginator.posts               Posts available for the current page
-paginator.total_posts         Total number of posts
-paginator.total_pages         Total number of pages
-paginator.previous_page       The number of the previous page, or nil if no previous page exists
-paginator.previous_page_path  The path to the previous page, or nil if no previous page exists
-paginator.next_page           The number of the next page, or nil if no subsequent page exists
-paginator.next_page_path      The path to the next page, or nil if no subsequent page exists
-{% endcomment %}
-<div class="w-full max-w-acg m-auto p-4 grid gap-6 grid-cols-1">
-  {% include posts.html posts=site.posts%}
-
-
-<!-- Paginator -->
-<div class="flex justify-between items-center">
-  <!-- Prev -->
-  <a href="{{ paginator.previous_page_path | relative_url }}" class="flex justify-center items-center m-2 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400">
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 text-{{ color }}-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg>
-  </a>
-  <!-- Pages -->
-  <div class="flex flex-wrap items-center justify-center">
-    <!-- paginator.total_pages -->
-    {%- for pageCount in (1..paginator.total_pages) -%}
-    {% assign pagePath = site.paginate_path | replace: ":num", pageCount %}
-    <a class="flex justify-center items-center w-8 h-8 m-px rounded-full text-sm font-mono bg-{{ color }}-50 bg-opacity-75 text-black text-opacity-75 border border-transparent hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400 {%- if pageCount == paginator.page %} text-{{ color }}-400 select-none{% endif -%}"
-
-    {% if pageCount != paginator.page %}
-      {% if pageCount == 1 %}href={{ "/" | relative_url }}{% else %}href="{{ pagePath | relative_url }}"{% endif %}
-    {% endif %}
-
-    ><span class="block">{{ pageCount }}</span></a>
-    {%- endfor -%}
-  </div>
-  <!-- Next -->
-  <a href="{{ paginator.next_page_path | relative_url }}" class="flex justify-center items-center m-2 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400">
-    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 text-{{ color }}-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
-  </a>
-</div>
-
-</div>

data/_layouts/post.html

@@ -1,36 +0,0 @@
----
-layout: default
----
-{% capture workspace %}
-  {% assign color = page.color | default: site.color %}
-  {% assign title = page.title %}
-  {% assign description = page.description %}
-{% endcapture %}
-
-<div class="w-acg min-h-screen py-16">
-  <div class="w-full py-32 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
-    <div class="text-center text-4xl font-serif py-8">{{ title }}</div>
-    <div class="text-center text-base font-sans py-8">{{ description }}</div>
-    <!-- article -->
-    <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">
-      <h1>{{ title }}</h1>
-      {% include toc.html html=content %}
-      {{ content }}
-    </article>
-    <!-- footer -->
-    <div class="w-full mx-auto flex justify-between space-x-4">
-      <!-- prev -->
-      {% if page.next and page.next.id %}
-      <a class="w-1/2 p-4 flex items-center rounded-lg bg-{{ color }}-50 bg-opacity-75" href="{{ page.next.id | relative_url }}"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg><span class="ml-4 text-black">{{ page.next.title | default: "" }}</span></a>
-      {% else %}
-      <a class="w-1/2 p-4 opacity-0"></a>
-      {% endif %}
-      <!-- next -->
-      {% if page.previous and page.previous.id %}
-      <a class="w-1/2 p-4 flex flex-row-reverse items-center rounded-lg bg-{{ color }}-50 bg-opacity-75" href="{{ page.previous.id | relative_url }}"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg><span class="mr-4 text-black">{{ page.previous.title | default: "" }}</span></a>
-      {% else %}
-      <a class="w-1/2 p-4 opacity-0"></a>
-      {% endif %}
-    </div>
-  </div>
-</div>