jekyll-theme-satellite 1.3.1 → 1.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c826b4a31ce55c5053a53daa53386a18d17aac07dea70f9b9c2e2e7a064ce6bd
-  data.tar.gz: ca569e5d30b7ac98e8cbc0ae815c3391205a4aeac66d61724301988721708a95
+  metadata.gz: 88e7781c8395a3d197e679cb194837023bdd47bd514e55a486681c8f2f4030d8
+  data.tar.gz: 24860694b55ec99e9df72a6b52fc069ee754defd7f90cb3fa4b36ed83becefb7
 SHA512:
-  metadata.gz: 166207e15f13296987e2b67b90da67095cf5e79e833f448c84eb2673f2cc770387d73f683b1120bde863de1cf0aa0bb6d0c25b57b43b360b3c6e6a8ebbf95108
-  data.tar.gz: 2d75ca0a6e03dab490a2baa68a013be7884d9a4af83314689b78fc12c43657fe5c9e059df8a402de0a88388a05c71199b590be2b10c26c4de517498fd95b626d
+  metadata.gz: 0bf9f629f4b52ce457820883971cd203158e74a5a904ed3c6264b3f10982dde925478e8b46c2bd69d1115a625e1fe7c1ab324edb78d2389545ebdc24d37fbd65
+  data.tar.gz: 29e931b62cc4baaed26aa6924d42811982a57413d869604c29284527aaeb7f9a6e40f9261470dd5dc777784b4cd6029f61f2773d1b615beb04c383b912313acc

data/README.md

@@ -2,7 +2,7 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-orange.svg)](https://opensource.org/licenses/MIT)
 [![Jekyll](https://img.shields.io/badge/jekyll-%3E%3D%204.3.2-green.svg)](https://jekyllrb.com/)
 [![Jekyll](https://img.shields.io/badge/gem%20version-3.2.33-blue.svg)](gem)
-<a href="https://jekyll-themes.com/[GITHUB USER NAME]/[GITHUB REPOSITORY NAME]">
+<a href="https://jekyll-themes.com/byanko55/jekyll-theme-satellite">
   <img
     src="https://img.shields.io/badge/featured%20on-JT-red.svg"
     height="20"
@@ -18,10 +18,10 @@ Live demo is available [here](https://byanko55.github.io)
 ![Demo Page](https://i.ibb.co/h1QF06V/demo.webp)
 
 ### Light Mode
-![Demo Page-light](https://i.ibb.co/PtTbM1V/image-4.webp)
+![Demo Page-light](https://i.ibb.co/DtDPCpR/white.webp)
 
 ### Dark Mode
-![Demo Page-dark](https://i.ibb.co/cY6hwG4/image-5.webp)
+![Demo Page-dark](https://i.ibb.co/BjsrWg2/dark.webp)
 
 ### Fresh and Attractive Design
 <p>
@@ -56,8 +56,16 @@ There are two ways to setup this theme:
 Fork [this repository](https://github.com/byanko55/jekyll-theme-satellite) or download the [source](https://github.com/byanko55/jekyll-theme-satellite/releases) as a zip. 
 
 If you use as destination a repository named USERNAME.github.io, then your url will be https://USERNAME.github.io/.
+
+Otherwise (let's say `myblog`), you need to edit the '*baseurl*' parameter in `_config.yml`. In this case, the root page will be served to "https://USERNAME.github.io/myblog/".
+
+```yml
+# set baseurl as "/<repo-name>". ex) baseurl: /myblog
+baseurl: /myblog
+```
 <br></br>
 
+
 ### Method 2: Utilize Gem package
 Create a clean site directory (Follow the **Instruction 1~4** described [here](https://jekyllrb.com/docs/)).
 

data/_includes/category.html

@@ -5,7 +5,7 @@
         {%- assign search_tree = page.path | remove: "/index.md" | split: "/" -%}
         {%- for sub_tree in search_tree -%}
             {% if forloop.first %}
-                <a href="/">Home</a>
+                <a href="{{ site.baseurl | append: '/' }}">Home</a>
                 >
             {% elsif forloop.last %}
                 {% if page_type == "category" %}
@@ -15,7 +15,7 @@
                 {% endif %}
             {% else %}
                 {%- assign page_link = page_link | append: sub_tree | append: "/" -%}
-                <a href="{{ page_link }}">{{ sub_tree }}</a>
+                <a href="{{ page_link | prepend: site.baseurl }}">{{ sub_tree }}</a>
                 >
             {% endif %}
         {%- endfor -%}

data/_includes/footer.html

@@ -1,4 +1,4 @@
-<script defer src="{{ '/assets/js/background.js' }}"></script>
+<script defer src="{{ '/assets/js/background.js' | prepend: site.baseurl }}"></script>
 <script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
 <script>
     window.dataLayer = window.dataLayer || [];

data/_includes/head.html

@@ -12,7 +12,7 @@
 </title>
 {% seo %}
 
-<link rel="shortcut icon" type="image/png" href="{{ site.logo_img }}">
+<link rel="shortcut icon" type="image/png" href="{{ site.logo_img | prepend: site.baseurl }}">
 <style>
 @font-face {
     font-family: 'Nunito Sans';
@@ -20,7 +20,7 @@
     font-weight: 400;
     font-display: optional;
     src: local('Nunito Sans'),
-         url(/assets/fonts/NunitoSans-Regular.woff2) format("woff2");
+         url("{{ site.baseurl }}/assets/fonts/NunitoSans-Regular.woff2") format("woff2");
 }
 
 @font-face {
@@ -29,7 +29,7 @@
     font-weight: 600;
     font-display: optional;
     src: local('Righteous'),
-         url(/assets/fonts/Righteous-Regular.woff2) format("woff2");
+         url("{{ site.baseurl }}/assets/fonts/Righteous-Regular.woff2") format("woff2");
 }
 
 @font-face {
@@ -38,11 +38,11 @@
     font-weight: 400;
     font-display: optional;
     src: local('Lato'),
-         url(/assets/fonts/Lato-Regular.woff2) format("woff2");
+         url("{{ site.baseurl }}/assets/fonts/Lato-Regular.woff2") format("woff2");
 }
 </style>
 
-<script src="{{ '/assets/js/fontfaceobserver.js' }}" type="text/javascript"></script>
+<script src="{{ '/assets/js/fontfaceobserver.js' | prepend: site.baseurl }}" type="text/javascript"></script>
 <script type="text/javascript">
     const nunitoObserver = new FontFaceObserver('Nunito Sans');
     const righteousObserver = new FontFaceObserver('Righteous');
@@ -57,6 +57,7 @@
     });
 </script>
 
+<meta name="baseurl" content="{{ site.baseurl }}">
 <meta
 name="description"
 content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">

data/_includes/loading.html

@@ -1,6 +1,6 @@
 <div id="loading">
     <div class="loading_box">
-        <img src="{{ '/assets/img/loading.webp' }}">
+        <img src="{{ '/assets/img/loading.webp' | prepend: site.baseurl }}">
         <p>Now Loading ...</p>
     </div>
 </div>

data/_includes/navigation.html

@@ -44,7 +44,7 @@
         {%- assign num_children = children_list | size -%}
         <li id="nav-first" aria-label="{{ node_title }}">
             <div class="nav-item">
-                <a href="{{ node_url }}" class="nav-list-link nav-lh">
+                <a href="{{ node_url | prepend: site.baseurl }}" class="nav-list-link nav-lh">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320h95.1l21.3-128H187.1z"/></svg>
                     <span>{{ node_title }}</span>
                 </a>
@@ -64,7 +64,7 @@
                 {%- assign num_grand_children = grand_children_list | size -%}
                 <li id="nav-second" aria-label="{{ child_title }}">
                     <div class="nav-item">
-                        <a href="{{ child_url }}" class="nav-list-link nav-sh">
+                        <a href="{{ child_url | prepend: site.baseurl }}" class="nav-list-link nav-sh">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>
                             <span>{{ child_title }}</span>
                         </a>
@@ -80,7 +80,7 @@
                             {%- assign grand_child_title = grand_child.path | remove: 'index.md' | split: "/" | last | remove: '.md' -%}
                             <li id="nav-third" aria-label="{{ grand_child_title }}">
                                 <div class="nav-item">
-                                    <a href="{{ grand_child.url | relative_url }}" class="nav-list-link nav-sh">
+                                    <a href="{{ grand_child.url | prepend: site.baseurl }}" class="nav-list-link nav-sh">
                                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>
                                         <span>{{ grand_child_title }}</span>
                                     </a>

data/_includes/pagination.html

@@ -19,21 +19,25 @@
                 <div id="article_content">
                     <div class="thumbnail_zone">
                         {% if sub_page.thumbnail != nil %}
-                            <a href="{{ sub_page.url }}" class="thumbnail_post" loading="lazy" aria-label="thumbnail_post" style="background-image:url('{{ sub_page.thumbnail }}') !important"></a>
+                            {%- assign thumbnail_url = sub_page.thumbnail -%}
+                            {%- assign check_localasset = thumbnail_url | split:'/' -%}
+                            {% if check_localasset[0] == '' %}
+                                {%- assign thumbnail_url = thumbnail_url | prepend: site.baseurl -%}
+                            {% endif %}
+                            <a href="{{ sub_page.url | prepend: site.baseurl }}" class="thumbnail_post" loading="lazy" aria-label="thumbnail_post" style="background-image:url('{{ thumbnail_url }}') !important"></a>
                         {% else %}
-                            <a href="{{ sub_page.url }}" class="thumbnail_post empty" loading="lazy" aria-label="thumbnail_post" style="background-image:url('/assets/img/thumbnail/empty.jpg') !important"></a>
+                            <a href="{{ sub_page.url | prepend: site.baseurl }}" class="thumbnail_post empty" loading="lazy" aria-label="thumbnail_post" style="background-image:url('{{ '/assets/img/thumbnail/empty.jpg' | prepend: site.baseurl }}') !important"></a>
                         {% endif %}
                     </div>
-
                     <div class="box_contents">
-                        <a href="{{ sub_page.url }}"><h1 class="title_post">{{ sub_page.title }}</h1></a>
-                        <a href="{{ sub_page.url }}" class="txt_post">
+                        <a href="{{ sub_page.url | prepend: site.baseurl }}"><h1 class="title_post">{{ sub_page.title }}</h1></a>
+                        <a href="{{ sub_page.url | prepend: site.baseurl }}" class="txt_post">
                             {{ sub_page.content | markdownify | strip_html }}
                         </a>
                         <div class="info-post">
                             {%- assign sub_page_tree = sub_page.path | split: "/" -%}
                             {% if sub_page_tree.size > 2 %}
-                                <a href="{{ '/' | append: sub_page_tree[1] }}" class="category">{{ sub_page_tree[1] }}</a>
+                                <a href="{{ '/' | append: sub_page_tree[1] | prepend: site.baseurl }}" class="category">{{ sub_page_tree[1] }}</a>
                             {% else %}
                                 <span class="category">None</span>
                             {% endif %}
@@ -51,7 +55,7 @@
     </ul>
     {% if post_counts == 0 %}
         <div class="no-posts">
-            <img src="{{ '/assets/img/sorry.png'' }}"></img>
+            <img src="{{ '/assets/img/sorry.png'' | prepend: site.baseurl }}"></img>
             <h1>Sorry, No posts found</h1>
         </div>
     {% endif %}

data/_includes/post.html

@@ -6,7 +6,7 @@
             {% endif %}
             <div class="post-info">
                 {% if page_level > 2 %}
-                    <a class="info-box category-box" href="{{ '/' | append: page_tree[0] }}">
+                    <a class="info-box category-box" href="{{ '/' | append: page_tree[0] | prepend: site.baseurl }}">
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z"/></svg>
                         <span>{{ page_tree[0] }}</span>
                     </a>

data/_includes/search_event.html

@@ -24,13 +24,24 @@
             {% endif %}
         {%- endfor -%}
 
+        {%- assign thumbnail_url = page.thumbnail -%}
+
+        {% if thumbnail_url != nil %}
+            {%- assign check_localasset = thumbnail_url | split:'/' -%}
+            {% if check_localasset[0] == '' %}
+                {%- assign thumbnail_url = thumbnail_url | prepend: site.baseurl -%}
+            {% endif %}
+        {% else %}
+            {%- assign thumbnail_url = '/assets/img/thumbnail/empty.jpg' | prepend: site.baseurl -%}
+        {% endif %}
+
         posts.push({
             'title'    : "{{ page.title | escape }}",
             'path'     : "{{ p_link }}",
             'type'     : "{{ p_type }}",
             'tags'     : "{{ page.tags | join: ', ' }}",
-            'url'      : "{{ site.baseurl }}{{ page.url }}",
-            'image'    : "{{ page.thumbnail }}",
+            'url'      : "{{ page.url | prepend: site.baseurl }}",
+            'image'    : "{{ thumbnail_url }}",
             'date'     : "{{ page.date | date: '%Y-%m-%d' }}"
         });
     {% endfor %}

data/_includes/sidebar.html

@@ -1,8 +1,8 @@
 <div class="sidebar sidebar-left">
     <div class="side-banner">
         <h1 class="site-tab">
-            <a href="/" class="site-name">
-                <img src="{{ '/assets/img/icon/house.webp' }}" alt="">
+            <a href="{{ site.baseurl | append: '/' }}" class="site-name">
+                <img src="{{ '/assets/img/icon/house.webp' | prepend: site.baseurl }}" alt="">
                 <mark>{{ site.title }}</mark>
             </a>
             <button id="btn-brightness" aria-label="brightness-button">
@@ -16,8 +16,8 @@
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
             </button>
         </h1>
-        <a href="/" class="site-avatar" aria-label="site-avatar">
-            <img src="{{ site.profile_img }}" loading="lazy" alt="homepage" aria-label="homepage-button">
+        <a href="{{ site.baseurl | append: '/' }}" class="site-avatar" aria-label="site-avatar">
+            <img src="{{ site.profile_img | prepend: site.baseurl }}" loading="lazy" alt="homepage" aria-label="homepage-button">
         </a>
     </div>
     <div class="side-info">

data/_layouts/default.html

@@ -2,11 +2,11 @@
 <html lang="en">
     <head>
         {% include head.html %}
-        <link rel="stylesheet" href="{{ '/assets/css/404.css' }}">
+        <link rel="stylesheet" href="{{ '/assets/css/404.css' | prepend: site.baseurl }}">
     </head>
     <body>
         <div class="blank-page">
-        <a href="/" class="go-home">↩️ GO HOME</a>
+        <a href="{{ '/' | prepend: site.baseurl }}" class="go-home">↩️ GO HOME</a>
         <div class="not-found-msg">
             <h1 class="sour-face">`Φ ⌒ `Φ ?</h1>
             <p style="font-size:1.75rem; color:#fa4251;">404: Page not found</p>
@@ -14,5 +14,5 @@
         </div>
         </div>
     </body>
-    <script src="{{ '/assets/js/404.js' }}"></script>
+    <script src="{{ '/assets/js/404.js' | prepend: site.baseurl }}"></script>
 </html>

data/_layouts/page.html

@@ -10,8 +10,8 @@
     {% endif %}
     <head>
         {% include head.html %}
-        <link rel="preload" href="{{ site.profile_img }}" as="image">
-        <link rel="stylesheet" href="{{ '/assets/css/style.css' }}">
+        <link rel="preload" href="{{ site.profile_img | prepend: site.baseurl }}" as="image">
+        <link rel="stylesheet" href="{{ '/assets/css/style.css' | prepend: site.baseurl }}">
         {% if page_type == "post" %}
             {% if site.goatcounter_code %}
                 <script data-goatcounter="https://{{ site.goatcounter_code }}.goatcounter.com/count"
@@ -25,9 +25,16 @@
 
             {% if page.thumbnail %}
                 <style>
-                    .thumbnail {
-                        background-image: url("{{ page.thumbnail }}");
-                    }
+                    {%- assign check_localasset = page.thumbnail | split:'/' -%}
+                    {% if check_localasset[0] == '' %}
+                        .thumbnail {
+                            background-image: url("{{ page.thumbnail | prepend: site.baseurl }}");
+                        }
+                    {% else %}
+                        .thumbnail {
+                            background-image: url("{{ page.thumbnail }}");
+                        }
+                    {% endif %}
                 </style>
             {% else %}
                 <style>
@@ -73,13 +80,13 @@
     </body>
     {% include footer.html %}
     {% if page_type == "category" %}
-        <script src="{{ '/assets/js/subject.js' }}"></script>
+        <script src="{{ '/assets/js/subject.js' | prepend: site.baseurl }}"></script>
     {% else %}
-        <script src="{{ '/assets/js/post.js' }}"></script>
-        <link rel="preload" href="{{ '/assets/css/highlight.min.css' }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
-        <noscript><link rel="stylesheet" href="{{ '/assets/css/highlight.min.css' }}"></noscript>
-        <script defer src="{{ '/assets/js/highlight.min.js' }}"></script>
+        <script src="{{ '/assets/js/post.js' | prepend: site.baseurl }}"></script>
+        <link rel="preload" href="{{ '/assets/css/highlight.min.css' | prepend: site.baseurl }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
+        <noscript><link rel="stylesheet" href="{{ '/assets/css/highlight.min.css' | prepend: site.baseurl }}"></noscript>
+        <script defer src="{{ '/assets/js/highlight.min.js' | prepend: site.baseurl }}"></script>
     {% endif %}
-    <script src="{{ '/assets/js/common.js' }}"></script>
+    <script src="{{ '/assets/js/common.js' | prepend: site.baseurl }}"></script>
     {% include search_event.html %}
 </html>

data/_sass/pagination.scss

@@ -189,7 +189,7 @@
     margin:auto 0 auto -5rem;
     padding:8px 24px;
     background-color:rgba(255,255,255,0.95);
-    background-image:url(/assets/img/tile.png);
+    background-image:url($baseurl + "/assets/img/tile.png");
     border-radius:6px;
   }
 

data/_sass/post.scss

@@ -268,9 +268,9 @@ main {
         border-radius:4px;
 
         svg {
-          background-color:darkslategrey !important; 
-          -webkit-mask-image:url(/assets/img/icon/clipboard-regular.svg);
-          mask-image:url(/assets/img/icon/clipboard-regular.svg);
+          -webkit-mask-image:url($baseurl + '/assets/img/icon/clipboard-regular.svg');
+          mask-image:url($baseurl + '/assets/img/icon/clipboard-regular.svg');
+          background-color:#555 !important; 
           mask-repeat:no-repeat;
           mask-position:center;
           mask-size:80%;

data/_sass/search.scss

@@ -105,7 +105,7 @@
     z-index:-1;
   }
   &:before { background:#fff; }
-  &:after { background-image:url('/assets/img/tile.png'); }
+  &:after { background-image:url($baseurl + '/assets/img/tile.png'); }
 
   button {
     position:absolute;
@@ -145,7 +145,7 @@
     td { font-size:0.875rem; }
 
     svg {
-      background-color:darkslategrey; 
+      background-color:darkslategrey;  
       mask-repeat:no-repeat;
       display:inline-flex;
       width:14px;
@@ -154,20 +154,20 @@
     }
     .ico-book {
       background-color:dodgerblue !important;
-      -webkit-mask-image:url(/assets/img/icon/book-solid.svg);
-      mask-image:url(/assets/img/icon/book-solid.svg);
+      -webkit-mask-image:url($baseurl + '/assets/img/icon/book-solid.svg');
+      mask-image:url($baseurl + '/assets/img/icon/book-solid.svg');
     }
     .ico-folder {
-      -webkit-mask-image:url(/assets/img/icon/folder-open-regular.svg);
-      mask-image:url(/assets/img/icon/folder-open-regular.svg);
+      -webkit-mask-image:url($baseurl + '/assets/img/icon/folder-open-regular.svg');
+      mask-image:url($baseurl + '/assets/img/icon/folder-open-regular.svg');
     }
     .ico-tags {
-      -webkit-mask-image:url(/assets/img/icon/tags-solid.svg);
-      mask-image:url(/assets/img/icon/tags-solid.svg);
+      -webkit-mask-image:url($baseurl + '/assets/img/icon/tags-solid.svg');
+      mask-image:url($baseurl + '/assets/img/icon/tags-solid.svg');
     }
     .ico-calendar {
-      -webkit-mask-image:url(/assets/img/icon/calendar-days-regular.svg);
-      mask-image:url(/assets/img/icon/calendar-days-regular.svg);
+      -webkit-mask-image:url($baseurl + '/assets/img/icon/calendar-days-regular.svg');
+      mask-image:url($baseurl + '/assets/img/icon/calendar-days-regular.svg');
     }
     .ico-book, th .ico-folder { width:18px; }
     th .ico-folder { background-color:mediumseagreen !important; }

data/assets/css/style.scss

@@ -1,5 +1,6 @@
 ---
 ---
+$baseurl: "{{ site.baseurl }}";
 
 html, body {
   margin:0;

data/assets/js/common.js

@@ -1,3 +1,5 @@
+var baseurl = document.querySelector('meta[name="baseurl"]').content;
+
 document.addEventListener('DOMContentLoaded', function(){
     // Init theme
     let currentTheme = localStorage.getItem('theme');
@@ -33,6 +35,7 @@ document.addEventListener('DOMContentLoaded', function(){
     // kept nav opened
     var firstNavs = document.querySelectorAll('#nav-first');
     var page_path = window.location.pathname.replace(/%20/g, " ");
+    page_path = page_path.replace(baseurl, "");
     var page_tree = page_path.split('/');
 
     Array.prototype.forEach.call(firstNavs, function (nav_first) {
@@ -89,6 +92,7 @@ document.addEventListener('DOMContentLoaded', function(){
         btn.addEventListener('click', function() {
             const moonIcons = document.querySelectorAll(".ico-dark");
             const sunIcons = document.querySelectorAll(".ico-light");
+            const codeblocks = innerContent != null ? innerContent.querySelectorAll('pre') : null;
 
             moonIcons.forEach((ico) => {
                 ico.classList.toggle('active');
@@ -103,18 +107,24 @@ document.addEventListener('DOMContentLoaded', function(){
             if (isDarkMode){
                 localStorage.setItem('theme', 'default');
                 // Disable highlighter dark color theme
-                Array.from(innerContent.querySelectorAll('pre')).forEach(function (codeblock){
-                    codeblock.classList.remove('pre-dark');
-                });
+                if (codeblocks) {
+                    Array.from(codeblocks).forEach(function (codeblock){
+                        codeblock.classList.remove('pre-dark');
+                    });
+                }
+
                 changeGiscusTheme('light');
                 isDarkMode = false;
             }
             else {
                 localStorage.setItem('theme', 'dark');
                 // Disable highlighter default color theme
-                Array.from(innerContent.querySelectorAll('pre')).forEach(function (codeblock){
-                    codeblock.classList.add('pre-dark');
-                });
+                if (codeblocks) {
+                    Array.from(codeblocks).forEach(function (codeblock){
+                        codeblock.classList.add('pre-dark');
+                    });
+                }
+
                 changeGiscusTheme('noborder_gray');
                 isDarkMode = true;
             }
@@ -334,10 +344,6 @@ function searchRelated(pages){
 
         if (post.category !== '') category = post.category;
 
-        if (post.thumbnail === ''){
-            post.thumbnail = "/assets/img/thumbnail/empty.jpg";
-        }
-
         let contents = document.createElement("li");
         contents.classList.add("related-item");
         contents.innerHTML = '<a href="' + post.url +

data/assets/js/post.js

@@ -25,8 +25,6 @@ document.addEventListener('DOMContentLoaded', function(){
             });
         });
 
-        console.log(heading.textContent, heading.getBoundingClientRect().top);
-
         if (heading.tagName == 'H1'){
             itemLink.classList.add("node-name--H1");
             prevHead = tocItem;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-satellite
 version: !ruby/object:Gem::Version
-  version: 1.3.1
+  version: 1.4.0
 platform: ruby
 authors:
 - Yankos
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-18 00:00:00.000000000 Z
+date: 2024-05-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll