jekyll-theme-acg 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1abc3a8fdf5221295dc69934c9fa2723bd357a6e16e14e0f66e6d0b3a29edfea
4
- data.tar.gz: 861d93df0ba98250a1a095431dd5239603247a48791c7f6ab39d8613a6a67fa0
3
+ metadata.gz: 2a1bfc82c9da9620e8757ebb6f816be5530ea937596c77d2839effe91d98bf42
4
+ data.tar.gz: fbd05c7e4a65466fceca8dd3e51cf75de0464ad11d2c91feb284c413e974b3f7
5
5
  SHA512:
6
- metadata.gz: 791995911806b2a7201106587cb1f0d87401586a31dda36b9cda152f7d38e526a90b8b7cecc3225862c9e80cb7c1a905d9969dde6813bf441ebac45537211a33
7
- data.tar.gz: 34b1402b4bd267a8a2d42cc09088b03bda8feb8b7699c6b2e2616998b2c309da0434d7c32a5e0aa2edf5f36df24442c96336e6b4eb8a34bf9e06350f838023ff
6
+ metadata.gz: 43cda9abfb9aea262840acd9a253fe841a07cb51916b3eb980e9ab83db621600cbfd4a89a2da74d02475814e60daca52dabf8b46b9e2a176a79b24f615f66bbf
7
+ data.tar.gz: afe48d1ef08e8acd5ac59171763b21945a4630633a0dcdf9a8ba3639f51d4dd3989f83439f279c2f2e609884f4adab9832139e09486d15a92d2ee8ed6456f2e1
data/_config.yml CHANGED
@@ -1,51 +1,47 @@
1
1
  lang: zh-CN
2
2
  title: Jekyll Theme ACG
3
3
  description: An awesome theme for Jekyll.
4
-
5
4
  author: Coder Zhao
6
5
  email: coderzhaoziwei@outlook.com
7
- github_id: coderzhaoziwei
8
6
 
9
7
  # Theme Name
10
8
  theme: jekyll-theme-acg
11
- background: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/bg.png
9
+ acg:
10
+ categories: Categories
11
+ tags: Tags
12
+ about: About
13
+ error: Page Not Found.
14
+ github: coderzhaoziwei
12
15
 
13
16
  # Theme Color
14
17
  # Default: red
15
18
  # Options: red, blue, pink, green, yellow, purple
16
19
  color: red
17
-
18
- url:
19
- baseurl:
20
-
21
20
  # Theme Background Image Path
22
21
  # Default: /assets/images/bg.png
23
22
  # Author: saino
24
23
  # Origin: https://www.pixiv.net/artworks/86925095
24
+ background: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/bg.png
25
25
 
26
-
27
-
26
+ url:
27
+ baseurl:
28
+ paginate: 10
28
29
 
29
30
  show_excerpt: true
30
- paginate: 10
31
31
  paginate_path: /page:num
32
32
 
33
33
  # ========== ========== ========== ========== ==========
34
34
 
35
-
36
35
  exclude: [
37
36
  "LICENSE",
38
37
  "README.md",
39
38
  "package.json",
40
39
  "tailwind.config.js",
41
40
  "yarn.lock",
42
- "jekyll-theme-acg.gemspec",
43
- "jekyll-theme-acg-*.gem",
41
+ "*.gem",
42
+ "*.gemspec",
44
43
  ]
45
44
 
46
- sass:
47
- style: compressed
48
-
49
45
  collections_dir: ""
50
46
  collections:
51
47
  posts:
@@ -56,25 +52,30 @@ defaults:
56
52
  - scope:
57
53
  path: "" # all files in the project
58
54
  values:
59
- layout: default
55
+ layout: page
60
56
  - scope:
61
57
  path: ""
62
58
  type: posts
63
59
  values:
64
60
  layout: post
65
61
 
66
- # Configuration for plugin jekyll-archives
62
+ sass:
63
+ style: compressed
64
+
65
+
66
+ # Jekyll Archives
67
+ # @see https://github.com/jekyll/jekyll-archives
67
68
  jekyll-archives:
68
69
  enabled: [categories, tags]
69
70
  layouts:
70
- category: category
71
- tag: tag
71
+ category: page
72
+ tag: page
72
73
  permalinks:
73
74
  tag: /tags/:name/
74
75
  category: /categories/:name/
75
- # layout: archive
76
76
 
77
- # Configuration for plugin jekyll-spaceship
77
+
78
+ # Jekyll Spaceship
78
79
  # @see https://github.com/jeffreytse/jekyll-spaceship#usage
79
80
  jekyll-spaceship:
80
81
  processors:
@@ -88,18 +89,18 @@ jekyll-spaceship:
88
89
  - element-processor
89
90
  mathjax-processor:
90
91
  src:
91
- - https://polyfill.io/v3/polyfill.min.js?features=es6
92
+ # - https://polyfill.io/v3/polyfill.min.js?features=es6
92
93
  - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
93
94
  config:
94
95
  tex:
95
96
  inlineMath:
96
- - ['$','$']
97
- - ['\(','\)']
97
+ - ["$", "$"]
98
+ - ["\(", "\)"]
98
99
  displayMath:
99
- - ['$$','$$']
100
- - ['\[','\]']
100
+ - ["$$", "$$"]
101
+ - ["\[", "\]"]
101
102
  svg:
102
- fontCache: 'global'
103
+ fontCache: "global"
103
104
  optimize: # optimization on building stage to check and add mathjax scripts
104
105
  enabled: true # value `false` for adding to all pages
105
106
  include: [] # include patterns for math expressions checking (regexp)
@@ -109,29 +110,29 @@ jekyll-spaceship:
109
110
  css:
110
111
  class: plantuml
111
112
  syntax:
112
- code: 'plantuml!'
113
- custom: ['@startuml', '@enduml']
113
+ code: "plantuml!"
114
+ custom: ["@startuml", "@enduml"]
114
115
  src: http://www.plantuml.com/plantuml/svg/
115
116
  mermaid-processor:
116
117
  mode: default # mode value 'pre-fetch' for fetching image at building stage
117
118
  css:
118
119
  class: mermaid
119
120
  syntax:
120
- code: 'mermaid!'
121
- custom: ['@startmermaid', '@endmermaid']
121
+ code: "mermaid!"
122
+ custom: ["@startmermaid", "@endmermaid"]
122
123
  config:
123
124
  theme: default
124
125
  src: https://mermaid.ink/svg/
125
126
  media-processor:
126
127
  default:
127
- id: 'media-{id}'
128
- class: 'media'
129
- width: '100%'
128
+ id: "media-{id}"
129
+ class: "media"
130
+ width: "100%"
130
131
  height: 350
131
132
  frameborder: 0
132
- style: 'max-width: 600px; outline: none;'
133
- allow: 'encrypted-media; picture-in-picture'
133
+ style: "max-width: 600px; outline: none;"
134
+ allow: "encrypted-media; picture-in-picture"
134
135
  emoji-processor:
135
136
  css:
136
137
  class: emoji
137
- src: https://github.githubassets.com/images/icons/emoji/
138
+ # src: https://github.githubassets.com/images/icons/emoji/
File without changes
@@ -1,26 +1,25 @@
1
1
  {% capture workspace %}
2
- {% assign color = page.color | default: site.color %}
3
- {% assign name = include.name | default: "CATEGORY" %}
4
- {% assign count = include.count | default: 0 %}
5
- {% assign href = "/categories/" | append: name | relative_url %}
6
- {% assign zoom = include.zoom | default: false %}
7
2
 
8
- {% if zoom %}
9
- {% assign textClass = "text-2xl text-color-50 text-opacity-75 " | replace: "color", color %}
10
- {% assign svgClass = "h-8 w-8" %}
11
- {% assign countClass = "text-color-50 text-opacity-50" | replace: "color", color %}
12
- {% else %}
13
- {% assign textClass = "text-sm text-color-500 text-opacity-75" | replace: "color", color %}
14
- {% assign svgClass = "h-4 w-4" %}
15
- {% assign countClass = "text-color-500 text-opacity-50" | replace: "color", color %}
16
- {% endif %}
3
+ {% assign color = page.color | default: site.color %}
4
+ {% assign name = include.name | default: "CATEGORY" %}
5
+ {% assign count = include.count | default: 0 %}
6
+ {% assign href = "/categories/" | append: name | relative_url %}
7
+ {% assign title = include.title | default: false %}
17
8
 
9
+ {% if title %}
10
+ {% assign a = "mx-px text-4xl text-color-100 text-opacity-75 flex items-center" %}
11
+ {% else %}
12
+ {% assign a = "mx-px text-sm text-color-500 text-opacity-75 flex items-center" %}
13
+ {% endif %}
14
+
15
+ {% if title %}
16
+ {% assign svg = "h-8 w-8 m-1" %}
17
+ {% else %}
18
+ {% assign svg = "h-4 w-4" %}
19
+ {% endif %}
20
+
21
+ {% capture output %}
22
+ <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>
18
23
  {% endcapture %}
19
24
 
20
- <a class="mx-px {{ textClass }} text-opacity-75 flex items-center" href="{{ href }}">
21
- <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>
22
- <span class="inline-block p-1">{{ name }}</span>
23
- {% if count > 0 %}
24
- <span class="inline-block p-1 {{ countClass }}">{{ count }}</span>
25
- {% endif %}
26
- </a>
25
+ {% endcapture %}{{ output | strip }}
@@ -1,29 +1,25 @@
1
1
  {% capture workspace %}
2
- {% capture color %}{{ page.color | default: site.color }}{% endcapture %}
3
2
 
4
- {% capture name %}{{ include.name | default: "TAG" }}{% endcapture %}
5
- {% assign count = include.count | default: 0 %}
3
+ {% assign color = page.color | default: site.color %}
4
+ {% assign name = include.name | default: "TAG" %}
5
+ {% assign count = include.count | default: 0 %}
6
+ {% assign href = "/tags/" | append: name | relative_url %}
7
+ {% assign title = include.title | default: false %}
6
8
 
7
- {% capture href %}{{ "/tags/" | append: name | relative_url }}{% endcapture %}
9
+ {% if title %}
10
+ {% assign a = "mx-px text-4xl text-color-100 text-opacity-75 flex items-center" %}
11
+ {% else %}
12
+ {% assign a = "mx-px text-sm text-color-500 text-opacity-75 flex items-center" %}
13
+ {% endif %}
8
14
 
9
- {% assign zoom = include.zoom | default: false %}
10
-
11
- {% if zoom %}
12
- {% assign textClass = "text-2xl text-color-50 text-opacity-75 " | replace: "color", color %}
13
- {% assign svgClass = "h-8 w-8" %}
14
- {% assign countClass = "text-color-50 text-opacity-50" | replace: "color", color %}
15
- {% else %}
16
- {% assign textClass = "text-sm text-color-500 text-opacity-75" | replace: "color", color %}
17
- {% assign svgClass = "h-4 w-4" %}
18
- {% assign countClass = "text-color-500 text-opacity-50" | replace: "color", color %}
19
- {% endif %}
15
+ {% if title %}
16
+ {% assign svg = "h-8 w-8 m-1" %}
17
+ {% else %}
18
+ {% assign svg = "h-4 w-4" %}
19
+ {% endif %}
20
20
 
21
+ {% capture output %}
22
+ <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>
21
23
  {% endcapture %}
22
24
 
23
- <a class="mx-px {{ textClass }} flex items-center" href="{{ href }}">
24
- <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>
25
- <span class="inline-block p-1">{{ name }}</span>
26
- {% if count > 0 %}
27
- <span class="inline-block p-1 {{ countClass }}">{{ count }}</span>
28
- {% endif %}
29
- </a>
25
+ {% endcapture %}{{ output | strip }}
File without changes
data/_includes/toc.html CHANGED
@@ -50,8 +50,4 @@
50
50
  {% capture output %}{{ output }}</li>{% if include.ordered %}</ol>{% else %}</ul>{% endif %}{% endcapture %}
51
51
  {% endfor %}
52
52
 
53
- {% endcapture %}
54
-
55
- {%- comment -%}{%- endcomment -%}
56
- {{ output }}
57
- {%- comment -%}{%- endcomment -%}
53
+ {% endcapture %}{{ output }}
@@ -19,11 +19,54 @@
19
19
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.0.1/styles/vs2015.css">
20
20
  <!-- Theme Style -->
21
21
  <link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
22
- {% include style.html %}
22
+
23
+ {% include head-style.html %}
24
+
23
25
  </head>
26
+
24
27
  <body class="flex flex-col items-center bg-black bg-opacity-50">
25
- {% include header.html %}
26
- {{ content }}
27
- {% include footer.html %}
28
+
29
+ {% assign color = page.color | default: site.color %}
30
+
31
+ <header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
32
+ <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
33
+ <a class="hover:text-{{ color }}-400 text-2xl" href="{{ site.url | default: "/" | relative_url }}">{{ site.title }}</a>
34
+ <div class="hidden md:block space-x-4">
35
+ <a class="hover:text-{{ color }}-400" href="{{ "/categories" | relative_url }}">{{ site.acg.categories }}</a>
36
+ <a class="hover:text-{{ color }}-400" href="{{ "/tags" | relative_url }}">{{ site.acg.tags }}</a>
37
+ <a class="hover:text-{{ color }}-400" href="{{ "/about" | relative_url }}">{{ site.acg.about }}</a>
38
+ </div>
39
+ <div id="theme-menu" class="md:hidden">
40
+ <style>#theme-menu:hover > #theme-menu-dropdown { display: block; }</style>
41
+ <button class="hover:outline-none hover:text-{{ color }}-400">
42
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
43
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
44
+ </svg>
45
+ </button>
46
+ <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">
47
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/categories" | relative_url }}">{{ site.acg.categories }}</a>
48
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/tags" | relative_url }}">{{ site.acg.tags }}</a>
49
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/about" | relative_url }}">{{ site.acg.about }}</a>
50
+ </div>
51
+ </div>
52
+ </nav>
53
+ </header>
54
+
55
+ {{ content }}
56
+
57
+ <footer class="w-full mt-4 p-2 text-sm text-{{ color }}-100 ">
58
+ <p class="text-center">
59
+ Powered by
60
+ <a class="text-{{ color }}-400" href="https://jekyllrb.com" target="_block">Jekyll</a>
61
+ ·
62
+ <a class="text-{{ color }}-400" href="https://github.com/coderzhaoziwei/jekyll-theme-acg" target="_block">Jekyll Theme ACG</a>
63
+ </p>
64
+ <p class="text-center">
65
+ Copyright {{ "now" | date: "%Y" }}
66
+ <a class="text-{{ color }}-400" href="https://github.com/{{ site.acg.github }}" target="_block">{{ site.author }}</a>
67
+ · All rights reserved.
68
+ </p>
69
+ </footer>
70
+
28
71
  </body>
29
72
  </html>
data/_layouts/home.html CHANGED
@@ -1,9 +1,9 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- {% assign color = page.color | default: site.color %}
5
- {% assign title = page.title | default: site.title %}
6
- {% assign description = page.description | default: site.description %}
4
+ {% assign color = site.color %}
5
+ {% assign title = site.title %}
6
+ {% assign description = site.description %}
7
7
 
8
8
  <div class="w-full h-screen flex flex-col justify-center items-center select-none text-{{ color }}-50">
9
9
  <div class="font-serif text-4xl w-3/4 text-center py-4">{{ title }}</div>
data/_layouts/page.html CHANGED
@@ -1,13 +1,57 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
+ {% capture workspace %}
5
+ {% assign color = page.color | default: site.color %}
6
+ {% assign title = page.title %}
7
+ {% assign description = page.description %}
8
+ {% assign content = content | strip %}
4
9
 
5
- {% assign color = page.color | default: site.color %}
10
+ {% assign list = "" | split: "" %}
11
+
12
+ {% if page.permalink == "/404.html" %}
13
+ {% capture title %}<span class="text-6xl">404</span>{% endcapture %}
14
+ {% capture description %}{{ site.acg.error | default: "Page not found." }}{% endcapture %}
15
+ {% elsif page.permalink == "/categories.html" %}
16
+ {% assign title = site.acg.categories %}
17
+ {% for item in site.categories %}{% assign list = list | push: item[0] %}{% endfor %}
18
+ {% elsif page.permalink == "/tags.html" %}
19
+ {% assign title = site.acg.tags %}
20
+ {% for item in site.tags %}{% assign list = list | push: item[0] %}{% endfor %}
21
+ {% endif %}
22
+
23
+ {% assign list = list | sort %}
24
+
25
+ {% endcapture %}
26
+
27
+ <div class="w-acg min-h-screen py-16">
28
+ <div class="w-full py-32 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
29
+ <!-- title -->
30
+ <div class="text-center text-4xl font-serif py-8">
31
+ {% if page.type == "category" %}{% include item-category.html name=title title=true %}
32
+ {% elsif page.type == "tag" %}{% include item-tag.html name=title title=true %}
33
+ {% else %}{{ title }}{% endif %}
34
+ </div>
35
+ <!-- description -->
36
+ <div class="text-center text-base font-sans py-8">{{ description }}</div>
37
+ <!-- categories/tags: list -->
38
+ <div class="flex flex-wrap justify-center items-center content-center select-none">
39
+ {% if page.permalink == "/categories.html" %}
40
+ {% for name in list %}{% assign count = site.categories[name].size %}
41
+ <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">{% include item-category.html name=name count=count %}</div>
42
+ {% endfor %}
43
+ {% elsif page.permalink == "/tags.html" %}
44
+ {% for name in list %}{% assign count = site.tags[name].size %}
45
+ <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">{% include item-tag.html name=name count=count %}</div>
46
+ {% endfor %}
47
+ {% endif %}
48
+ </div>
49
+
50
+ <!-- content -->
51
+ {% 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 %}
52
+ <!-- posts -->
53
+ {% if page.posts %}<div class="w-full p-4 flex flex-col space-y-4">{% include posts.html posts=page.posts %}</div>{% endif %}
6
54
 
7
- <div class="w-acg min-h-screen mt-16">
8
- <div class="w-full py-16 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
9
- <div class="text-center text-4xl font-serif">{{ page.title }}</div>
10
- <div class="text-center text-base font-sans">{{ page.description }}</div>
11
55
  </div>
12
- <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">{{ content }}</article>
56
+
13
57
  </div>
data/_layouts/post.html CHANGED
@@ -1,24 +1,36 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- {% assign color = page.color | default: site.color %}
5
- {% assign title = page.title | default: site.title %}
6
- {% assign description = page.description | default: site.description %}
4
+ {% capture workspace %}
5
+ {% assign color = page.color | default: site.color %}
6
+ {% assign title = page.title %}
7
+ {% assign description = page.description %}
8
+ {% endcapture %}
7
9
 
8
- <div class="w-full mt-16 p-16 flex flex-col justify-center items-center select-none text-{{ color }}-50">
9
- <div class="w-3/4 py-4 text-center font-serif text-4xl">{{ title }}</div>
10
- <div class="w-2/3 py-1 text-center font-sans text-base">{{ description }}</div>
11
- </div>
12
-
13
- {% include article.html %}
14
-
15
- <div class="mx-auto flex justify-between w-acg space-x-4">
16
- <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 %}>
17
- <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>
18
- <span class="ml-4">{{ page.next.title | default: "" }}</span>
19
- </a>
20
- <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 %}>
21
- <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>
22
- <span class="mr-4">{{ page.previous.title | default: "" }}</span>
23
- </a>
10
+ <div class="w-acg min-h-screen py-16">
11
+ <div class="w-full py-32 text-{{ color }}-50 flex flex-col justify-center items-center content-center">
12
+ <div class="text-center text-4xl font-serif py-8">{{ title }}</div>
13
+ <div class="text-center text-base font-sans py-8">{{ description }}</div>
14
+ <!-- article -->
15
+ <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">
16
+ <h1>{{ title }}</h1>
17
+ {% include toc.html html=content %}
18
+ {{ content }}
19
+ </article>
20
+ <!-- footer -->
21
+ <div class="w-full mx-auto flex justify-between space-x-4">
22
+ <!-- prev -->
23
+ {% if page.next and page.next.id %}
24
+ <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>
25
+ {% else %}
26
+ <a class="w-1/2 p-4 opacity-0"></a>
27
+ {% endif %}
28
+ <!-- next -->
29
+ {% if page.previous and page.previous.id %}
30
+ <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>
31
+ {% else %}
32
+ <a class="w-1/2 p-4 opacity-0"></a>
33
+ {% endif %}
34
+ </div>
35
+ </div>
24
36
  </div>
data/_sass/markdown.scss CHANGED
@@ -2,13 +2,20 @@
2
2
  .markdown-body h2 {
3
3
  border-bottom-color: var(--theme-600);
4
4
  }
5
+ .markdown-body h4,
6
+ .markdown-body h5,
7
+ .markdown-body h6 {
8
+ color: var(--theme-900);
9
+ }
10
+
5
11
  .markdown-body hr {
6
12
  background-color: var(--theme-600);
7
13
  }
8
14
 
9
15
  .markdown-body blockquote {
10
- color: var(--theme-500);
11
- border-left-color: var(--theme-600);
16
+ color: var(--theme-700);
17
+ border-left-color: var(--theme-700);
18
+ opacity: 0.75;
12
19
  }
13
20
 
14
21
  .markdown-body code:not(.hljs) {
data/assets/404.md ADDED
@@ -0,0 +1,4 @@
1
+ ---
2
+ title: 404
3
+ permalink: /404.html
4
+ ---
data/assets/about.md CHANGED
@@ -1,5 +1,4 @@
1
1
  ---
2
- layout: page
3
2
  title: About
4
3
  description: Info about this theme.
5
4
  permalink: /about.html
@@ -1,4 +1,4 @@
1
1
  ---
2
- layout: categories
2
+ title: categories
3
3
  permalink: /categories.html
4
4
  ---
@@ -1,4 +1,4 @@
1
1
  ---
2
- layout: tags
2
+ title: tags
3
3
  permalink: /tags.html
4
4
  ---
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-acg
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.6
4
+ version: 1.0.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Coder Zhao
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-06-24 00:00:00.000000000 Z
11
+ date: 2021-06-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -165,33 +165,26 @@ files:
165
165
  - LICENSE
166
166
  - README.md
167
167
  - _config.yml
168
- - _includes/README.md
169
- - _includes/article.html
170
- - _includes/footer.html
171
- - _includes/header.html
168
+ - _includes/head-style.html
172
169
  - _includes/item-category.html
173
170
  - _includes/item-date.html
174
171
  - _includes/item-pin.html
175
172
  - _includes/item-tag.html
176
173
  - _includes/posts.html
177
- - _includes/style.html
174
+ - _includes/toc-readme.md
178
175
  - _includes/toc.html
179
- - _layouts/categories.html
180
- - _layouts/category.html
181
176
  - _layouts/default.html
182
177
  - _layouts/home.html
183
178
  - _layouts/page.html
184
179
  - _layouts/post.html
185
- - _layouts/tag.html
186
- - _layouts/tags.html
187
180
  - _sass/markdown.scss
188
181
  - _sass/root.scss
189
182
  - _sass/scrollbar.scss
190
- - assets/404.html
183
+ - assets/404.md
191
184
  - assets/about.md
192
- - assets/categories.html
185
+ - assets/categories.md
193
186
  - assets/css/style.scss
194
- - assets/tags.html
187
+ - assets/tags.md
195
188
  - index.html
196
189
  homepage: https://github.com/coderzhaoziwei/jekyll-theme-acg
197
190
  licenses:
@@ -216,5 +209,5 @@ requirements: []
216
209
  rubygems_version: 3.1.4
217
210
  signing_key:
218
211
  specification_version: 4
219
- summary: An awesome theme for Jekyll.
212
+ summary: Jekyll Theme ACG For Jekyll
220
213
  test_files: []
@@ -1,8 +0,0 @@
1
- <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">
2
- <h1>{{ page.title }}</h1>
3
-
4
- <!-- Jekyll TOC -->
5
- {% include toc.html html=content %}
6
- <!-- Jekyll TOC End -->
7
- {{ content }}
8
- </article>
@@ -1,15 +0,0 @@
1
- {% assign color = page.color | default: site.color %}
2
-
3
- <footer class="w-full mt-4 p-2 text-sm text-{{ color }}-100 ">
4
- <p class="text-center">
5
- Powered by
6
- <a class="text-{{ color }}-400" href="https://jekyllrb.com" target="_block">Jekyll</a>
7
- ·
8
- <a class="text-{{ color }}-400" href="https://github.com/coderzhaoziwei/jekyll-theme-acg" target="_block">Jekyll Theme ACG</a>
9
- </p>
10
- <p class="text-center">
11
- Copyright {{ "now" | date: "%Y" }}
12
- <a class="text-{{ color }}-400" href="https://github.com/{{ site.github_id }}" target="_block">{{ site.author }}</a>
13
- · All rights reserved.
14
- </p>
15
- </footer>
@@ -1,27 +0,0 @@
1
- {% assign color = page.color | default: site.color %}
2
-
3
-
4
- <header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
5
- <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
6
- <a class="hover:text-{{ color }}-400 text-2xl" href="{{ site.url | default: "/" | relative_url }}">{{ site.title }}</a>
7
- <div class="hidden md:block space-x-4">
8
- <a class="hover:text-{{ color }}-400" href="{{ "/categories" | relative_url }}">Categories</a>
9
- <a class="hover:text-{{ color }}-400" href="{{ "/tags" | relative_url }}">Tags</a>
10
- <a class="hover:text-{{ color }}-400" href="{{ "/about" | relative_url }}">About</a>
11
- </div>
12
- <div id="theme-menu" class="md:hidden">
13
- <style>#theme-menu:hover > #theme-menu-dropdown { display: block; }</style>
14
- <button class="hover:outline-none hover:text-{{ color }}-400">
15
- <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
16
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
17
- </svg>
18
- </button>
19
- <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">
20
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/categories" | relative_url }}">Categories</a>
21
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/tags" | relative_url }}">Tags</a>
22
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/about" | relative_url }}">About</a>
23
- </div>
24
- </div>
25
-
26
- </nav>
27
- </header>
@@ -1,21 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% assign color = page.color | default: site.color %}
5
-
6
- {% assign categoryList = "" | split: "" %}
7
- {% for item in site.categories %}
8
- {% assign categoryName = item[0] %}
9
- {% assign categoryList = categoryList | push: categoryName %}
10
- {% endfor %}
11
- {% assign categoryList = categoryList | sort %}
12
-
13
- <div class="min-h-screen py-16 flex flex-wrap justify-center items-center content-center select-none">
14
- <div class="w-full py-8 font-serif text-4xl text-{{ color }}-50 text-center">{{ site.CATEGORIES | default: "CATEGORIES" }}</div>
15
- {% for categoryName in categoryList %}
16
- {% assign categoryCount = site.categories[categoryName].size %}
17
- <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
18
- {% include item-category.html name=categoryName count=categoryCount %}
19
- </div>
20
- {% endfor %}
21
- </div>
@@ -1,14 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% assign color = page.color | default: site.color %}
5
- {% assign title = page.title | capitalize %}
6
-
7
- <div class="w-acg min-h-screen">
8
- <div class="w-full mt-16 p-16 flex justify-center">
9
- {% include item-category.html name=page.title zoom=true %}
10
- </div>
11
- <div class="w-full m-auto p-4 flex flex-col space-y-4">
12
- {% include posts.html posts=page.posts %}
13
- </div>
14
- </div>
data/_layouts/tag.html DELETED
@@ -1,14 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% assign color = page.color | default: site.color %}
5
- {% assign title = page.title | capitalize %}
6
-
7
- <div class="w-acg min-h-screen">
8
- <div class="w-full mt-16 p-16 flex justify-center">
9
- {% include item-tag.html name=page.title zoom=true %}
10
- </div>
11
- <div class="w-full m-auto p-4 flex flex-col space-y-4">
12
- {% include posts.html posts=page.posts %}
13
- </div>
14
- </div>
data/_layouts/tags.html DELETED
@@ -1,21 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% assign color = page.color | default: site.color %}
5
- {% assign tagList = "" | split: "" %}
6
- {% for item in site.tags %}
7
- {% assign tagName = item[0] %}
8
- {% assign tagList = tagList | push: tagName %}
9
- {% endfor %}
10
- {% assign tagList = tagList | sort %}
11
-
12
- <div class="min-h-screen py-16 flex flex-wrap justify-center items-center content-center select-none">
13
- <div class="w-full py-8 font-serif text-4xl text-{{ color }}-50 text-center">{{ site.tagtitle | default: "TAGS" }}</div>
14
-
15
- {% for tagName in tagList %}
16
- {% assign tagCount = site.tags[tagName].size %}
17
- <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
18
- {% include item-tag.html name=tagName count=tagCount %}
19
- </div>
20
- {% endfor %}
21
- </div>
data/assets/404.html DELETED
@@ -1,6 +0,0 @@
1
- ---
2
- layout: default
3
- title: 404
4
- description: Page Not Found.
5
- permalink: /404.html
6
- ---