jekyll-theme-chirpy-customized-upe 0.0.0 → 0.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b6c47d98594efa5430a8dbf532587f2a99241fbf792d76411488099bc919b8c6
-  data.tar.gz: 798eb695f7ffbbe0990aa1ae3745292c57fdcb1a2b039947eca78e5c8f1b3eaf
+  metadata.gz: e0bb8657672f4f220046fe4e7f3080221f96b1a439c12096493b8ccf04950277
+  data.tar.gz: 1a7690c7e064b1cd4001e4c1340aceb5661bb9303b5255d146fa5c852e3a7715
 SHA512:
-  metadata.gz: 98e70657aa06b036e34c37aeb6bc871b97573164eef0d398f486a2a36e15304a2b1f8419d5a0fb7d4ac6aefd099a28ac1924127b6d79880f2d906b3cde32dd20
-  data.tar.gz: a5bdca64fdc1078148fc586b21f3f8a48a631551cc262d5b2e55ecfdeff530dbf63fa2f599cb168fd5845858b90a1160fc0bef4ddd631feb76d7d9947cd7866a
+  metadata.gz: 8708fff0ae948831fd9a5ed4248b03985705ba9d923821a29c2c04031afec0d4e30671beab8544f7aa8e01d03ecf835a1197e223df78de257cf0581bcb49c2ec
+  data.tar.gz: bf2754c8f47d1e646337f232c755a81afa3072d68f18b2089d32e29eeba637d8f169ca68324a3bf6d8f40bd2baf7b1b81e3c9ef46432e47621ba8edb586f9550

data/_includes/favicons.html

@@ -8,9 +8,7 @@
 <link rel="apple-touch-icon" sizes="180x180" href="{{ favicon_path }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="{{ favicon_path }}/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ favicon_path }}/favicon-16x16.png">
-{% if site.pwa.enabled %}
-  <link rel="manifest" href="{{ favicon_path }}/site.webmanifest">
-{% endif %}
+<link rel="manifest" href="{{ favicon_path }}/site.webmanifest">
 <link rel="shortcut icon" href="{{ favicon_path }}/favicon.ico">
 <meta name="apple-mobile-web-app-title" content="{{ site.title }}">
 <meta name="application-name" content="{{ site.title }}">

data/_includes/footer.html

@@ -8,15 +8,9 @@
   "
 >
   <p>
-    {{- '©' }}
+    {{ '©' }}
     <time>{{ 'now' | date: '%Y' }}</time>
-
-    {% if site.social.links %}
-      <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
-    {% else %}
-      <em class="fst-normal">{{ site.social.name }}</em>.
-    {% endif %}
-
+    <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
     {% if site.data.locales[include.lang].copyright.brief %}
       <span
         data-bs-toggle="tooltip"
@@ -40,3 +34,5 @@
     {{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}
   </p>
 </footer>
+
+

data/_includes/head.html

@@ -8,19 +8,18 @@
     name="viewport"
     content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
   >
+  <meta name="referrer" content="no-referrer" />
 
   {%- capture seo_tags -%}
     {% seo title=false %}
   {%- endcapture -%}
 
-  <!-- Setup Open Graph image -->
-
   {% if page.image %}
-    {% assign src = page.image.path | default: page.image %}
+  {% assign src = page.image.path | default: page.image %}
 
     {% unless src contains '://' %}
       {%- capture img_url -%}
-        {% include img-url.html src=src img_path=page.img_path absolute=true %}
+        {% include img-url.html src=src img_path=page.img_path %}
       {%- endcapture -%}
 
       {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
@@ -28,27 +27,21 @@
 
       {% assign seo_tags = seo_tags | replace: old_url, new_url %}
     {% endunless %}
-
+    
   {% elsif site.social_preview_image %}
     {%- capture img_url -%}
-      {% include img-url.html src=site.social_preview_image absolute=true %}
+      {% include img-url.html src=site.social_preview_image %}
     {%- endcapture -%}
 
     {%- capture og_image -%}
       <meta property="og:image" content="{{ img_url }}" />
     {%- endcapture -%}
 
-    {%- capture twitter_image -%}
-      <meta property="twitter:card" content="summary_large_image" />
-      <meta property="twitter:image" content="{{ img_url }}" />
-    {%- endcapture -%}
-
-    {% assign old_meta_clip = '<meta name="twitter:card" content="summary" />' %}
-    {% assign new_meta_clip = og_image | append: twitter_image %}
+    {% assign old_meta_clip = '<meta name="twitter:card"' %}
+    {% assign new_meta_clip = og_image | append: old_meta_clip %}
     {% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
   {% endif %}
 
-  {{ seo_tags }}
 
   <title>
     {%- unless page.layout == 'home' -%}
@@ -81,7 +74,7 @@
   {% endif %}
 
   <!-- Bootstrap -->
-  <link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url }}">
+  <link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url}}">
 
   <!-- Font Awesome -->
   <link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">
@@ -101,6 +94,10 @@
     <link rel="stylesheet" href="{{ site.data.origin[type].magnific-popup.css | relative_url }}">
   {% endif %}
 
+  <!-- Fonts -->
+  <link href="https://fonts.font.im/css?family=Meie+Script" rel="stylesheet">
+  <link href="https://fonts.font.im/css?family=Galada" rel="stylesheet">
+
   <!-- JavaScript -->
 
   {% unless site.theme_mode %}

data/_includes/img-url.html

@@ -2,9 +2,8 @@
   Generate image final URL based on `site.img_cdn`, `page.img_path`
 
   Arguments:
-    src - required, basic image path
-    img_path - optional, relative path of image
-    absolute - optional, boolean, if true, generate absolute URL
+    src - basic image path, required
+    img_path - relative path of image, optional
 
   Return:
     image URL
@@ -15,7 +14,7 @@
 {%- if url -%}
   {% unless url contains ':' %}
     {%- comment -%} CND URL {%- endcomment -%}
-    {% assign prefix = site.img_cdn | default: '' %}
+    {% assign prefix = site.img_cdn | default: '' | relative_url %}
 
     {%- comment -%} Add page image path prefix {%- endcomment -%}
     {% assign url = include.img_path | default: '' | append: '/' | append: url %}
@@ -27,12 +26,6 @@
       | replace: '//', '/'
       | replace: ':', ':/'
     %}
-
-    {% if include.absolute %}
-      {% assign url = url | absolute_url %}
-    {% else %}
-      {% assign url = url | relative_url %}
-    {% endif %}
   {% endunless %}
 {%- endif -%}
 

data/_includes/js-selector.html

@@ -11,8 +11,6 @@
 
 <!-- layout specified -->
 
-{% assign js_dist = '/assets/js/dist/' %}
-
 {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
   {% assign urls = urls | append: ',' | append: site.data.origin[type]['lazy-polyfill'].js %}
 
@@ -67,7 +65,7 @@
     {% assign js = 'commons' %}
 {% endcase %}
 
-{% capture script %}{{ js_dist }}{{ js }}.min.js{% endcapture %}
+{% capture script %}/assets/js/dist/{{ js }}.min.js{% endcapture %}
 <script defer src="{{ script | relative_url }}"></script>
 
 {% if page.math %}
@@ -85,9 +83,7 @@
         displayMath: [
           ['$$', '$$'],
           ['\\[', '\\]']
-        ],
-        /* equation numbering */
-        tags: 'ams'
+        ]
       }
     };
   </script>
@@ -98,16 +94,13 @@
 {% if jekyll.environment == 'production' %}
   <!-- PWA -->
   {% if site.pwa.enabled %}
-    <script defer src="{{ 'app.min.js' | prepend: js_dist | relative_url }}"></script>
+    <script defer src="{{ '/app.js' | relative_url }}"></script>
+  {% else %}
+    <script defer src="{{ '/unregister.js' | relative_url }}"></script>
   {% endif %}
 
   <!-- GA -->
   {% if site.google_analytics.id != empty and site.google_analytics.id %}
     {% include google-analytics.html %}
   {% endif %}
-
-  <!-- GoatCounter -->
-  {% if site.goatcounter.id != empty and site.goatcounter.id %}
-    {% include goatcounter.html %}
-  {% endif %}
 {% endif %}

data/_includes/post-sharing.html

@@ -8,13 +8,15 @@
     {% assign url = page.url | absolute_url | url_encode %}
 
     {% for share in site.data.share.platforms -%}
-      {%- capture tooltip -%}
-        data-bs-toggle="tooltip" data-bs-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}"
-      {%- endcapture -%}
-
       {% if share.type == 'Mastodon' %}
         <script defer type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/share-to-mastodon/+esm"></script>
-        <button class="btn text-start" {{ tooltip }}>
+        <button
+          class="btn text-start"
+          data-bs-toggle="tooltip"
+          data-bs-placement="top"
+          title="{{ share.type }}"
+          aria-label="{{ share.type }}"
+        >
           <share-to-mastodon
             class="share-mastodon"
             message="{{ title }}"
@@ -23,7 +25,7 @@
               customInstanceList="{{ share.instances | jsonify | xml_escape }}"
             {%- endif %}
           >
-            <i class="fa-fw {{ share.icon }}"></i>
+            <i class="{{ share.icon }}"></i>
           </share-to-mastodon>
         </button>
 
@@ -32,7 +34,15 @@
 
       {% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
 
-      <a href="{{ link }}" target="_blank" rel="noopener" {{ tooltip }}>
+      <a
+        href="{{ link }}"
+        data-bs-toggle="tooltip"
+        data-bs-placement="top"
+        title="{{ share.type }}"
+        target="_blank"
+        rel="noopener"
+        aria-label="{{ share.type }}"
+      >
         <i class="fa-fw {{ share.icon }}"></i>
       </a>
     {% endfor %}

data/_includes/refactor-content.html

@@ -48,6 +48,8 @@
   {% assign _img_content = null %}
   {% assign _img_snippets = _content | split: IMG_TAG %}
 
+
+
   {% for _img_snippet in _img_snippets %}
     {% if forloop.first %}
       {% assign _img_content = _img_snippet %}

data/_includes/sidebar.html

@@ -1,19 +1,116 @@
 <!-- The Side Bar -->
+<style>
+  #InfoForm {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 9999;
+  animation: appear 0.3s ease-in-out;
+  transition: 0.3s;
+  }
+  
+  @keyframes appear {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -60%);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%);
+  }
+  }
+  
+  .form-changeInfo input[type="text"], 
+  input[type="url"]
+  {
+    margin: 10px 0 0 0;
+    width: 100%;
+    box-sizing: border-box;
+    border-radius: 5px;
+    border: transparent;
+  }
+  .validatemsg {
+    font-size: 12px;
+    color: gray;
+  }
+  .form-nickname {
+    margin-bottom: 10px;
+  }
+  #avatar::placeholder, #nickname::placeholder {
+    color: rgba(172, 172, 172, 0.733);
+  }
+  .form-buttons {
+    display: flex;
+    justify-content: space-evenly;
+  }
+  .form-submit {
+    margin: 0 20px;
+  }
+  .submitChange
+  {
+    background: rgba(0, 123, 255, 0.8);
+    color: #fff;
+    border-radius: 5px;
+    border: transparent;
+  }
+  .form-cancel {
+    margin: 0 20px;
+  }
+  .cancelChange
+  {
+    background: rgba(112, 112, 112, 0.679);
+    color: #fff;
+    border-radius: 5px;
+    border: transparent;
+  }
+</style>
 
+<div id = "InfoForm">
+  <div class = "info">
+      <form target="_self" class="form-changeInfo">
+        <div class="form-avatar">
+          <label for="avatar">请提供新头像的URL:</label>
+          <input type="url" name="avatar" placeholder="Optional" id="newAvatar" onblur="formValidate.checkAvatar()"/>
+          <span class="validatemsg" id="isAvatarValid"></span>
+        </div>
+        <div class="form-nickname">
+          <label for="nickname">请输入您的新昵称: </label>
+          <input type="text" name="nickname" maxlength="15" placeholder="Optional" id="newNickname" onblur="formValidate.checkNickname()"/>
+          <span class="validatemsg" id="isNicknameValid"></span>
+        </div>
+        <div class="form-buttons">
+          <div class="form-submit">
+            <input type="button" class="submitChange" value="Submit" onclick="updateUserInfo()"/>
+          </div>
+          <div class="form-cancel">
+            <input type="button" class="cancelChange" value="Cancel"/>
+          </div>
+        </div>
+      </form>
+  </div>
+</div>
+<div class="gal-info"></div>
 <aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
+  <a href="javascript:void(0)" id="changeInfo" onclick="document.getElementById('InfoForm').style.display = 'flex'; document.querySelector('.gal-info').classList.add('active');" style="position: absolute; top: 140px; left: 150px;">
+    <i class="fa-fw fas fa-pen-to-square"></i>
+  </a>
   <header class="profile-wrapper">
-    <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
+    <a href="{{ site.baseurl }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}
-        {%- capture avatar_url -%}
-          {% include img-url.html src=site.avatar %}
-        {%- endcapture -%}
+      {%- capture avatar_url -%}
+        {% include img-url.html src=site.avatar %}
+      {%- endcapture -%}
         <img src="{{- avatar_url -}}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
-      {%- endif -%}
+      {%- endif -%}    
     </a>
 
-    <h1 class="site-title">
-      <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
-    </h1>
+    <div class="site-title">
+      <a href="{{ site.baseurl }}">Hi Guest!</a>
+    </div>
     <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
   </header>
   <!-- .profile-wrapper -->
@@ -29,16 +126,16 @@
       </li>
       <!-- the real tabs -->
       {% for tab in site.tabs %}
-        <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
-          <a href="{{ tab.url | relative_url }}" class="nav-link">
-            <i class="fa-fw {{ tab.icon }}"></i>
-            {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
-
-            <span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
-          </a>
-        </li>
-        <!-- .nav-item -->
-      {% endfor %}
+      <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
+        <a href="{{ tab.url | relative_url }}" class="nav-link">
+          <i class="fa-fw {{ tab.icon }}"></i>
+          {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
+
+          <span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
+        </a>
+      </li>
+      <!-- .nav-item -->
+    {% endfor %}
     </ul>
   </nav>
 
@@ -93,7 +190,75 @@
         </a>
       {% endif %}
     {% endfor %}
+      <a href="javascript:void(0);" onclick="AV.User.logOut();setTimeout(function() { window.location.reload(); }, 1000)">
+        <i class="fas fa-right-from-bracket" style="color: rgb(181, 27, 27);"></i>
+      </a>
   </div>
   <!-- .sidebar-bottom -->
 </aside>
 <!-- #sidebar -->
+
+<script>
+    document.querySelector('.site-subtitle').addEventListener('dblclick', function() {
+      window.location.href = '{{ site.baseurl }}';
+    });
+</script>
+<script>
+  var formValidate = {
+    checkNickname: function() {
+      if (document.getElementById('newNickname').value.trim() != ''){
+        document.getElementById('isNicknameValid').innerHTML = '<i class="fa-fw fas fa-check"></i>';
+        document.getElementById('isNicknameValid').style.color = 'green';
+        return true;
+      } else {
+        document.getElementById('isNicknameValid').innerHTML = '';
+        return true;
+      }
+    },
+    checkAvatar: function() {
+      if (document.getElementById('newAvatar').value.trim().startsWith('https://') || document.getElementById('newAvatar').value.trim().startsWith('http://')) {
+        document.getElementById('isAvatarValid').innerHTML = '<i class="fa-fw fas fa-check"></i>';
+        document.getElementById('isAvatarValid').style.color = 'green';
+        return true;
+      } else if (document.getElementById('newAvatar').value.trim() !='') {
+        document.getElementById('isAvatarValid').innerHTML = '<i class="fa-fw fas fa-xmark"></i>Invalid URL';
+        document.getElementById('isAvatarValid').style.color = 'red';
+      } else {
+        document.getElementById('isAvatarValid').innerHTML = '';
+        return true;
+      }
+    },
+  };
+</script>
+<script>
+  function updateUserInfo() {
+
+    var newAvatar = document.getElementById('newAvatar').value.trim();
+    var newNickname = document.getElementById('newNickname').value.trim(); 
+
+    if (newNickname != ''){
+      currentUser.set("nickname", newNickname);
+    }
+    if (newAvatar != '') {
+      currentUser.set("avatar", newAvatar);
+    }
+    currentUser.save().then((user) => {
+      console.log('保存成功！');
+      if (newAvatar != '' || newNickname != '') {
+        alert("Save Successfully!");
+        window.location.reload();
+      }
+    }).catch((error) => {
+      console.log(error.message);
+    });
+
+  }
+</script>
+<script>
+  document.querySelector('.cancelChange').addEventListener('click', () => {
+    document.getElementById('InfoForm').style.display = 'none';
+    document.querySelector('.gal-info').classList.remove('active');
+    event.preventDefault();
+  });
+</script>
+

data/_includes/topbar.html

@@ -17,7 +17,7 @@
           {% if forloop.first %}
             <span>
               <a href="{{ '/' | relative_url }}">
-                {{- site.data.locales[include.lang].tabs.home | capitalize -}}
+                {{ site.data.locales[include.lang].tabs.home | capitalize }}
               </a>
             </span>
 
@@ -30,8 +30,8 @@
 
           {% elsif page.layout == 'category' or page.layout == 'tag' %}
             <span>
-              <a href="{{ item | append: '/' | relative_url }}">
-                {{- site.data.locales[include.lang].tabs[item] | default: page.title -}}
+              <a href="{{ item | relative_url }}">
+                {{ site.data.locales[include.lang].tabs[item] | default: page.title }}
               </a>
             </span>
           {% endif %}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-chirpy-customized-upe
 version: !ruby/object:Gem::Version
-  version: 0.0.0
+  version: 0.0.1
 platform: ruby
 authors:
 - Jo Cruise