Update 3 files

- /_layouts/default.html
- /assets/js/pjax.js
- /assets/css/style.scss

_layouts/default.html

@@ -76,8 +76,8 @@ layout: xslt_container
 
       <p class="p-note">{{ site.description | default: site.github.project_tagline }}</p>
 
-      <form action="/search.html">
+      <form id="search-input-all" action="/search.html">
-        <input type="text" name="keyword" id="search-input-all" placeholder="Search blog posts.." />&#160;<input type="submit" value="搜索" />
+        <input type="text" name="keyword" placeholder="Search blog posts.." />&#160;<input type="submit" value="搜索" />
       </form>
       <br />
 

assets/css/style.scss

@@ -190,4 +190,16 @@ td.h-entry {
 
 td.h-entry:hover {
     background: #f9f9f9;
-}
+}
+
+body.pjax-loading::after {
+    content: '';
+    position: fixed;
+    top: 16px;
+    right: 16px;
+    width: 20px;
+    height: 20px;
+    background: url('/images/loading.svg') center / contain no-repeat;
+    z-index: 9999;
+    pointer-events: none;
+  }

assets/js/pjax.js

@@ -174,7 +174,7 @@
             ':not([href$=".xml"]):not([href$=".json"]):not([href$=".tgz"]):not([href$=".zip"])' +
             ':not([href^="/Live2dHistoire"])';
         $(document).pjax('a' + exclude, PJAX_OPTS.container, PJAX_OPTS);
-        $(document).on('submit', 'form', function (e) {
+        $(document).on('submit', 'form#search-input-all', function (e) {
             $.pjax.submit(e, PJAX_OPTS.container, PJAX_OPTS);
         });
         $(document).on('pjax:send', function () {