Update 2 files

- /_layouts/post.html
- /js/main.js

_layouts/post.html

@@ -2,42 +2,84 @@
 layout: default
 ---
 
-<small>{{ page.date | date: "%-d %B %Y" }} - 字数统计：{% if page.layout == "encrypt" %}God Knows {% else %}{{ page.content | strip_html | strip_newlines | remove: " " | size }} - 阅读大约需要{{ page.content | strip_html | strip_newlines | remove: " " | size | divided_by: 350 | plus: 1 }}分钟{% endif %} - Hits: <span id="{{ page.url }}" class="visitors" >Loading...</span>
+<small>{{ page.date | date: "%-d %B %Y" }} - 字数统计：{% if page.layout == "encrypt" %}God Knows {% else %}{{ page.content | strip_html | strip_newlines | remove: " " | size }} - 阅读大约需要{{ page.content | strip_html | strip_newlines | remove: "" | size | divided_by: 350 | plus: 1 }}分钟{% endif %} - Hits: <span id="{{ page.url }}" class="visitors">Loading...</span></small>
-</small>
 <h1>{{ page.title }}</h1>
 
 <p class="view">by <a href="//github.com/{{ page.author | default: "Mabbs" }}">{{ page.author | default: site.author }}</a></p>
 <div id="outdate" style="display:none;">
-<hr />
+  <hr />
-这是一篇创建于 <span id="outime"></span> 天前的文章，其中的信息可能已经有所发展或是发生改变。
+  这是一篇创建于 <span id="outime"></span> 天前的文章，其中的信息可能已经有所发展或是发生改变。
-<br /><br />
+  <br /><br />
 </div>
 <script>
-BirthDay = new Date("{{ page.date | date: "%m/%d/%Y" }} 00:00:00");
+  BirthDay = new Date("{{ page.date | date: "%m/%d/%Y" }} 00:00:00");
-today = new Date();
+  today = new Date();
-timeold = (today.getTime() - BirthDay.getTime());
+  timeold = (today.getTime() - BirthDay.getTime());
-secondsold = Math.floor(timeold / 1000);
+  secondsold = Math.floor(timeold / 1000);
-e_daysold = timeold / (24 * 60 * 60 * 1000);
+  e_daysold = timeold / (24 * 60 * 60 * 1000);
-daysold = Math.floor(e_daysold);
+  daysold = Math.floor(e_daysold);
-if (daysold > 90) {
+  if (daysold > 90) {
     document.getElementById("outdate").style.display = "block";
     document.getElementById("outime").innerHTML = daysold;
-}
+  }
 </script>
 
 <hr />
+{% if page.layout != "encrypt" %}
+<!--[if !IE]> -->
+<b>AI摘要</b>
+<p id="ai-output"></p>
+<script>
+  async function sha(str) {
+    const encoder = new TextEncoder();
+    const data = encoder.encode(str);
+    const hashBuffer = await crypto.subtle.digest("SHA-256", data);
+    const hashArray = Array.from(new Uint8Array(hashBuffer)); // convert buffer to byte array
+    const hashHex = hashArray
+      .map((b) => b.toString(16).padStart(2, "0"))
+      .join(""); // convert bytes to hex string
+    return hashHex;
+  }
+  var postContent = "文章标题：" + {{ page.content | jsonify }} +"，文章内容：" + {{ page.content | strip_html | strip_newlines | jsonify }};
+  var postContentSign = await sha(postContent);
+  var outputContainer = document.getElementById("ai-output");
+  $.get("https://summary.mayx.eu.org/is_uploaded?id={{ page.url }}&sign=" + postContentSign, function (data) {
+    if (data == "yes") {
+      $.get("https://summary.mayx.eu.org/get_summary?id={{ page.url }}&sign=" + postContentSign, function (data2) {
+        outputContainer.textContent = data2;
+      });
+    } else {
+      $.post("https://summary.mayx.eu.org/upload_blog?id={{ page.url }}", postContent, function (data) {
+        $.get("https://summary.mayx.eu.org/get_summary?id={{ page.url }}&sign=" + postContentSign);
+        const evSource = new EventSource("https://summary.mayx.eu.org/summary?id={{ page.url }}");
+        evSource.onmessage = (event) => {
+          if (event.data == "[DONE]") {
+            evSource.close();
+            return;
+          } else {
+            const data = JSON.parse(event.data);
+            outputContainer.textContent += data.response;
+          }
+        }
+      });
+    }
+  });
+</script>
+<hr />
+<!-- <![endif]-->
+{% endif %}
 
 {% include toc.html html=content sanitize=true h_max=3 %}
 
 {{content}}
 
 {% if page.tags %}
-  <small>tags: <em>{{ page.tags | join: "</em> - <em>" }}</em></small>
+<small>tags: <em>{{ page.tags | join: "</em> - <em>" }}</em></small>
 {% endif %}
 
 <div class="pagination">
   {% if page.previous.url %}
-      <span class="prev" >
+  <span class="prev">
     <a href="{{ site.baseurl }}{{ page.previous.url }}">
       上一篇：{{ page.previous.title }}
     </a>
@@ -45,24 +87,23 @@ if (daysold > 90) {
   {% endif %}
   <br />
   {% if page.next.url %}
-      <span class="next" >
+  <span class="next">
     <a href="{{ site.baseurl }}{{ page.next.url }}">
       下一篇：{{ page.next.title }}
     </a>
   </span>
   {% endif %}
-  </div>
+</div>
 
 <!--[if !IE]> -->
-  <link rel="stylesheet" href="/css/gitalk.css">
+<link rel="stylesheet" href="/css/gitalk.css">
-  <script src="/js/gitalk.min.js"></script>
+<script src="/js/gitalk.min.js"></script>
 
 <div id="gitalk-container"></div>
 
 <script>
-if (window.location.host != "mabbs.github.io")
+  if (window.location.host != "mabbs.github.io") {
-{
+    var gitalk = new Gitalk({
-var gitalk = new Gitalk({
       clientID: '098934a2556425f19d6e',
       clientSecret: '0bd44eed8425e5437ce43c4ba9b2791fbc04581d',
       repo: 'mabbs.github.io',
@@ -70,11 +111,10 @@ var gitalk = new Gitalk({
       admin: ['Mabbs'],
       id: '{{ page.id }}',      // Ensure uniqueness and length less than 50
       distractionFreeMode: false  // Facebook-like distraction free mode
-})
+    })
-}
+  }
-else
+  else {
-{
+    var gitalk = new Gitalk({
-var gitalk = new Gitalk({
       clientID: '36557aec4c3cb04f7ac6',
       clientSecret: 'ac32993299751cb5a9ba81cf2b171cca65879cdb',
       repo: 'mabbs.github.io',
@@ -82,9 +122,9 @@ var gitalk = new Gitalk({
       admin: ['Mabbs'],
       id: '{{ page.id }}',      // Ensure uniqueness and length less than 50
       distractionFreeMode: false  // Facebook-like distraction free mode
-})
+    })
-}
+  }
 
-gitalk.render('gitalk-container')
+  gitalk.render('gitalk-container')
 </script>
 <!-- <![endif]-->

js/main.js

@@ -17,7 +17,7 @@ $(function(){
     $("div.live_ico_box").fadeOut();
   });
 function showHitS(hits){
-    $.get("https://summary.mayx.eu.org/counter?id="+hits.id,function(data){
+    $.get("https://summary.mayx.eu.org/count_click?id="+hits.id,function(data){
             hits.innerHTML=Number(data);
         });
 }
@@ -30,7 +30,7 @@ function showHitCount() {
 }
 function addCount() {
 var visitors=$(".visitors");
-    $.get("https://summary.mayx.eu.org/counter_add?id="+visitors[0].id,function(data){
+    $.get("https://summary.mayx.eu.org/count_click_add?id="+visitors[0].id,function(data){
         visitors[0].innerHTML=Number(data);
     });
 }