jekyll-theme-acg 1.0.5 → 1.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 815f15ec1cedc8ec4c04fb030651f2e93b9b268356effaf506c0c5f6fd18e856
-  data.tar.gz: 552d93ec31524be5543ec4e6d6bf52b7f27d38c6deae2afda0561642b3fcfe23
+  metadata.gz: a2f7d1e0469fa32bfa8c39b95bb7e841f88f55b34745e1ac5d7d79f1cf089419
+  data.tar.gz: f913c1ba76f701e1129569131f82e5948a1f31f0ca39efe357e16b850ea6d8ce
 SHA512:
-  metadata.gz: 6d7f2aee02e36f765a034b39b63cf0f6450dd21504bdbac40bbbd5b94a301e8834288e343e9e75ca0cfaf1ffb89c2f788d5dc156b6e2eeef682037758e1c9a6c
-  data.tar.gz: 848ab001e6efcf976357a2ca709cd78b48b8c3aa7d87c93f64756d60fe65ef6185854fd3c117fe27e03c99142d26b97c7e92edc3d026e9a1513afa07155e7f4b
+  metadata.gz: 1b7ecbe56dd92d1d51d5e0a53b8ed8916ced5062ecb0b0c3dc5efac9311bd0bfa18c3d35a54f471b8afc063edc6fb5051a8be18c5669ea97ce38dae68a2a29e9
+  data.tar.gz: cb87d459df3721d863c67464ee5558537e2cfb7b8b4ea538223e24677549f3842421468a8c918e4f18cd05f23dbc3c8247f4c54dfb6d2eab77be5f073daee8af

data/README.md

@@ -1,25 +1,17 @@
-<h1 style="text-align:center;">Jekyll Theme ACG</h1>
-
-<div style="text-align:center;">
-  <!-- gem version -->
-  <a href="https://rubygems.org/gems/jekyll-theme-acg">
-    <image src="https://img.shields.io/gem/v/jekyll-theme-acg"></image>
-  </a>
-  <!-- gem downloads -->
-  <a href="https://rubygems.org/gems/jekyll-theme-acg">
-    <image src="https://img.shields.io/gem/dt/jekyll-theme-acg"></image>
-  </a>
-  <!-- github stars -->
-  <a href="https://github.com/coderzhaoziwei/jekyll-theme-acg">
-    <image src="https://img.shields.io/github/stars/coderzhaoziwei/jekyll-theme-acg?style=social"></image>
-  </a>
-</div>
-
-
-## About
+# 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)
+
+## 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`:
@@ -50,8 +42,35 @@ layout: home
 bundle update & bundle exec jekyll serve -o
 ```
 
+## Documentation
+
+To be continued...
+
 
 ## Thanks
 
 - Markdown Style: https://github.com/primer/css/tree/main/src/markdown
 - Highlight JS: https://highlightjs.org
+
+
+## License
+
+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,46 @@
+<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>
+</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>