jekyll-theme-acg 1.0.6 → 1.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1abc3a8fdf5221295dc69934c9fa2723bd357a6e16e14e0f66e6d0b3a29edfea
-  data.tar.gz: 861d93df0ba98250a1a095431dd5239603247a48791c7f6ab39d8613a6a67fa0
+  metadata.gz: 2a1bfc82c9da9620e8757ebb6f816be5530ea937596c77d2839effe91d98bf42
+  data.tar.gz: fbd05c7e4a65466fceca8dd3e51cf75de0464ad11d2c91feb284c413e974b3f7
 SHA512:
-  metadata.gz: 791995911806b2a7201106587cb1f0d87401586a31dda36b9cda152f7d38e526a90b8b7cecc3225862c9e80cb7c1a905d9969dde6813bf441ebac45537211a33
-  data.tar.gz: 34b1402b4bd267a8a2d42cc09088b03bda8feb8b7699c6b2e2616998b2c309da0434d7c32a5e0aa2edf5f36df24442c96336e6b4eb8a34bf9e06350f838023ff
+  metadata.gz: 43cda9abfb9aea262840acd9a253fe841a07cb51916b3eb980e9ab83db621600cbfd4a89a2da74d02475814e60daca52dabf8b46b9e2a176a79b24f615f66bbf
+  data.tar.gz: afe48d1ef08e8acd5ac59171763b21945a4630633a0dcdf9a8ba3639f51d4dd3989f83439f279c2f2e609884f4adab9832139e09486d15a92d2ee8ed6456f2e1

data/_config.yml

@@ -1,51 +1,47 @@
 lang: zh-CN
 title: Jekyll Theme ACG
 description: An awesome theme for Jekyll.
-
 author: Coder Zhao
 email: coderzhaoziwei@outlook.com
-github_id: coderzhaoziwei
 
 # Theme Name
 theme: jekyll-theme-acg
-background: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/bg.png
+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
-
-url:
-baseurl:
-
 # 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: 10
 paginate_path: /page:num
 
 # ========== ========== ========== ========== ==========
 
-
 exclude: [
   "LICENSE",
   "README.md",
   "package.json",
   "tailwind.config.js",
   "yarn.lock",
-  "jekyll-theme-acg.gemspec",
-  "jekyll-theme-acg-*.gem",
+  "*.gem",
+  "*.gemspec",
 ]
 
-sass:
-  style: compressed
-
 collections_dir: ""
 collections:
   posts:
@@ -56,25 +52,30 @@ defaults:
 - scope:
     path: "" # all files in the project
   values:
-    layout: default
+    layout: page
 - scope:
     path: ""
     type: posts
   values:
     layout: post
 
-# Configuration for plugin jekyll-archives
+sass:
+  style: compressed
+
+
+# Jekyll Archives
+# @see https://github.com/jekyll/jekyll-archives
 jekyll-archives:
   enabled: [categories, tags]
   layouts:
-    category: category
-    tag: tag
+    category: page
+    tag: page
   permalinks:
     tag: /tags/:name/
     category: /categories/:name/
-# layout: archive
 
-# Configuration for plugin jekyll-spaceship
+
+# Jekyll Spaceship
 # @see https://github.com/jeffreytse/jekyll-spaceship#usage
 jekyll-spaceship:
   processors:
@@ -88,18 +89,18 @@ jekyll-spaceship:
     - element-processor
   mathjax-processor:
     src:
-      - https://polyfill.io/v3/polyfill.min.js?features=es6
+      # - 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'
+        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)
@@ -109,29 +110,29 @@ jekyll-spaceship:
     css:
       class: plantuml
     syntax:
-      code: 'plantuml!'
-      custom: ['@startuml', '@enduml']
+      code: "plantuml!"
+      custom: ["@startuml", "@enduml"]
     src: http://www.plantuml.com/plantuml/svg/
   mermaid-processor:
     mode: default  # mode value 'pre-fetch' for fetching image at building stage
     css:
       class: mermaid
     syntax:
-      code: 'mermaid!'
-      custom: ['@startmermaid', '@endmermaid']
+      code: "mermaid!"
+      custom: ["@startmermaid", "@endmermaid"]
     config:
       theme: default
     src: https://mermaid.ink/svg/
   media-processor:
     default:
-      id: 'media-{id}'
-      class: 'media'
-      width: '100%'
+      id: "media-{id}"
+      class: "media"
+      width: "100%"
       height: 350
       frameborder: 0
-      style: 'max-width: 600px; outline: none;'
-      allow: 'encrypted-media; picture-in-picture'
+      style: "max-width: 600px; outline: none;"
+      allow: "encrypted-media; picture-in-picture"
   emoji-processor:
     css:
       class: emoji
-    src: https://github.githubassets.com/images/icons/emoji/
+    # src: https://github.githubassets.com/images/icons/emoji/

data/_includes/item-category.html

@@ -1,26 +1,25 @@
 {% 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 zoom = include.zoom | default: false %}
 
-  {% if zoom %}
-    {% assign textClass = "text-2xl text-color-50 text-opacity-75 " | replace: "color", color  %}
-    {% assign svgClass = "h-8 w-8" %}
-    {% assign countClass = "text-color-50 text-opacity-50" | replace: "color", color %}
-  {% else %}
-    {% assign textClass = "text-sm text-color-500 text-opacity-75" | replace: "color", color  %}
-    {% assign svgClass = "h-4 w-4" %}
-    {% assign countClass = "text-color-500 text-opacity-50" | replace: "color", color %}
-  {% endif %}
+{% 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 %}
 
-<a class="mx-px {{ textClass }} text-opacity-75 flex items-center" href="{{ href }}">
-  <svg xmlns="http://www.w3.org/2000/svg" class="{{ svgClass }}" 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 {{ countClass }}">{{ count }}</span>
-  {% endif %}
-</a>
+{% endcapture %}{{ output | strip }}

data/_includes/item-tag.html

@@ -1,29 +1,25 @@
 {% capture workspace %}
-  {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
 
-  {% capture name %}{{ include.name | default: "TAG" }}{% endcapture %}
-  {% assign count = include.count | default: 0 %}
+{% 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 %}
 
-  {% capture href %}{{ "/tags/" | append: name | relative_url }}{% endcapture %}
+{% 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 %}
 
-  {% assign zoom = include.zoom | default: false %}
-
-  {% if zoom %}
-    {% assign textClass = "text-2xl text-color-50 text-opacity-75 " | replace: "color", color  %}
-    {% assign svgClass = "h-8 w-8" %}
-    {% assign countClass = "text-color-50 text-opacity-50" | replace: "color", color %}
-  {% else %}
-    {% assign textClass = "text-sm text-color-500 text-opacity-75" | replace: "color", color  %}
-    {% assign svgClass = "h-4 w-4" %}
-    {% assign countClass = "text-color-500 text-opacity-50" | replace: "color", color %}
-  {% 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 %}
 
-<a class="mx-px {{ textClass }} flex items-center" href="{{ href }}">
-  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block {{ svgClass }}" 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 {{ countClass }}">{{ count }}</span>
-  {% endif %}
-</a>
+{% endcapture %}{{ output | strip }}

data/_includes/toc.html

@@ -50,8 +50,4 @@
     {% capture output %}{{ output }}</li>{% if include.ordered %}</ol>{% else %}</ul>{% endif %}{% endcapture %}
   {% endfor %}
 
-{% endcapture %}
-
-{%- comment -%}{%- endcomment -%}
-{{ output }}
-{%- comment -%}{%- endcomment -%}
+{% endcapture %}{{ output }}

data/_layouts/default.html

@@ -19,11 +19,54 @@
   <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 style.html %}
+
+{% include head-style.html %}
+
 </head>
+
 <body class="flex flex-col items-center bg-black bg-opacity-50">
-  {% include header.html %}
-  {{ content }}
-  {% include footer.html %}
+
+{% 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,9 +1,9 @@
 ---
 layout: default
 ---
-{% assign color = page.color | default: site.color %}
-{% assign title = page.title | default: site.title %}
-{% assign description = page.description | default: site.description %}
+{% 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>

data/_layouts/page.html

@@ -1,13 +1,57 @@
 ---
 layout: default
 ---
+{% capture workspace %}
+  {% assign color = page.color | default: site.color %}
+  {% assign title = page.title %}
+  {% assign description = page.description %}
+  {% assign content = content | strip %}
 
-{% assign color = page.color | default: site.color %}
+  {% 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 %}
+
+  {% assign list = list | sort %}
+
+{% 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">
+    <!-- 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 %}
+    </div>
+    <!-- description -->
+    <div class="text-center text-base font-sans py-8">{{ description }}</div>
+    <!-- categories/tags: list -->
+    <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>
+      {% 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>
+      {% 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 class="w-acg min-h-screen mt-16">
-  <div class="w-full py-16 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
-    <div class="text-center text-4xl font-serif">{{ page.title }}</div>
-    <div class="text-center text-base font-sans">{{ page.description }}</div>
   </div>
-  <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">{{ content }}</article>
+
 </div>

data/_layouts/post.html

@@ -1,24 +1,36 @@
 ---
 layout: default
 ---
-{% assign color = page.color | default: site.color %}
-{% assign title = page.title | default: site.title %}
-{% assign description = page.description | default: site.description %}
+{% capture workspace %}
+  {% assign color = page.color | default: site.color %}
+  {% assign title = page.title %}
+  {% assign description = page.description %}
+{% endcapture %}
 
-<div class="w-full mt-16 p-16 flex flex-col justify-center items-center select-none text-{{ color }}-50">
-  <div class="w-3/4 py-4 text-center font-serif text-4xl">{{ title }}</div>
-  <div class="w-2/3 py-1 text-center font-sans text-base">{{ description }}</div>
-</div>
-
-{% include article.html %}
-
-<div class="mx-auto flex justify-between w-acg space-x-4">
-  <a class="w-1/2 p-4 flex items-center rounded-lg shadow-xl flex-grow bg-{{ color }}-50 bg-opacity-75 {% unless page.next.id %}opacity-0{% endunless %}" {% if page.next.id %}href="{{ page.next.id | relative_url }}"{% endif %}>
-    <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">{{ page.next.title | default: "" }}</span>
-  </a>
-  <a class="w-1/2 p-4 flex items-center flex-row-reverse rounded-lg shadow-xl flex-grow bg-{{ color }}-50 bg-opacity-75 {% unless page.previous.id %}opacity-0{% endunless %}" {% if page.previous.id %}href="{{ page.previous.id | relative_url }}"{% endif %}>
-    <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">{{ page.previous.title | default: "" }}</span>
-  </a>
+<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>

data/_sass/markdown.scss

@@ -2,13 +2,20 @@
 .markdown-body h2 {
   border-bottom-color: var(--theme-600);
 }
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  color: var(--theme-900);
+}
+
 .markdown-body hr {
   background-color: var(--theme-600);
 }
 
 .markdown-body blockquote {
-  color: var(--theme-500);
-  border-left-color: var(--theme-600);
+  color: var(--theme-700);
+  border-left-color: var(--theme-700);
+  opacity: 0.75;
 }
 
 .markdown-body code:not(.hljs) {

data/assets/404.md

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

data/assets/about.md

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

data/assets/{categories.html → categories.md}

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

data/assets/{tags.html → tags.md}

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-acg
 version: !ruby/object:Gem::Version
-  version: 1.0.6
+  version: 1.0.7
 platform: ruby
 authors:
 - Coder Zhao
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-24 00:00:00.000000000 Z
+date: 2021-06-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -165,33 +165,26 @@ files:
 - LICENSE
 - README.md
 - _config.yml
-- _includes/README.md
-- _includes/article.html
-- _includes/footer.html
-- _includes/header.html
+- _includes/head-style.html
 - _includes/item-category.html
 - _includes/item-date.html
 - _includes/item-pin.html
 - _includes/item-tag.html
 - _includes/posts.html
-- _includes/style.html
+- _includes/toc-readme.md
 - _includes/toc.html
-- _layouts/categories.html
-- _layouts/category.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
-- _layouts/tag.html
-- _layouts/tags.html
 - _sass/markdown.scss
 - _sass/root.scss
 - _sass/scrollbar.scss
-- assets/404.html
+- assets/404.md
 - assets/about.md
-- assets/categories.html
+- assets/categories.md
 - assets/css/style.scss
-- assets/tags.html
+- assets/tags.md
 - index.html
 homepage: https://github.com/coderzhaoziwei/jekyll-theme-acg
 licenses:
@@ -216,5 +209,5 @@ requirements: []
 rubygems_version: 3.1.4
 signing_key:
 specification_version: 4
-summary: An awesome theme for Jekyll.
+summary: Jekyll Theme ACG For Jekyll
 test_files: []

data/_includes/article.html

@@ -1,8 +0,0 @@
-<article class="markdown-body my-4 mx-auto p-4 pb-8 max-w-acg rounded-lg shadow-xl text-black bg-{{ color }}-50 bg-opacity-75">
-  <h1>{{ page.title }}</h1>
-
-<!-- Jekyll TOC -->
-{% include toc.html html=content %}
-<!-- Jekyll TOC End -->
-{{ content }}
-</article>

data/_includes/footer.html

@@ -1,15 +0,0 @@
-{% assign color = page.color | default: site.color %}
-
-<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.github_id }}" target="_block">{{ site.author }}</a>
-    · All rights reserved.
-  </p>
-</footer>

data/_includes/header.html

@@ -1,27 +0,0 @@
-{% 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 }}">Categories</a>
-      <a class="hover:text-{{ color }}-400" href="{{ "/tags" | relative_url }}">Tags</a>
-      <a class="hover:text-{{ color }}-400" href="{{ "/about" | relative_url }}">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 }}">Categories</a>
-        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/tags" | relative_url }}">Tags</a>
-        <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/about" | relative_url }}">About</a>
-      </div>
-    </div>
-
-  </nav>
-</header>

data/_layouts/categories.html

@@ -1,21 +0,0 @@
----
-layout: default
----
-{% assign color = page.color | default: site.color %}
-
-{% assign categoryList = "" | split: "" %}
-{% for item in site.categories %}
-  {% assign categoryName = item[0] %}
-  {% assign categoryList = categoryList | push: categoryName %}
-{% endfor %}
-{% assign categoryList = categoryList | sort %}
-
-<div class="min-h-screen py-16 flex flex-wrap justify-center items-center content-center select-none">
-  <div class="w-full py-8 font-serif text-4xl text-{{ color }}-50 text-center">{{ site.CATEGORIES | default: "CATEGORIES" }}</div>
-  {% for categoryName in categoryList %}
-    {% assign categoryCount = site.categories[categoryName].size %}
-    <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
-      {% include item-category.html name=categoryName count=categoryCount %}
-    </div>
-  {% endfor %}
-</div>

data/_layouts/category.html

@@ -1,14 +0,0 @@
----
-layout: default
----
-{% assign color = page.color | default: site.color %}
-{% assign title = page.title | capitalize %}
-
-<div class="w-acg min-h-screen">
-  <div class="w-full mt-16 p-16 flex justify-center">
-    {% include item-category.html name=page.title zoom=true %}
-  </div>
-  <div class="w-full m-auto p-4 flex flex-col space-y-4">
-    {% include posts.html posts=page.posts %}
-  </div>
-</div>

data/_layouts/tag.html

@@ -1,14 +0,0 @@
----
-layout: default
----
-{% assign color = page.color | default: site.color %}
-{% assign title = page.title | capitalize %}
-
-<div class="w-acg min-h-screen">
-  <div class="w-full mt-16 p-16 flex justify-center">
-    {% include item-tag.html name=page.title zoom=true %}
-  </div>
-  <div class="w-full m-auto p-4 flex flex-col space-y-4">
-    {% include posts.html posts=page.posts %}
-  </div>
-</div>

data/_layouts/tags.html

@@ -1,21 +0,0 @@
----
-layout: default
----
-{% assign color = page.color | default: site.color %}
-{% assign tagList = "" | split: "" %}
-{% for item in site.tags %}
-  {% assign tagName = item[0] %}
-  {% assign tagList = tagList | push: tagName %}
-{% endfor %}
-{% assign tagList = tagList | sort %}
-
-<div class="min-h-screen py-16 flex flex-wrap justify-center items-center content-center select-none">
-  <div class="w-full py-8 font-serif text-4xl text-{{ color }}-50 text-center">{{ site.tagtitle | default: "TAGS" }}</div>
-
-  {% for tagName in tagList %}
-    {% assign tagCount = site.tags[tagName].size %}
-    <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
-      {% include item-tag.html name=tagName count=tagCount %}
-    </div>
-  {% endfor %}
-</div>

data/assets/404.html

@@ -1,6 +0,0 @@
----
-layout: default
-title: 404
-description: Page Not Found.
-permalink: /404.html
----