jekyll-theme-acg 1.0.9 → 1.0.10

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: 581134265757f312cdb6f5f6e5194964c800c8d44bac8cd18d096497b008a8b0
4
- data.tar.gz: 10da8d233bb4a816726863a37eb7fd245a32681f6e10a30584da9c983c1aa64c
3
+ metadata.gz: a2f7d1e0469fa32bfa8c39b95bb7e841f88f55b34745e1ac5d7d79f1cf089419
4
+ data.tar.gz: f913c1ba76f701e1129569131f82e5948a1f31f0ca39efe357e16b850ea6d8ce
5
5
  SHA512:
6
- metadata.gz: 6cae4591f0da6460563f159994c0cd2d642206a516581c9af6c19a809d83ee81fa08d70432439f06bd2dbaaf1b9ff8e321fe7aa1d7c702429fc7b7439551c2fc
7
- data.tar.gz: '0538d0b49f0fce608e3312e2ceb8cff63593e130fb33f48a2958759574d28429e44483a7d599e2fd959485a8fcac9cb9ebfc946371caf29c7287783efe250537'
6
+ metadata.gz: 1b7ecbe56dd92d1d51d5e0a53b8ed8916ced5062ecb0b0c3dc5efac9311bd0bfa18c3d35a54f471b8afc063edc6fb5051a8be18c5669ea97ce38dae68a2a29e9
7
+ data.tar.gz: cb87d459df3721d863c67464ee5558537e2cfb7b8b4ea538223e24677549f3842421468a8c918e4f18cd05f23dbc3c8247f4c54dfb6d2eab77be5f073daee8af
data/README.md CHANGED
@@ -8,6 +8,9 @@
8
8
 
9
9
  This theme is still under development, just waiting for me...
10
10
 
11
+ ## Showcase
12
+
13
+ - [Coder Zhao’s Zone](https://coderzhaoziwei.github.io)
11
14
 
12
15
  ## Usage
13
16
 
@@ -57,3 +60,17 @@ MIT
57
60
 
58
61
  <!-- https://rubygems.org/gems/jekyll-theme-acg -->
59
62
  <!-- https://github.com/coderzhaoziwei/jekyll-theme-acg -->
63
+
64
+ <!--
65
+
66
+ The page build completed successfully, but returned the following warning for the `main` branch:
67
+
68
+ 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.
69
+
70
+ For information on troubleshooting Jekyll see:
71
+
72
+ https://docs.github.com/articles/troubleshooting-jekyll-builds
73
+
74
+ If you have any questions you can submit a request at https://support.github.com/contact?repo_id=380397777&page_build_id=262410246
75
+
76
+ -->
data/_config.yml CHANGED
@@ -1,36 +1,37 @@
1
- lang: zh-CN
1
+ url:
2
+ baseurl:
2
3
  title: Jekyll Theme ACG
3
4
  description: An awesome theme for Jekyll.
4
5
  author: Coder Zhao
5
- email: coderzhaoziwei@outlook.com
6
-
6
+ lang: en-US
7
7
  # Theme Name
8
8
  theme: jekyll-theme-acg
9
- acg:
10
- categories: Categories
11
- tags: Tags
12
- about: About
13
- error: Page Not Found.
14
- github: coderzhaoziwei
15
9
 
16
- # Theme Color
17
- # Default: red
18
- # Options: red, blue, pink, green, yellow, purple
19
- color: red
20
- # Theme Background Image Path
21
- # Default: /assets/images/bg.png
22
- # Author: saino
23
- # Origin: https://www.pixiv.net/artworks/86925095
24
- background: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/bg.png
25
10
 
26
- url:
27
- baseurl:
28
- paginate: 10
29
-
30
- show_excerpt: true
31
- paginate_path: /page:num
11
+ acg:
12
+ # Theme Color
13
+ # Default: red
14
+ # Options: red, blue, pink, green, yellow, purple, gray
15
+ color:
16
+ # Theme Background Image Path
17
+ # Default: https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/pixiv86925095.png
18
+ background:
19
+ categories:
20
+ label: Categories
21
+ description:
22
+ tags:
23
+ label: Tags
24
+ description:
25
+ about:
26
+ label: About
27
+ description:
28
+ friends:
29
+ label: Friends
30
+ description:
31
+ error:
32
+ label: <span class="text-6xl">404</span>
33
+ description: "Page not found."
32
34
 
33
- # ========== ========== ========== ========== ==========
34
35
 
35
36
  exclude: [
36
37
  "LICENSE",
@@ -42,29 +43,40 @@ exclude: [
42
43
  "*.gemspec",
43
44
  ]
44
45
 
45
- collections_dir: ""
46
- collections:
47
- posts:
48
- output: true
49
- permalink: /:collection/:title
50
46
 
51
47
  defaults:
52
- - scope:
53
- path: "" # all files in the project
48
+ - scope: # all
49
+ path: ""
54
50
  values:
55
51
  layout: page
56
52
  - scope:
53
+ path: "index.html"
54
+ values:
55
+ layout: page
56
+ type: home
57
+ - scope: # _posts
57
58
  path: ""
58
59
  type: posts
59
60
  values:
60
- layout: post
61
+ layout: page
62
+ permalink: /posts/:title
63
+ type: post
61
64
 
65
+
66
+ paginate: 10
67
+ show_excerpt: true
68
+ paginate_path: /page:num
62
69
  sass:
63
70
  style: compressed
64
71
 
65
72
 
66
- # Jekyll Archives
67
- # @see https://github.com/jekyll/jekyll-archives
73
+ # ************************************************ #
74
+ # #
75
+ # Jekyll Archives #
76
+ # #
77
+ # @see https://github.com/jekyll/jekyll-archives #
78
+ # #
79
+ # ************************************************ #
68
80
  jekyll-archives:
69
81
  enabled: [categories, tags]
70
82
  layouts:
@@ -75,36 +87,21 @@ jekyll-archives:
75
87
  category: /categories/:name/
76
88
 
77
89
 
78
- # Jekyll Spaceship
79
- # @see https://github.com/jeffreytse/jekyll-spaceship#usage
90
+ # ***************************************************** #
91
+ # #
92
+ # Jekyll Spaceship #
93
+ # #
94
+ # @see https://github.com/jeffreytse/jekyll-spaceship #
95
+ # #
96
+ # ***************************************************** #
80
97
  jekyll-spaceship:
81
98
  processors:
82
99
  - table-processor
83
- - mathjax-processor
84
100
  - plantuml-processor
85
101
  - mermaid-processor
86
- - polyfill-processor
87
102
  - media-processor
88
103
  - emoji-processor
89
104
  - element-processor
90
- mathjax-processor:
91
- src:
92
- # - https://polyfill.io/v3/polyfill.min.js?features=es6
93
- - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
94
- config:
95
- tex:
96
- inlineMath:
97
- - ["$", "$"]
98
- # - ["\(", "\)"]
99
- displayMath:
100
- - ["$$", "$$"]
101
- # - ["\[", "\]"]
102
- svg:
103
- fontCache: "global"
104
- optimize: # optimization on building stage to check and add mathjax scripts
105
- enabled: true # value `false` for adding to all pages
106
- include: [] # include patterns for math expressions checking (regexp)
107
- exclude: [] # exclude patterns for math expressions checking (regexp)
108
105
  plantuml-processor:
109
106
  mode: default # mode value 'pre-fetch' for fetching image at building stage
110
107
  css:
@@ -0,0 +1,36 @@
1
+ {% comment %} size {% endcomment %}
2
+ {% assign width = include.width | default: include.height | default: 6 %}
3
+ {% assign height = include.height | default: include.width | default: 6 %}
4
+
5
+ {% comment %} text {% endcomment %}
6
+ {% assign text = include.text %}
7
+ {% if include.type == "date" %}
8
+ {% assign text = text | date: "%Y-%m-%d" %}
9
+ {% endif %}
10
+
11
+ {% comment %} href {% endcomment %}
12
+ {% assign href = nil %}
13
+ {% if include.type == "category" %}
14
+ {% assign name = include.text | default: "CATEGORY" | slugify %}
15
+ {% assign href = "/categories/" | append: name %}
16
+ {% elsif include.type == "tag" %}
17
+ {% assign name = include.text | default: "TAG" | slugify %}
18
+ {% assign href = "/tags/" | append: name %}
19
+ {% endif %}
20
+
21
+ <a
22
+ class="mx-px text-opacity-75 flex items-center select-none
23
+ {% if include.larger %}text-4xl text-{{ color }}-100{% else %}text-sm text-{{ color }}-500{% endif %}"
24
+ {% if href %}href="{{ href | relative_url }}"{% endif %}
25
+ >
26
+ <!-- svg -->
27
+ {% include svg-{{ include.type }}.html width=width height=height %}
28
+ <!-- text -->
29
+ {% if include.text %}
30
+ <span class="inline-block p-1 whitespace-nowrap">{{ text }}</span>
31
+ {% endif %}
32
+ <!-- count -->
33
+ {% if include.count and include.count > 0 %}
34
+ <span class="inline-block p-1 whitespace-nowrap">{{ include.count }}</span>
35
+ {% endif %}
36
+ </a>
@@ -0,0 +1,25 @@
1
+ {% capture svgClass %}flex-shrink-0 text-{{ color }}-600{% endcapture %}
2
+
3
+ <div class="w-full mx-auto flex justify-between space-x-4">
4
+
5
+ <!-- prev -->
6
+ {% if page.next and page.next.id %}
7
+ <a class="w-1/2 p-4 flex items-center rounded-lg bg-{{ color }}-50 bg-opacity-75" href="{{ page.next.id | relative_url }}">
8
+ {% include svg-prev.html class=svgClass %}
9
+ <span class="ml-4 text-black">{{ page.next.title | default: "" }}</span>
10
+ </a>
11
+ {% else %}
12
+ <a class="w-1/2 p-4 opacity-0"></a>
13
+ {% endif %}
14
+
15
+ <!-- next -->
16
+ {% if page.previous and page.previous.id %}
17
+ <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 }}">
18
+ {% include svg-next.html class=svgClass %}
19
+ <span class="mr-4 text-black">{{ page.previous.title | default: "" }}</span>
20
+ </a>
21
+ {% else %}
22
+ <a class="w-1/2 p-4 opacity-0"></a>
23
+ {% endif %}
24
+
25
+ </div>
@@ -0,0 +1,13 @@
1
+ <footer class="w-full mt-4 p-2 text-sm text-{{ color }}-100 ">
2
+ <p class="text-center">
3
+ Powered by
4
+ <a class="text-{{ color }}-400" href="https://jekyllrb.com" target="_block">Jekyll</a>
5
+ ·
6
+ <a class="text-{{ color }}-400" href="https://github.com/coderzhaoziwei/jekyll-theme-acg" target="_block">Jekyll Theme ACG</a>
7
+ </p>
8
+ <p class="text-center">
9
+ Copyright {{ "now" | date: "%Y" }}
10
+ <a class="text-{{ color }}-400">{{ site.author | default: "AUTHOR_NAME" }}</a>
11
+ · All rights reserved.
12
+ </p>
13
+ </footer>
@@ -0,0 +1,46 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
+
5
+ {% seo %}<!-- Begin Jekyll Feed -->
6
+ {% feed_meta %}
7
+ <!-- End Jekyll Feed -->
8
+
9
+ <!-- Tailwind -->
10
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2/dist/tailwind.min.css">
11
+ <!-- Primer Markdown -->
12
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/primer-markdown@4.0.0/build/build.css">
13
+ <!-- HighlightJS -->
14
+ <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.1/build/highlight.min.js"></script>
15
+ <script>hljs.highlightAll();</script>
16
+ <!-- HighlightJS Theme VS2015 -->
17
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.0.1/styles/vs2015.css">
18
+ <!-- MathJax @see https://www.mathjax.org -->
19
+ {% if page.math == true %}
20
+ <script>
21
+ MathJax = {
22
+ tex: {
23
+ inlineMath: [["$", "$"], ["\\(", "\\)"]]
24
+ },
25
+ };
26
+ </script>
27
+ <script id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" async></script>
28
+ {% endif %}
29
+ <!-- Theme -->
30
+ <link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
31
+ <style id="ThemeColor">
32
+ :root {
33
+ --theme-50: var(--{{ color }}-50);
34
+ --theme-100: var(--{{ color }}-100);
35
+ --theme-200: var(--{{ color }}-200);
36
+ --theme-300: var(--{{ color }}-300);
37
+ --theme-400: var(--{{ color }}-400);
38
+ --theme-500: var(--{{ color }}-500);
39
+ --theme-600: var(--{{ color }}-600);
40
+ --theme-700: var(--{{ color }}-700);
41
+ --theme-800: var(--{{ color }}-800);
42
+ --theme-900: var(--{{ color }}-900);
43
+ }
44
+ </style>
45
+ <style id="ThemeBackgroundImage">.bg-image { background-image: url("{{ background }}"); }</style>
46
+ </head>
@@ -0,0 +1,46 @@
1
+
2
+ {% capture siteUrl %}{{ site.url | default: "/" | relative_url }}{% endcapture %}
3
+ {% capture siteTitle %}{{ site.title }}{% endcapture %}
4
+
5
+ {% capture categoriesUrl %}{{ "/categories" | relative_url }}{% endcapture %}
6
+ {% capture categoriesLabel %}{{ site.acg.categories.label | default: "Categories" }}{% endcapture %}
7
+
8
+ {% capture tagsUrl %}{{ "/tags" | relative_url }}{% endcapture %}
9
+ {% capture tagsLabel %}{{ site.acg.tags.label | default: "Tags" }}{% endcapture %}
10
+
11
+ {% capture aboutUrl %}{{ "/about" | relative_url }}{% endcapture %}
12
+ {% capture aboutLabel %}{{ site.acg.about.label | default: "Tags" }}{% endcapture %}
13
+
14
+ {% capture friendsUrl %}{{ "/friends" | relative_url }}{% endcapture %}
15
+ {% capture friendsLabel %}{{ site.acg.friends.label | default: "Friends" }}{% endcapture %}
16
+
17
+ {% assign friends = site.data.friends %}
18
+
19
+ <header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
20
+ <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
21
+ <a class="hover:text-{{ color }}-400 text-2xl" href="{{ siteUrl }}">{{ siteTitle }}</a>
22
+ <div class="hidden md:block space-x-4">
23
+ <a class="hover:text-{{ color }}-400" href="{{ categoriesUrl }}">{{ categoriesLabel }}</a>
24
+ <a class="hover:text-{{ color }}-400" href="{{ tagsUrl }}">{{ tagsLabel }}</a>
25
+ <a class="hover:text-{{ color }}-400" href="{{ aboutUrl }}">{{ aboutLabel }}</a>
26
+ {% if friends.size > 0 %}
27
+ <a class="hover:text-{{ color }}-400" href="{{ friendsUrl }}">{{ friendsLabel }}</a>
28
+ {% endif %}
29
+ </div>
30
+
31
+ <style>#theme-menu:hover > #theme-menu-dropdown { display: block; }</style>
32
+ <div id="theme-menu" class="md:hidden">
33
+ <button class="hover:outline-none hover:text-{{ color }}-400">
34
+ <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>
35
+ </button>
36
+ <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">
37
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ categoriesUrl }}">{{ categoriesLabel }}</a>
38
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ tagsUrl }}">{{ tagsLabel }}</a>
39
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ aboutUrl }}">{{ aboutLabel }}</a>
40
+ {% if friends.size > 0 %}
41
+ <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ friendsUrl }}">{{ friendsLabel }}</a>
42
+ {% endif %}
43
+ </div>
44
+ </div>
45
+ </nav>
46
+ </header>
@@ -0,0 +1,38 @@
1
+
2
+ {% capture class %}flex-shrink-0 text-{{ color }}-400{% endcapture %}
3
+
4
+
5
+ <div class="flex justify-between items-center">
6
+ <!-- Prev -->
7
+ <a
8
+ href="{{ paginator.previous_page_path | relative_url }}"
9
+ class="flex justify-center items-center m-2 ml-0 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75
10
+ hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400"
11
+ >{% include svg-prev.html class=class %}</a>
12
+ <!-- Pages -->
13
+ <div class="flex flex-wrap items-center justify-center">
14
+ <!-- paginator.total_pages -->
15
+ {%- for pageCount in (1..paginator.total_pages) -%}
16
+ {% assign pagePath = site.paginate_path | replace: ":num", pageCount %}
17
+ <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
18
+ {% if pageCount == paginator.page %}
19
+ text-{{ color }}-400 select-none
20
+ {% else %}
21
+ text-black
22
+ {% endif %}"
23
+
24
+ {% if pageCount != paginator.page %}
25
+ {% if pageCount == 1 %}href={{ "/" | relative_url }}{% else %}href="{{ pagePath | relative_url }}"{% endif %}
26
+ {% endif %}
27
+
28
+ ><span class="block">{{ pageCount }}</span></a>
29
+ {%- endfor -%}
30
+ </div>
31
+ <!-- Next -->
32
+ <a
33
+ href="{{ paginator.next_page_path | relative_url }}"
34
+ 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"
35
+ >
36
+ {% include svg-next.html class=class %}
37
+ </a>
38
+ </div>
data/_includes/posts.html CHANGED
@@ -1,53 +1,54 @@
1
- {% capture workspace %}
2
- {% assign posts1 = "" | split: "" %}
3
- {% assign posts2 = "" | split: "" %}
4
-
5
- {% for post in include.posts %}
6
- {% if post.pin %}
7
- {% assign posts1 = posts1 | push: post %}
8
- {% else %}
9
- {% assign posts2 = posts2 | push: post %}
10
- {% endif %}
11
- {% endfor %}
12
-
13
- {% assign posts = posts1 | concat: posts2 %}
14
-
15
- {% if page.layout == "home" %}
16
- {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
17
- {% assign count = paginator.posts | size | minus: 1 %}
18
- {% assign minIndex = offset %}
19
- {% assign maxIndex = offset | plus: count %}
1
+ {% assign posts1 = "" | split: "" %}
2
+ {% assign posts2 = "" | split: "" %}
3
+ {% for post in include.posts %}
4
+ {% if post.pin %}
5
+ {% assign posts1 = posts1 | push: post %}
20
6
  {% else %}
21
- {% assign minIndex = 0 %}
22
- {% assign maxIndex = posts.size | minus: 1 %}
7
+ {% assign posts2 = posts2 | push: post %}
23
8
  {% endif %}
24
-
25
- {% endcapture %}
26
-
27
- {% for index in (minIndex..maxIndex) %}
28
- {% capture workspace %}
29
- {% assign post = posts[index] %}
30
- {% assign pin = post.pin | default: false %}
31
- {% assign href = post.id | relative_url %}
32
- {% assign title = post.title | default: "NO TITLE" | escape %}
33
- {% assign description = post.description | default: post.excerpt | default: site.description | strip_html %}
34
- {% assign date = post.date %}
35
- {% assign tags = post.tags | default: nil %}
36
- {% assign categories = post.categories | default: nil %}
37
- {% endcapture %}
38
-
9
+ {% endfor %}
10
+ {% assign posts = posts1 | concat: posts2 %}
11
+
12
+ {% if page.type == "home" %}
13
+ {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
14
+ {% assign count = paginator.posts | size | minus: 1 %}
15
+ {% assign minIndex = offset %}
16
+ {% assign maxIndex = offset | plus: count %}
17
+ {% else %}
18
+ {% assign minIndex = 0 %}
19
+ {% assign maxIndex = posts.size | minus: 1 %}
20
+ {% endif %}
21
+
22
+ {% for index in (minIndex..maxIndex) %}{% assign post = posts[index] %}
39
23
  <div class="relative p-3 pb-1 rounded-lg flex flex-col justify-between bg-{{ color }}-50 bg-opacity-75 text-black">
40
- {% if post.pin %}{% include item-pin.html %}{% endif %}
41
- <a class="block text-3xl font-serif font-medium" href="{{ href }}">{{ title }}</a>
42
- <span class="block p-1 text-sm font-extralight">{{ description }}</span>
43
-
24
+ <!-- post.pin -->
25
+ {% if post.pin %}
26
+ {% capture class %}{{ "absolute -left-2 -top-2 text-color-600" | replace: "color", color }}{% endcapture %}
27
+ {% include svg-pin.html class=class %}
28
+ {% endif %}
29
+ <!-- post.title -->
30
+ <a class="block text-3xl font-serif font-medium" href="{{ post.id | relative_url }}">
31
+ {{ post.title | default: "NO_TITLE" | escape }}
32
+ </a>
33
+ <!-- post.description -->
34
+ <span class="block p-1 text-sm font-extralight">
35
+ {{ post.description | default: post.excerpt | strip_html }}
36
+ </span>
44
37
  <div class="flex flex-wrap select-none">
45
- <div class="flex-grow">{% include item-date.html date=date %}</div>
38
+ <div class="flex-grow">
39
+ <!-- post.date -->
40
+ {% include chip.html type="date" text=post.date width=4 %}
41
+ </div>
46
42
  <div class="flex flex-wrap">
47
- {% for category in categories %}{% include item-category.html name=category %}{% endfor %}
48
- {% for tag in tags %}{% include item-tag.html name=tag %}{% endfor %}
43
+ <!-- post.categories -->
44
+ {% for category in post.categories %}
45
+ {% include chip.html type="category" text=category width=4 %}
46
+ {% endfor %}
47
+ <!-- post.tags -->
48
+ {% for tag in post.tags %}
49
+ {% include chip.html type="tag" text=tag width=4 %}
50
+ {% endfor %}
49
51
  </div>
50
52
  </div>
51
53
  </div>
52
-
53
54
  {% endfor %}
@@ -0,0 +1,10 @@
1
+ <svg
2
+ class="
3
+ {{ include.class }}
4
+ w-{{ include.width | default: include.height | default: 6 }}
5
+ h-{{ include.height | default: include.width | default: 6 }}
6
+ "
7
+ xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
8
+ >
9
+ <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">
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg
2
+ class="
3
+ {{ include.class }}
4
+ w-{{ include.width | default: include.height | default: 6 }}
5
+ h-{{ include.height | default: include.width | default: 6 }}
6
+ "
7
+ xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
8
+ >
9
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z">
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg
2
+ class="
3
+ {{ include.class }}
4
+ w-{{ include.width | default: include.height | default: 6 }}
5
+ h-{{ include.height | default: include.width | default: 6 }}
6
+ "
7
+ xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
8
+ >
9
+ <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">
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg
2
+ class="
3
+ {{ include.class }}
4
+ w-{{ include.width | default: include.height | default: 6 }}
5
+ h-{{ include.height | default: include.width | default: 6 }}
6
+ "
7
+ xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
8
+ >
9
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13">
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg
2
+ class="
3
+ {{ include.class }}
4
+ w-{{ include.width | default: include.height | default: 6 }}
5
+ h-{{ include.height | default: include.width | default: 6 }}
6
+ "
7
+ xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
8
+ >
9
+ <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">
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg
2
+ class="
3
+ {{ include.class }}
4
+ w-{{ include.width | default: include.height | default: 6 }}
5
+ h-{{ include.height | default: include.width | default: 6 }}
6
+ "
7
+ xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
8
+ >
9
+ <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">
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ ---
2
+ # Jekyll layout that compresses HTML
3
+ # v3.1.0
4
+ # http://jch.penibelst.de/
5
+ # © 2014–2015 Anatol Broder
6
+ # MIT License
7
+ ---
8
+
9
+ {% capture _LINE_FEED %}
10
+ {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
data/_layouts/page.html CHANGED
@@ -1,57 +1,125 @@
1
1
  ---
2
- layout: default
2
+ layout: compress
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 %}
9
-
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 %}
4
+ {% capture lang %}{{ page.lang | default: site.lang | default: "en-US" }}{% endcapture %}
5
+
6
+ {% comment %} color {% endcomment %}
7
+ {% capture color %}{{ page.color | default: site.color | downcase }}{% endcapture %}
8
+ {% assign colors = "red, blue, pink, green, yellow, purple, gray, default" | split: ", " %}
9
+ {% for item in colors %}
10
+ {% if item == color %}{% break %}{% endif %}
11
+ {% if item == "default" %}{% assign color = "red" %}{% endif %}
12
+ {% endfor %}
13
+
14
+ {% comment %} background {% endcomment %}
15
+ {% capture background %}{{ page.background | default: site.acg.background | default: "https://cdn.jsdelivr.net/gh/coderzhaoziwei/jekyll-theme-acg/assets/images/pixiv86925095.png" | relative_url }}{% endcapture %}
22
16
 
23
- {% assign list = list | sort %}
17
+ {% assign title = page.title %}
18
+ {% assign description = page.description %}
19
+ {% assign content = content | strip %}
24
20
 
25
- {% endcapture %}
21
+ {% if page.type == "home" %}
22
+ {% capture title %}{{ site.title }}{% endcapture %}
23
+ {% capture description %}{{ site.description }}{% endcapture %}
24
+ {% elsif page.permalink == "/categories.html" %}
25
+ {% capture title %}{{ site.acg.categories.label }}{% endcapture %}
26
+ {% capture description %}{{ site.acg.categories.description }}{% endcapture %}
27
+ {% elsif page.permalink == "/tags.html" %}
28
+ {% capture title %}{{ site.acg.tags.label }}{% endcapture %}
29
+ {% capture description %}{{ site.acg.tags.description }}{% endcapture %}
30
+ {% elsif page.permalink == "/about.html" %}
31
+ {% capture title %}{{ site.acg.about.label }}{% endcapture %}
32
+ {% capture description %}{{ site.acg.about.description }}{% endcapture %}
33
+ {% elsif page.permalink == "/friends.html" %}
34
+ {% capture title %}{{ site.acg.friends.label }}{% endcapture %}
35
+ {% capture description %}{{ site.acg.friends.description }}{% endcapture %}
36
+ {% elsif page.permalink == "/404.html" %}
37
+ {% capture title %}{{ site.acg.error.label }}{% endcapture %}
38
+ {% capture description %}{{ site.acg.error.description }}{% endcapture %}
39
+ {% endif %}
26
40
 
41
+ {% assign list = "" | split: "" %}
42
+ {% if page.permalink == "/categories.html" %}
43
+ {% for item in site.categories %}{% assign list = list | push: item[0] %}{% endfor %}
44
+ {% elsif page.permalink == "/tags.html" %}
45
+ {% for item in site.tags %}{% assign list = list | push: item[0] %}{% endfor %}
46
+ {% endif %}
47
+ {% assign list = list | sort %}
48
+
49
+ <!DOCTYPE html>
50
+ <html lang="{{ lang }}" class="min-h-screen bg-image bg-cover bg-center bg-fixed">
51
+ {% include head.html %}
52
+ <body class="flex flex-col items-center bg-black bg-opacity-50">
53
+ {% include header.html %}
27
54
  <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">
55
+ <div class="w-full flex flex-col justify-center items-center content-center text-{{ color }}-50
56
+ {% if page.type == "home" %}h-screen select-none pb-16{% else %}py-32{% endif %}"
57
+ >
29
58
  <!-- title -->
30
59
  <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 %}
60
+ {% if page.type == "category" %}
61
+ {% include chip.html type="category" text=title width=8 larger=true %}
62
+ {% elsif page.type == "tag" %}
63
+ {% include chip.html type="tag" text=title width=8 larger=true %}
64
+ {% else %}
65
+ {{ title }}
66
+ {% endif %}
34
67
  </div>
35
68
  <!-- description -->
36
69
  <div class="text-center text-base font-sans py-8">{{ description }}</div>
37
- <!-- categories/tags: list -->
70
+
71
+ <!-- categories.html & tags.html -->
38
72
  <div class="flex flex-wrap justify-center items-center content-center select-none">
39
73
  {% 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>
74
+ {% for category in list %}{% assign count = site.categories[category].size %}
75
+ <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
76
+ {% include chip.html type="category" text=category count=count width=4 %}
77
+ </div>
42
78
  {% endfor %}
43
79
  {% 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>
80
+ {% for tag in list %}{% assign count = site.tags[tag].size %}
81
+ <div class="m-1 px-2 bg-{{ color }}-50 bg-opacity-75 rounded">
82
+ {% include chip.html type="tag" text=tag count=count width=4 %}
83
+ </div>
46
84
  {% endfor %}
47
85
  {% endif %}
48
86
  </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 %}
54
-
55
87
  </div>
56
88
 
89
+ <!-- article -->
90
+ {% if page.type == "post" %}
91
+ <div class="flex flex-wrap">
92
+ <div class="flex-grow">
93
+ {% include chip.html type="date" text=page.date width=4 %}
94
+ </div>
95
+ <div class="flex flex-wrap">
96
+ {% for category in page.categories %}
97
+ {% include chip.html type="category" text=category width=4 %}
98
+ {% endfor %}
99
+ {% for tag in page.tags %}
100
+ {% include chip.html type="tag" text=tag width=4 %}
101
+ {% endfor %}
102
+ </div>
103
+ </div>
104
+ <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">
105
+ <h1>{{ title }}</h1>
106
+ {% include toc.html html=content %}
107
+ {{ content }}
108
+ </article>
109
+ {% include flip.html %}
110
+ {% elsif content != empty %}
111
+ <article class="w-full my-4 mx-auto p-4 rounded-lg text-black bg-{{ color }}-50 bg-opacity-75 markdown-body">
112
+ {{ content }}
113
+ </article>
114
+ {% endif %}
115
+ <!-- posts -->
116
+ {% if page.type == "home" %}
117
+ <div class="w-full p-4 flex flex-col space-y-4">{% include posts.html posts=site.posts %}</div>
118
+ <div class="w-full p-4">{% include paginator.html %}</div>
119
+ {% elsif page.posts %}
120
+ <div class="w-full p-4 flex flex-col space-y-4">{% include posts.html posts=page.posts %}</div>
121
+ {% endif %}
57
122
  </div>
123
+ {% include footer.html %}
124
+ </body>
125
+ </html>
data/_sass/markdown.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  .markdown-body h4,
6
6
  .markdown-body h5,
7
7
  .markdown-body h6 {
8
- color: var(--theme-900);
8
+ color: rgba(0, 0, 0, 0.75);
9
9
  }
10
10
 
11
11
  .markdown-body hr {
@@ -13,9 +13,8 @@
13
13
  }
14
14
 
15
15
  .markdown-body blockquote {
16
- color: var(--theme-700);
17
- border-left-color: var(--theme-700);
18
- opacity: 0.75;
16
+ color: var(--theme-800);
17
+ border-left-color: var(--theme-800);
19
18
  }
20
19
 
21
20
  .markdown-body code:not(.hljs) {
data/_sass/root.scss CHANGED
@@ -91,9 +91,6 @@
91
91
  .bg-blur {
92
92
  backdrop-filter: blur(8px);
93
93
  }
94
- .max-w-acg {
95
- max-width: MIN(90%, 768px);
96
- }
97
94
  .w-acg {
98
95
  width: MIN(90%, 768px);
99
96
  }
data/assets/404.md CHANGED
@@ -1,4 +1,3 @@
1
1
  ---
2
- title: 404
3
2
  permalink: /404.html
4
3
  ---
data/assets/about.md CHANGED
@@ -1,6 +1,4 @@
1
1
  ---
2
- title: About
3
- description: Info about this theme.
4
2
  permalink: /about.html
5
3
  ---
6
4
 
data/assets/categories.md CHANGED
@@ -1,4 +1,3 @@
1
1
  ---
2
- title: categories
3
2
  permalink: /categories.html
4
3
  ---
data/assets/friends.md ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ permalink: /friends.html
3
+ ---
4
+ {% for friend in site.data.friends %}
5
+ - [{{ friend.name }}]({{ friend.link }}) {% if friend.description %}\| {{ friend.description }}{% endif %}
6
+ {% endfor %}
data/assets/tags.md CHANGED
@@ -1,4 +1,3 @@
1
1
  ---
2
- title: tags
3
2
  permalink: /tags.html
4
3
  ---
data/index.html CHANGED
@@ -1,3 +1,3 @@
1
1
  ---
2
- layout: home
2
+ # This is homepage of site.
3
3
  ---
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.9
4
+ version: 1.0.10
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-26 00:00:00.000000000 Z
11
+ date: 2021-07-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -165,19 +165,23 @@ files:
165
165
  - LICENSE
166
166
  - README.md
167
167
  - _config.yml
168
- - _includes/custom-head.html
169
- - _includes/head-style.html
170
- - _includes/item-category.html
171
- - _includes/item-date.html
172
- - _includes/item-pin.html
173
- - _includes/item-tag.html
168
+ - _includes/chip.html
169
+ - _includes/flip.html
170
+ - _includes/footer.html
171
+ - _includes/head.html
172
+ - _includes/header.html
173
+ - _includes/paginator.html
174
174
  - _includes/posts.html
175
+ - _includes/svg-category.html
176
+ - _includes/svg-date.html
177
+ - _includes/svg-next.html
178
+ - _includes/svg-pin.html
179
+ - _includes/svg-prev.html
180
+ - _includes/svg-tag.html
175
181
  - _includes/toc-readme.md
176
182
  - _includes/toc.html
177
- - _layouts/default.html
178
- - _layouts/home.html
183
+ - _layouts/compress.html
179
184
  - _layouts/page.html
180
- - _layouts/post.html
181
185
  - _sass/markdown.scss
182
186
  - _sass/root.scss
183
187
  - _sass/scrollbar.scss
@@ -185,6 +189,7 @@ files:
185
189
  - assets/about.md
186
190
  - assets/categories.md
187
191
  - assets/css/style.scss
192
+ - assets/friends.md
188
193
  - assets/tags.md
189
194
  - index.html
190
195
  homepage: https://github.com/coderzhaoziwei/jekyll-theme-acg
File without changes
@@ -1,22 +0,0 @@
1
- {% assign color = page.color | default: site.color %}
2
- {% capture output %}
3
- :root {
4
- --theme-50: var(--{{ color }}-50);
5
- --theme-100: var(--{{ color }}-100);
6
- --theme-200: var(--{{ color }}-200);
7
- --theme-300: var(--{{ color }}-300);
8
- --theme-400: var(--{{ color }}-400);
9
- --theme-500: var(--{{ color }}-500);
10
- --theme-600: var(--{{ color }}-600);
11
- --theme-700: var(--{{ color }}-700);
12
- --theme-800: var(--{{ color }}-800);
13
- --theme-900: var(--{{ color }}-900);
14
- }
15
- .bg-image {
16
- background-image: url("{{ page.background | default: site.background | relative_url }}");
17
- }
18
- {% endcapture %}
19
-
20
- {%- comment -%}{%- endcomment -%}
21
- <{{ "style" }}>{{ output }}</{{ "style" }}>
22
- {%- comment -%}{%- endcomment -%}
@@ -1,25 +0,0 @@
1
- {% capture workspace %}
2
-
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 %}
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>
23
- {% endcapture %}
24
-
25
- {% endcapture %}{{ output | strip }}
@@ -1,10 +0,0 @@
1
- {% capture workspace %}
2
- {% assign color = page.color | default: site.color %}
3
- {% assign date = include.date | date: "%Y-%m-%d" %}
4
- "%Y-%m-%d %H:%M"
5
- {% endcapture %}
6
-
7
- <a class="mx-px text-sm text-{{ color }}-500 text-opacity-75 flex items-center" href="{{ href }}">
8
- <svg xmlns="http://www.w3.org/2000/svg" class="inline-block h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
9
- <span class="inline-block p-1 whitespace-nowrap">{{ date }}</span>
10
- </a>
@@ -1,2 +0,0 @@
1
- {% assign color = page.color | default: site.color %}
2
- <svg xmlns="http://www.w3.org/2000/svg" class="absolute -left-2 -top-2 h-6 w-6 text-{{ color }}-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"></svg>
@@ -1,25 +0,0 @@
1
- {% capture workspace %}
2
-
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 %}
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="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>
23
- {% endcapture %}
24
-
25
- {% endcapture %}{{ output | strip }}
@@ -1,73 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="{{ page.lang | default: site.lang | default: "en-US" }}" class="min-h-screen bg-image bg-cover bg-center bg-fixed">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
-
7
- {% seo %}<!-- Begin Jekyll Feed -->
8
- {% feed_meta %}
9
- <!-- End Jekyll Feed -->
10
-
11
- <!-- Tailwind Style -->
12
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2/dist/tailwind.min.css">
13
- <!-- Primer Markdown Style -->
14
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/primer-markdown@4.0.0/build/build.css">
15
- <!-- HighlightJS -->
16
- <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.1/build/highlight.min.js"></script>
17
- <script>hljs.highlightAll();</script>
18
- <!-- HighlightJS Theme VS2015 Style -->
19
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.0.1/styles/vs2015.css">
20
- <!-- Theme Style -->
21
- <link rel="stylesheet" href="{{ "assets/css/style.css" | relative_url }}">
22
-
23
- {% include head-style.html %}
24
- {% include custom-head.html %}
25
-
26
- </head>
27
-
28
- <body class="flex flex-col items-center bg-black bg-opacity-50">
29
-
30
- {% assign color = page.color | default: site.color %}
31
-
32
- <header class="w-full fixed z-50 select-none bg-{{ color }}-600 bg-opacity-10 bg-blur">
33
- <nav class="p-4 font-serif text-xl text-{{ color }}-50 flex justify-between">
34
- <a class="hover:text-{{ color }}-400 text-2xl" href="{{ site.url | default: "/" | relative_url }}">{{ site.title }}</a>
35
- <div class="hidden md:block space-x-4">
36
- <a class="hover:text-{{ color }}-400" href="{{ "/categories" | relative_url }}">{{ site.acg.categories }}</a>
37
- <a class="hover:text-{{ color }}-400" href="{{ "/tags" | relative_url }}">{{ site.acg.tags }}</a>
38
- <a class="hover:text-{{ color }}-400" href="{{ "/about" | relative_url }}">{{ site.acg.about }}</a>
39
- </div>
40
- <div id="theme-menu" class="md:hidden">
41
- <style>#theme-menu:hover > #theme-menu-dropdown { display: block; }</style>
42
- <button class="hover:outline-none hover:text-{{ color }}-400">
43
- <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
44
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
45
- </svg>
46
- </button>
47
- <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">
48
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/categories" | relative_url }}">{{ site.acg.categories }}</a>
49
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/tags" | relative_url }}">{{ site.acg.tags }}</a>
50
- <a class="block px-4 py-2 text-sm text-{{ color }}-600 hover:bg-{{ color }}-200" href="{{ "/about" | relative_url }}">{{ site.acg.about }}</a>
51
- </div>
52
- </div>
53
- </nav>
54
- </header>
55
-
56
- {{ content }}
57
-
58
- <footer class="w-full mt-4 p-2 text-sm text-{{ color }}-100 ">
59
- <p class="text-center">
60
- Powered by
61
- <a class="text-{{ color }}-400" href="https://jekyllrb.com" target="_block">Jekyll</a>
62
- ·
63
- <a class="text-{{ color }}-400" href="https://github.com/coderzhaoziwei/jekyll-theme-acg" target="_block">Jekyll Theme ACG</a>
64
- </p>
65
- <p class="text-center">
66
- Copyright {{ "now" | date: "%Y" }}
67
- <a class="text-{{ color }}-400" href="https://github.com/{{ site.acg.github }}" target="_block">{{ site.author }}</a>
68
- · All rights reserved.
69
- </p>
70
- </footer>
71
-
72
- </body>
73
- </html>
data/_layouts/home.html DELETED
@@ -1,54 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% assign color = site.color %}
5
- {% assign title = site.title %}
6
- {% assign description = site.description %}
7
-
8
- <div class="w-full h-screen flex flex-col justify-center items-center select-none text-{{ color }}-50">
9
- <div class="font-serif text-4xl w-3/4 text-center py-4">{{ title }}</div>
10
- <div class="font-sans text-base w-2/3 text-center">{{ description }}</div>
11
- </div>
12
-
13
- {% comment %}
14
- paginator.page The number of the current page
15
- paginator.per_page Number of posts per page
16
- paginator.posts Posts available for the current page
17
- paginator.total_posts Total number of posts
18
- paginator.total_pages Total number of pages
19
- paginator.previous_page The number of the previous page, or nil if no previous page exists
20
- paginator.previous_page_path The path to the previous page, or nil if no previous page exists
21
- paginator.next_page The number of the next page, or nil if no subsequent page exists
22
- paginator.next_page_path The path to the next page, or nil if no subsequent page exists
23
- {% endcomment %}
24
- <div class="w-full max-w-acg m-auto p-4 grid gap-6 grid-cols-1">
25
- {% include posts.html posts=site.posts%}
26
-
27
-
28
- <!-- Paginator -->
29
- <div class="flex justify-between items-center">
30
- <!-- Prev -->
31
- <a href="{{ paginator.previous_page_path | relative_url }}" class="flex justify-center items-center m-2 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400">
32
- <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 text-{{ color }}-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg>
33
- </a>
34
- <!-- Pages -->
35
- <div class="flex flex-wrap items-center justify-center">
36
- <!-- paginator.total_pages -->
37
- {%- for pageCount in (1..paginator.total_pages) -%}
38
- {% assign pagePath = site.paginate_path | replace: ":num", pageCount %}
39
- <a class="flex justify-center items-center w-8 h-8 m-px rounded-full text-sm font-mono bg-{{ color }}-50 bg-opacity-75 text-black text-opacity-75 border border-transparent hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400 {%- if pageCount == paginator.page %} text-{{ color }}-400 select-none{% endif -%}"
40
-
41
- {% if pageCount != paginator.page %}
42
- {% if pageCount == 1 %}href={{ "/" | relative_url }}{% else %}href="{{ pagePath | relative_url }}"{% endif %}
43
- {% endif %}
44
-
45
- ><span class="block">{{ pageCount }}</span></a>
46
- {%- endfor -%}
47
- </div>
48
- <!-- Next -->
49
- <a href="{{ paginator.next_page_path | relative_url }}" class="flex justify-center items-center m-2 w-8 h-8 rounded-full bg-{{ color }}-50 bg-opacity-75 hover:bg-{{ color }}-100 hover:bg-opacity-75 hover:text-{{ color }}-400">
50
- <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 flex-shrink-0 text-{{ color }}-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
51
- </a>
52
- </div>
53
-
54
- </div>
data/_layouts/post.html DELETED
@@ -1,36 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
- {% capture workspace %}
5
- {% assign color = page.color | default: site.color %}
6
- {% assign title = page.title %}
7
- {% assign description = page.description %}
8
- {% endcapture %}
9
-
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>
36
- </div>