jekyll-theme-acg 1.0.6 → 1.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1abc3a8fdf5221295dc69934c9fa2723bd357a6e16e14e0f66e6d0b3a29edfea
-  data.tar.gz: 861d93df0ba98250a1a095431dd5239603247a48791c7f6ab39d8613a6a67fa0
+  metadata.gz: 22a1409600ed35b4705d463977468cc0a8fd9b84ba07ff9901d66b8ac36a5e6f
+  data.tar.gz: 161493328a0178531e75bc4f23699335c6f3744011bc97a007bc31f2c96381f1
 SHA512:
-  metadata.gz: 791995911806b2a7201106587cb1f0d87401586a31dda36b9cda152f7d38e526a90b8b7cecc3225862c9e80cb7c1a905d9969dde6813bf441ebac45537211a33
-  data.tar.gz: 34b1402b4bd267a8a2d42cc09088b03bda8feb8b7699c6b2e2616998b2c309da0434d7c32a5e0aa2edf5f36df24442c96336e6b4eb8a34bf9e06350f838023ff
+  metadata.gz: 82b47a3b5a88ea5ddbf26a59f563c342e4d5ce6870555bfd79382ca8f88ef4345a7baeb77436f7c3fe698f526b712583f47b425fa92373b05c9f1f222e981bd6
+  data.tar.gz: a200df938baa636502f72d6389173e75919f3ee427ef3eecb688afa4252d96432a51737d63da550246a493fb2d4985bd48b158efeff1e4ee2592f42de750b1d2

data/README.md

@@ -8,6 +8,9 @@
 
 This theme is still under development, just waiting for me...
 
+## Showcase
+
+- [Coder Zhao’s Zone](https://coderzhaoziwei.github.io)
 
 ## Usage
 
@@ -57,3 +60,17 @@ MIT
 
 <!-- https://rubygems.org/gems/jekyll-theme-acg -->
 <!-- https://github.com/coderzhaoziwei/jekyll-theme-acg -->
+
+<!--
+
+The page build completed successfully, but returned the following warning for the `main` branch:
+
+You are attempting to use a Jekyll theme, "jekyll-theme-acg", which is not supported by GitHub Pages. Please visit https://pages.github.com/themes/ for a list of supported themes. If you are using the "theme" configuration variable for something other than a Jekyll theme, we recommend you rename this variable throughout your site. For more information, see https://docs.github.com/github/working-with-github-pages/adding-a-theme-to-your-github-pages-site-using-jekyll.
+
+For information on troubleshooting Jekyll see:
+
+ https://docs.github.com/articles/troubleshooting-jekyll-builds
+
+If you have any questions you can submit a request at https://support.github.com/contact?repo_id=380397777&page_build_id=262410246
+
+-->

data/_config.yml

@@ -1,36 +1,36 @@
-lang: zh-CN
+url:
+baseurl:
 title: Jekyll Theme ACG
 description: An awesome theme for Jekyll.
-
 author: Coder Zhao
-email: coderzhaoziwei@outlook.com
-github_id: coderzhaoziwei
-
+lang: en-US
 # Theme Name
 theme: jekyll-theme-acg
-background: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/bg.png
-
-# 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
 
-
-
-
-show_excerpt: true
-paginate: 10
-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: Categories
+    description:
+  tags:
+    label: Tags
+    description:
+  about:
+    label: About
+    description:
+  friends:
+    label: Friends
+    description:
+  error:
+    label: <span class="text-6xl">404</span>
+    description: "Page not found."
 
 
 exclude: [
@@ -39,99 +39,97 @@ exclude: [
   "package.json",
   "tailwind.config.js",
   "yarn.lock",
-  "jekyll-theme-acg.gemspec",
-  "jekyll-theme-acg-*.gem",
+  "*.gem",
+  "*.gemspec",
 ]
 
-sass:
-  style: compressed
-
-collections_dir: ""
-collections:
-  posts:
-    output: true
-    permalink: /:collection/:title
 
 defaults:
-- scope:
-    path: "" # all files in the project
+- scope:                    # all
+    path: ""
   values:
-    layout: default
+    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
+
 
-# Configuration for plugin jekyll-archives
+paginate: 10
+show_excerpt: true
+paginate_path: /page:num
+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
-# @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:
       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/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

@@ -1,5 +1,3 @@
-{% 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
@@ -9,7 +7,7 @@
   </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>
+    <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

@@ -1,27 +1,46 @@
-{% assign color = page.color | default: site.color %}
 
+{% capture siteUrl %}{{ site.url | default: "/" | 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: "Tags" }}{% 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="{{ site.url | default: "/" | relative_url }}">{{ site.title }}</a>
+    <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="{{ "/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>
+      <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">
-      <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>
+        <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>
+        <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>