jekyll-theme-chirpy-customized-upe 3.2.0 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7f1e3a13b8cef8fcb6250cdd014e73599f19e600c58e9f57404889e9290c6595
-  data.tar.gz: 712ea1dcb3a5ae3b24e53e0213f3f42991cff19627b446b5c3d20c696feb53e0
+  metadata.gz: cd497204326cabb735f5b16b228854197e24815ebddadfa682243433fb735ec9
+  data.tar.gz: ed9f89afd4c2dbfffe3177dc72e0e6494bdc0a7cb6335359a568f2c6f83630ff
 SHA512:
-  metadata.gz: 33703f85576302530e258983eb8f33192b232fe36cefbe30c21078001f5cd5667cb501f3541a7544ecc31b748f91815c4a3380cf7368234e93bf617e54232137
-  data.tar.gz: c034e23a67ff75ce96e3629979f78236deac5bd5e83a7b7f702fe9bc06aa97898bcaf56d33fb3f178b55176a2fcb4fed44f1d41420a50f045349f23ccef88e94
+  metadata.gz: 1c56d5990c356f1925ce1f87fc90e15fef091379a00da1e1aa25255516570507df810a4823e908009a676ba9c12375c90d8ebb422d7592706c39e9c080431a8c
+  data.tar.gz: bd200f6b892b138e7d06e48cdf9cd6ec90f049ae1a885b38930d80a2d6daf63a7e0256d454091985294ed06f0bab52df4cd15610a826f99e903384b3c56eb2d6

data/README (CN).md

@@ -0,0 +1,87 @@
+# Unpublished Posts Enhancement for Chirpy Theme
+
+[![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy-customized-upe)][gem] 
+[![GitHub license](https://img.shields.io/github/license/cotes2020/chirpy-starter.svg?color=blue)][mit]
+
+*由 [Chirpy][chirpy] 主题改编*
+
+## 为什么需要这个变体？
+
+我在使用Chirpy主题时发现了一些与我习惯不同的和仍缺失的功能，包括访问博客登录（当前仓库应设置为私密，或者部署到自己的服务器上）、Mathjax插件增强，更改UI样式等。同时，这也是对我的前端代码能力的一次挑战。
+
+> 接下来的步骤与Chirpy文档类似
+
+## 安装
+
+### 创建一个新的URL
+
+登录GitHub并浏览到[**unpublished-posts-enhancement**](https://github.com/Jo-CRuiSe/unpublished-posts-enhancement)页面，点击按钮<kbd>[Use this template][use-template]</kbd> > <kbd>Create a new repository</kbd>，然后为新的存储库命名，以表示您未发布的帖子页面的URL。
+
+### 安装依赖项
+
+在第一次运行本地服务器之前，进入您站点的根目录并运行以下命令：
+
+```console
+$ bundle
+```
+
+## Usage
+
+在发布之前，您可能希望预览站点的内容，只需运行以下命令：
+
+```console
+$ bundle exec jekyll s
+```
+
+几秒钟后，本地服务将发布在 [http://127.0.0.1:4000](http://127.0.0.1:4000)。
+
+## 部署
+
+在开始部署之前，请查看 `_config.yml`文件，并确保 `url` 配置正确。记得将 `baseurl` 更改为以斜杠开头的项目名称，例如 `/project-name`。
+
+现在，您可以选择以下方法之一来部署您的Jekyll站点。
+
+### 使用 GitHub Actions 进行部署
+
+准备一些事项：
+
+- 如果您使用的是GitHub免费计划，请保持站点存储库为公开状态。
+- 如果您已经将 `Gemfile.lock`提交到存储库中，并且您的本地机器不是运行Linux，请转到站点的根目录，并更新锁定文件的平台列表：
+
+  ```console
+  $ bundle lock --add-platform x86_64-linux
+  ```
+
+接下来，配置 _Pages_ 服务。
+
+1. 浏览到您的GitHub存储库。选择选项卡 _Settings_，然后在左侧导航栏中点击 _Pages_。在 **Source** 部分（位于 _Build and deployment_ 下方），从下拉菜单中选择 [**GitHub Actions**][pages-workflow-src]。
+
+2. 推送任何提交到GitHub以触发 _Actions_ 工作流程。在存储库的 _Actions_ 选项卡中，您应该看到 _Build and Deploy_ 工作流正在运行。一旦构建完成并成功，站点将自动部署。
+
+此时，您可以前往GitHub指定的URL访问您的站点。
+
+### 手动构建和部署
+
+在自托管服务器上，您无法享受 **GitHub Actions** 的便利。因此，您应该在本地机器上构建站点，然后将站点文件上传到服务器。
+
+进入源项目的根目录，并按以下方式构建站点：
+
+```console
+$ JEKYLL_ENV=production bundle exec jekyll b
+```
+
+除非您指定了输出路径，否则生成的站点文件将放置在项目根目录的 `_site`文件夹中。现在，您应该将这些文件上传到目标服务器。
+
+## 配置
+
+[此博客](https://jo-cruise.github.io/2024-02-06-HowToUseUPE)将指导您完成相关配置。
+
+## 许可证
+
+此作品以 [MIT][mit] 许可证发布。
+
+[gem]: https://rubygems.org/gems/jekyll-theme-chirpy-customized-upe
+[chirpy]: https://github.com/cotes2020/jekyll-theme-chirpy/
+[use-template]: https://github.com/Jo-CRuiSe/unpublished-posts-enhancement/generate
+[CD]: https://en.wikipedia.org/wiki/Continuous_deployment
+[mit]: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/blob/master/LICENSE

data/README.md

@@ -3,13 +3,21 @@
 [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy-customized-upe)][gem] 
 [![GitHub license](https://img.shields.io/github/license/cotes2020/chirpy-starter.svg?color=blue)][mit]
 
-*Derived from Chirpy theme*
+*Derived from [Chirpy][chirpy] theme*
+
+[中文版](https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/blob/master/README%20(CN).md)
+
+## Why do I need this customization?
+
+While using the Chirpy theme, I have noticed some functionalities that are different from what I'm accustomed to and some functionalities that are still missing. These include implementing blog login access (the current repository should be set to private or deployed to my own server), enhancing the Mathjax plugin, and changing the UI style, among others. Additionally, this serves as a challenge to test my frontend coding skills.
+
+> The next steps are similar to the Chirpy documentation
 
 ## Installation
 
 ### Creating a New URL
 
-Sign in to GitHub and browse to [**unpublished-posts-enhancement**](https://github.com/Jo-CRuiSe/unpublished-posts-enhancement), click the button <kbd>Use this template</kbd> > <kbd>Create a new repository</kbd>, and name the new repository to what you like which represents your unpulished posts pages URL.
+Sign in to GitHub and browse to [**unpublished-posts-enhancement**](https://github.com/Jo-CRuiSe/unpublished-posts-enhancement), click the button <kbd>[Use this template][use-template]</kbd> > <kbd>Create a new repository</kbd>, and name the new repository to what you like which represents your unpulished posts pages URL.
 
 ### Installing Dependencies
 
@@ -31,7 +39,7 @@ After a few seconds, the local service will be published at _<http://127.0.0.1:4
 
 ## Deployment
 
-Before the deployment begins, check out the file `_config.yml`{: .filepath} and make sure the `url` is configured correctly. Remember to change the `baseurl` to your project name that starts with a slash, e.g, `/project-name`.
+Before the deployment begins, check out the file `_config.yml`and make sure the `url` is configured correctly. Remember to change the `baseurl` to your project name that starts with a slash, e.g, `/project-name`.
 
 Now you can choose _ONE_ of the following methods to deploy your Jekyll site.
 
@@ -40,7 +48,7 @@ Now you can choose _ONE_ of the following methods to deploy your Jekyll site.
 There are a few things to get ready for.
 
 - If you're on the GitHub Free plan, keep your site repository public.
-- If you have committed `Gemfile.lock`{: .filepath} to the repository, and your local machine is not running Linux, go to the root of your site and update the platform list of the lock-file:
+- If you have committed `Gemfile.lock` to the repository, and your local machine is not running Linux, go to the root of your site and update the platform list of the lock-file:
 
   ```console
   $ bundle lock --add-platform x86_64-linux
@@ -64,7 +72,7 @@ Go to the root of the source project, and build your site as follows:
 $ JEKYLL_ENV=production bundle exec jekyll b
 ```
 
-Unless you specified the output path, the generated site files will be placed in folder `_site`{: .filepath} of the project's root directory. Now you should upload those files to the target server.
+Unless you specified the output path, the generated site files will be placed in folder `_site`of the project's root directory. Now you should upload those files to the target server.
 
 ## Configuration
 
@@ -75,9 +83,8 @@ Unless you specified the output path, the generated site files will be placed in
 
 This work is published under [MIT][mit] License.
 
-[gem]: https://rubygems.org/gems/jekyll-theme-chirpy
+[gem]: https://rubygems.org/gems/jekyll-theme-chirpy-customized-upe
 [chirpy]: https://github.com/cotes2020/jekyll-theme-chirpy/
-[use-template]: https://github.com/cotes2020/chirpy-starter/generate
+[use-template]: https://github.com/Jo-CRuiSe/unpublished-posts-enhancement/generate
 [CD]: https://en.wikipedia.org/wiki/Continuous_deployment
-[mit]: https://github.com/cotes2020/chirpy-starter/blob/master/LICENSE
-[https://github.com/Jo-CRuiSe/unpublished-posts-enhancement]: UnpublishedPostsEnhancementforChirpyTheme
+[mit]: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/blob/master/LICENSE

data/_includes/sidebar.html

@@ -1,17 +1,30 @@
 <!-- The Side Bar -->
 <style>
-  #InfoForm {
-  display: none;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  max-width: 400px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 9999;
-  animation: appear 0.3s ease-in-out;
-  transition: 0.3s;
+  .info-form {
+    visibility: hidden;
+    opacity: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    max-width: 400px;
+    top: 50%;
+    left: 50%;
+    z-index: 9999;
+    transform: translate(-50%, -60%);
+    animation: disappear 0.3s ease-in-out;
+  }
+
+  .info-form.active {
+    display: flex;
+    visibility: visible;
+    opacity: 1;
+    transform: translate(-50%, -50%);
+    animation: appear 0.3s ease-in-out;
+  }
+
+  .gal-info {
+    transition: all 0.3s ease-in-out;
   }
   
   @keyframes appear {
@@ -25,6 +38,18 @@
   }
   }
 
+  @keyframes disappear {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -60%);
+  }
+
+  }
+
   .form-changeInfo input[type="text"], 
   input[type="url"]
   {
@@ -68,6 +93,7 @@
 </style>
 
 {% include lang.html %}
+{% if site.Leancloud.needLogin %}
 <div id = "InfoForm">
   <div class = "info">
       <form target="_self" class="form-changeInfo">
@@ -93,10 +119,13 @@
   </div>
 </div>
 <div class="gal-info"></div>
+{% endif %}
 <aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
+  {% if site.Leancloud.needLogin %}
   <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>
+  {% endif %}
   <header class="profile-wrapper">
     <a href="{{ site.baseurl }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}
@@ -108,7 +137,7 @@
     </a>
 
     <div class="site-title">
-      <a href="{{ site.baseurl }}">Hi Guest!</a>
+      <a href="{{ site.baseurl }}">{{site.social.name}}</a>
     </div>
     <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
   </header>
@@ -189,9 +218,11 @@
         </a>
       {% endif %}
     {% endfor %}
+    {% if site.Leancloud.needLogin %}
       <a href="javascript:void(0);" onclick="AV.User.logOut();setTimeout(function() { window.location.reload(); }, 1000)" title="{{ site.data.locales[lang].login.logout }}">
         <i class="fas fa-right-from-bracket" style="color: rgb(181, 27, 27);"></i>
       </a>
+    {% endif %}
   </div>
   <!-- .sidebar-bottom -->
 </aside>
@@ -202,6 +233,8 @@
       window.location.href = '{{ site.baseurl }}';
     });
 </script>
+
+{% if site.Leancloud.needLogin %}
 <script>
   var formValidate = {
     checkNickname: function() {
@@ -260,4 +293,5 @@
     event.preventDefault();
   });
 </script>
+{% endif %}
 

data/_layouts/default.html

@@ -77,7 +77,9 @@ layout: compress
 
     <!-- JavaScripts -->
 
-    {% include login-check.html %}
+    {% if site.Leancloud.needLogin %}
+      {% include login-check.html %}
+    {% endif %}
 
     {% if site.mathjax.display_on_home.enabled %}
       {% unless page.layout == 'post' or page.layout == 'archives' %}
@@ -93,6 +95,11 @@ layout: compress
 
     {% include_cached search-loader.html %}
     
+    {%  unless site.Leancloud.needLogin %}
+      <script>
+        document.querySelector('body').style.display='block';
+      </script>  
+    {% endunless %} 
     
   </body>
 </html>

data/_layouts/forgot.html

@@ -1,6 +1,6 @@
+{% if site.Leancloud.needLogin %}
 <!DOCTYPE html>
 <html>
-
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -47,13 +47,11 @@
             border-radius: 10px;
             padding: 5px;
             font-size: 1rem;
-            outline: none;
+            /* outline: none; */
         }
 
-        input[type="submit"] {
-            width: 30%;
-            height: 30px;
-            padding: 0;
+        #forgotBtn {
+            padding: 5px 20px;
             margin: 15px 0;
             font-family: Arial, Helvetica, sans-serif;
             color: #fff;
@@ -63,7 +61,7 @@
             border: none;
             text-align: center;
             align-items: center;
-            border-radius: 8px;
+            border-radius: 999px;;
         }
 
         #forgotBtn:active {
@@ -131,8 +129,8 @@
 <body>
     <div class="shell">
         <h2 class="title">Forgot</h2>
-        <input type="email" id="email" placeholder="Enter the email you used to login">
-        <input type="submit" value="Confirm" id="forgotBtn">
+        <input type="email" id="email" placeholder="Enter the email you used to login" required>
+        <button id="forgotBtn">{{ site.data.locales[lang].login.confirm }}</button>
     </div>
 
 
@@ -166,4 +164,9 @@
     </script>
 </body>
 
-</html>
+</html>
+{% else %}
+    <script>
+        window.location.href = '{{ site.baseurl}}';
+    </script>
+{% endif %}

data/_layouts/login.html

@@ -1,6 +1,4 @@
----
-layout: compress
----
+{% if site.Leancloud.needLogin %}
 <!DOCTYPE html>
 <html>
 
@@ -50,17 +48,15 @@ layout: compress
             border-radius: 10px;
             padding: 5px;
             font-size: 1rem;
-            outline: none;
+            /* outline: none; */
         }
 
         #email {
             display: none;
         }
 
-        input[type="submit"] {
-            width: 30%;
-            height: 30px;
-            padding: 0;
+        #loginBtn {
+            padding: 5px 20px;
             margin: 15px 0;
             font-family: Arial, Helvetica, sans-serif;
             color: #fff;
@@ -70,7 +66,7 @@ layout: compress
             border: none;
             text-align: center;
             align-items: center;
-            border-radius: 8px;
+            border-radius: 999px;
         }
         
         #loginBtn:active {
@@ -184,10 +180,10 @@ layout: compress
     {% include lang.html %}
     <div class="shell">
         <h2 class="title">{{ site.data.locales[lang].login.login }}</h2>
-        <input type="text" id="username" placeholder="{{ site.data.locales[lang].login.username }}">
-        <input type="password" id="password" placeholder="{{ site.data.locales[lang].login.password }}">
-        <input type="email" id="email" placeholder="{{ site.data.locales[lang].login.email }}">
-        <input type="submit" value="{{ site.data.locales[lang].login.login }}" id="loginBtn">
+        <input type="text" id="username" placeholder="{{ site.data.locales[lang].login.username }}" required>
+        <input type="password" id="password" placeholder="{{ site.data.locales[lang].login.password }}" required>
+        <input type="email" id="email" placeholder="{{ site.data.locales[lang].login.email }}" required>
+        <button id="loginBtn">{{ site.data.locales[lang].login.login }}</button>
         <div class="footer">
             {% if site.Leancloud.allowRegister %}
             <button id="signUp">{{ site.data.locales[lang].login.go_to_register }}</button>
@@ -204,7 +200,7 @@ layout: compress
             var signUpBtn = document.getElementById('signUp');
             if (title.innerText == '{{ site.data.locales[lang].login.login }}') {
                 title.innerText = '{{ site.data.locales[lang].login.register }}';
-                loginBtn.value = '{{ site.data.locales[lang].login.register }}';
+                loginBtn.innerText = '{{ site.data.locales[lang].login.register }}';
                 signUpBtn.innerText = '{{ site.data.locales[lang].login.go_to_login }}';
                 document.getElementById('username').value = '';
                 document.getElementById('password').value = '';
@@ -214,7 +210,7 @@ layout: compress
                 document.getElementById('email').style.display = 'block';
             } else {
                 title.innerText = '{{ site.data.locales[lang].login.login }}';
-                loginBtn.value = '{{ site.data.locales[lang].login.login }}';
+                loginBtn.innerText = '{{ site.data.locales[lang].login.login }}';
                 signUpBtn.innerText = '{{ site.data.locales[lang].login.go_to_register }}';
                 document.getElementById('username').placeholder = '{{ site.data.locales[lang].login.username }}';
                 document.getElementById('password').placeholder = '{{ site.data.locales[lang].login.password }}';
@@ -310,7 +306,7 @@ layout: compress
                     }).catch(function (error) {
                         /* 注册失败，处理错误信息 */
                         console.log('注册失败：', error);
-                        alert('{{ site.data.locales[lang].login.register_fail }}');
+                        alert('{{ site.data.locales[lang].login.login_fail }}' + '\n' + error.message.replace(/\[.*?\]/g, ''));
                     });
                 }
             };
@@ -326,4 +322,9 @@ layout: compress
     </script>
 </body>
 
-</html>
+</html>
+{% else %}
+    <script>
+        window.location.href = '{{ site.baseurl}}';
+    </script>
+{% endif%}

metadata

@@ -1,14 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-chirpy-customized-upe
 version: !ruby/object:Gem::Version
-  version: 3.2.0
+  version: 4.0.0
 platform: ruby
 authors:
+- Cotes Chung
 - Jo Cruise
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-29 00:00:00.000000000 Z
+date: 2024-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -116,6 +117,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - LICENSE
+- README (CN).md
 - README.md
 - _data/locales/de-DE.yml
 - _data/locales/en.yml
@@ -228,7 +230,12 @@ files:
 homepage: https://github.com/Jo-CRuiSe
 licenses:
 - MIT
-metadata: {}
+metadata:
+  bug_tracker_uri: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/issues
+  documentation_uri: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/#readme
+  homepage_uri: https://jo-cruise.github.io/GemTest
+  source_code_uri: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe
+  plugin_type: theme
 post_install_message:
 rdoc_options: []
 require_paths: