Update file 2025-01-01-temp.md

- /_posts/2025-01-01-summary.md
- /_posts/2025-01-01-temp.md

.gitlab-ci.yml

@@ -6,14 +6,14 @@
 
 # Template project: https://gitlab.com/pages/jekyll
 # Docs: https://docs.gitlab.com/ee/pages/
-image: ruby:2.6
+image: ruby:2.7
 
 variables:
   JEKYLL_ENV: production
   LC_ALL: C.UTF-8
 
 before_script:
-  - gem install bundler
+  - gem install bundler -v 2.4.22
   - bundle install
 
 pages:

Gemfile

@@ -1,11 +1,13 @@
 source "https://rubygems.org"
-gem "jekyll", "~> 4.1.0"
+gem "jekyll", "~> 3.9.3"
 group :jekyll_plugins do
-  gem "jekyll-gist"
-  gem "jekyll-coffeescript"
-  gem "jekyll-assets"
-  gem "jekyll-sitemap"
-  gem "jekyll-feed"
+  gem "jekyll-gist", "~> 1.5.0"
+  gem "jekyll-coffeescript", "~> 1.1.1"
+  gem "jekyll-assets", "~> 1.0.0"
+  gem "jekyll-sitemap", "~> 1.4.0"
+  gem "jekyll-feed", "~> 0.15.1"
   gem "jekyll-theme-minimal"
-  gem "jekyll-paginate"
+  gem "jekyll-paginate", "~> 1.1.0"
+  gem "kramdown-parser-gfm", "~> 1.1.0"
+  gem "kramdown", "~> 2.3.2"
 end

Live2dHistoire/live2d/css/live2d.css

@@ -79,7 +79,7 @@
     background-color: rgba(74, 59, 114,0.9);
 }
 .live_talk_input_name_body{
-	width:70px;
+	width:100px;
 	box-sizing:border-box;
 	height:24px;
 	border: 2px solid rgb(223, 179, 241);

Live2dHistoire/live2d/js/message.js

@@ -158,7 +158,7 @@ if(!norunFlag){
 	function showHitokoto(){
 		if(sessionStorage.getItem("Sleepy")!=="1"){
 			if(!AITalkFlag){
-				$.getJSON('https://v1.hitokoto.cn/',function(result){
+				$.getJSON('https://hitokoto.mayx.eu.org/',function(result){
 					talkValTimer();
 					showMessage(result.hitokoto, 0);
 				});
@@ -188,7 +188,26 @@ if(!norunFlag){
 		if(Array.isArray(text)) text = text[Math.floor(Math.random() * text.length + 1)-1];
 		//console.log('showMessage', text);
 		$('.message').stop();
-		$('.message').html(text);
+		if(text instanceof EventSource){
+			var outputContainer = $('.message')[0];
+			var eventFlag = false;
+			text.onmessage = (event) => {
+				if (event.data == "[DONE]") {
+					text.close();
+				  return;
+				} else {
+				  if(!eventFlag){
+					talkValTimer();
+					outputContainer.textContent = "";
+					eventFlag = true;
+				  }
+				  const data = JSON.parse(event.data);
+				  outputContainer.textContent += data.response;
+				}
+			}
+		}else{
+			$('.message').html(text);
+		}
 		$('.message').fadeTo(200, 1);
 		//if (timeout === null) timeout = 5000;
 		//hideMessage(timeout);
@@ -275,36 +294,18 @@ if(!norunFlag){
 			});
 			$('#talk_send').on('click',function(){
 				var info_ = $('#AIuserText').val();
-				var userid_ = $('#AIuserName').val();
+				// var userid_ = $('#AIuserName').val();
+				let add_id = "";
+				if($('#load_this').prop("checked")){
+				    add_id = "&id="+encodeURIComponent($('#post_id').val());
+				}
 				if(info_ == "" ){
 					showMessage('写点什么吧！',0);
 					return;
 				}
-				if(userid_ == ""){
-					showMessage('聊之前请告诉我你的名字吧！',0);
-					return;
-				}
 				showMessage('思考中~', 0);
-				$.ajax({
-					type: 'POST',
-					url: talkAPI,
-					data: {
-						"info":info_,
-						"userid":userid_
-					},
-					success: function(res) {
-						if(res.code !== 100000){
-							talkValTimer();
-							showMessage('似乎有什么错误，请和站长联系！',0);
-						}else{
-							talkValTimer();
-							showMessage(res.text,0);
-						}
-						console.log(res);
-						$('#AIuserText').val("");
-						sessionStorage.setItem("live2duser", userid_);
-					}
-				});
+				const evSource = new EventSource(talkAPI + "?info=" + encodeURIComponent(info_) + add_id);
+				showMessage(evSource);
 			});
 		}else{
 			$('#showInfoBtn').hide();
@@ -379,11 +380,11 @@ if(!norunFlag){
 				showMessage('音乐似乎加载不出来了呢！',0);
 			});
 		}
-		//获取用户名
-		var live2dUser = sessionStorage.getItem("live2duser");
-		if(live2dUser !== null){
-			$('#AIuserName').val(live2dUser);
-		}
+		// //获取用户名
+		// var live2dUser = sessionStorage.getItem("live2duser");
+		// if(live2dUser !== null){
+		// 	$('#AIuserName').val(live2dUser);
+		// }
 		//获取位置
 		var landL = sessionStorage.getItem("historywidth");
 		var landB = sessionStorage.getItem("historyheight");

README.md

@@ -16,13 +16,16 @@ Powered by [Jekyll](https://github.com/jekyll/jekyll)
 [Simple-Jekyll-Search](https://github.com/christian-fei/Simple-Jekyll-Search)   
 
 ## 使用的网络资源
-[Github](https://github.com/) | 包含:
+[Github](https://github.com/) | 包含：
 - Issue
 - Pages
 - Git
- 
+
+[Cloudflare](https://www.cloudflare.com/) | 包含：
+- CDN、规则以及缓存
+- Workers、D1 SQL 数据库、Vectorize 数据库、AI
+
 [网易云音乐](https://music.163.com/)   
-[一言](https://hitokoto.cn/)   
 [CDNJS](https://cdnjs.com/)   
 [unpkg](https://unpkg.com/)   
 

_layouts/default.html

@@ -1,153 +1,157 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-{% seo %}
-{% feed_meta %}
-    <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
-    <!--[if !IE]> -->
-    <link rel="stylesheet" href="/Live2dHistoire/live2d/css/live2d.css" />
-    <script src="/js/jquery.min.js"></script>
-    <!-- <![endif]-->
-    <!--[if lt IE 9]>
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  {% seo %}
+  {% feed_meta %}
+  <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
+  <!--[if !IE]> -->
+  <link rel="stylesheet" href="/Live2dHistoire/live2d/css/live2d.css" />
+  <script src="/js/jquery.min.js"></script>
+  <!-- <![endif]-->
+  <!--[if lt IE 9]>
     <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
     <![endif]-->
-    
-{% if site.google_analytics %}    
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
+
+  {% if site.google_analytics %}
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
 
   gtag('config', '{{ site.google_analytics }}');
   var lastUpdated = new Date("{{ site.time | date: "%FT%T%z" }}");
-  Date.prototype.format = function(fmt) { 
-     var o = { 
-        "M+" : this.getMonth()+1,                 //月份 
-        "d+" : this.getDate(),                    //日 
-        "h+" : this.getHours(),                   //小时 
-        "m+" : this.getMinutes(),                 //分 
-        "s+" : this.getSeconds(),                 //秒 
-        "q+" : Math.floor((this.getMonth()+3)/3), //季度 
-        "S"  : this.getMilliseconds()             //毫秒 
-    }; 
-    if(/(y+)/.test(fmt)) {
-            fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
+  var BlogAPI = "https://summary.mayx.eu.org";
+  function getSearchJSON(callback) {
+    var searchData = JSON.parse(localStorage.getItem("blog_" + lastUpdated.valueOf()));
+    if (!searchData) {
+      localStorage.clear();
+      $.getJSON("/search.json", function (data) {
+          localStorage.setItem("blog_" + lastUpdated.valueOf(), JSON.stringify(data));
+          callback(data);
+      });
+    } else {
+      callback(searchData);
     }
-     for(var k in o) {
-        if(new RegExp("("+ k +")").test(fmt)){
-             fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
-         }
-     }
-    return fmt; 
   }
-</script>
-{% endif %}
-<style>
-.backToTop {
- display: none;
- width: 18px;
- line-height: 1.2;
- padding: 5px 0;
- background-color: #000;
- color: #fff;
- font-size: 12px;
- text-align: center;
- position: fixed;
- _position: absolute;
- right: 10px;
- bottom: 100px;
- _bottom: "auto";
- cursor: pointer;
- opacity: .6;
- filter: Alpha(opacity=60);
-}
-</style>
-  </head>
-  <body>
-    <div class="wrapper">
-      <header>
-        <h1><a href="{{ "/" | relative_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
-        
-        {% if site.logo %}
-          <img src="{{ site.logo | relative_url}}" alt="Logo" />
+  </script>
+  {% endif %}
+  <style>
+    .backToTop {
+      display: none;
+      width: 18px;
+      line-height: 1.2;
+      padding: 5px 0;
+      background-color: #000;
+      color: #fff;
+      font-size: 12px;
+      text-align: center;
+      position: fixed;
+      _position: absolute;
+      right: 10px;
+      bottom: 100px;
+      _bottom: "auto";
+      cursor: pointer;
+      opacity: .6;
+      filter: Alpha(opacity=60);
+    }
+  </style>
+</head>
+
+<body>
+  <div class="wrapper">
+    <header>
+      <h1><a href="{{ "/" | relative_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
+
+      {% if site.logo %}
+      <img src="{{ site.logo }}" alt="Logo" />
         {% endif %}
 
-        <p>{{ site.description | default: site.github.project_tagline }}</p>
-        
-        <p><form action="/search.html"><input type="text" name="keyword" id="search-input-all" placeholder="Search blog posts.."> <input type="submit"></form></p>
+      <p>{{ site.description | default: site.github.project_tagline }}</p>
 
-        {% if site.github.is_project_page %}
-        <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub <small>{{ site.github.repository_nwo }}</small></a></p>
-        {% endif %}
+      <p>
+      <form action="/search.html"><input type="text" name="keyword" id="search-input-all" placeholder="Search blog posts..">
+        <input type="submit">
+      </form>
+      </p>
 
-        {% if site.github.is_user_page %}
-        <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
-        {% endif %}
-        
-        <p class="view"><a href="{{ "/Mabbs/" | relative_url }}">About Me</a></p>
+      {% if site.github.is_project_page %}
+      <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub
+          <small>{{ site.github.repository_nwo }}</small></a></p>
+      {% endif %}
 
-        <ul class="downloads">
+      {% if site.github.is_user_page %}
+      <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
+      {% endif %}
+
+      <p class="view"><a href="/Mabbs/">About Me</a></p>
+
+      <ul class="downloads">
         {% if site.github %}
-          <li><a href="{{ site.github.zip_url }}">Download <strong>ZIP File</strong></a></li>
-          <li><a href="{{ site.github.tar_url }}">Download <strong>TAR Ball</strong></a></li>
-          <li><a href="{{ site.github.repository_url }}">View On <strong>GitHub</strong></a></li>
+        <li><a href="{{ site.github.zip_url }}">Download <strong>ZIP File</strong></a></li>
+        <li><a href="{{ site.github.tar_url }}">Download <strong>TAR Ball</strong></a></li>
+        <li><a href="{{ site.github.repository_url }}">View On <strong>GitHub</strong></a></li>
         {% else %}
-          <li style="width: 270px;border-right:0px;"><a href="/MayxBlog.tgz">Download <strong>TGZ File</strong></a></li>
+        <li style="width: 270px;border-right:0px;"><a href="/MayxBlog.tgz">Download <strong>TGZ File</strong></a></li>
         {% endif %}
-        </ul>
-      </header>
-      <section>
+      </ul>
+    </header>
+    <section>
 
       {{ content }}
 
-      </section>
-<!--[if !IE]> -->
-<div id="landlord" style="left:5px;bottom:0px;">
-    <div class="message" style="opacity:0"></div>
-    <canvas id="live2d" width="500" height="560" class="live2d"></canvas>
-    <div class="live_talk_input_body">
-    	<div class="live_talk_input_name_body" style="display:none;">
-        	<input name="name" type="hidden" class="live_talk_name white_input" id="AIuserName" value="Mayx_Blog_Talk" />
+    </section>
+    <!--[if !IE]> -->
+    <div id="landlord" style="left:5px;bottom:0px;">
+      <div class="message" style="opacity:0"></div>
+      <canvas id="live2d" width="500" height="560" class="live2d"></canvas>
+      <div class="live_talk_input_body">
+        <div class="live_talk_input_name_body" {% unless page.layout == "post" %}style="display:none;"{% endunless %}>
+          <input type="checkbox" id="load_this">
+          <input type="hidden" id="post_id" value="{{ page.url }}">
+          <label for="load_this">
+            <span style="font-size: 11px; color: #fff;">&nbsp;想问这篇文章</span>
+          </label>
         </div>
         <div class="live_talk_input_text_body">
-        	<input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀？"/>
-            <button type="button" class="live_talk_send_btn" id="talk_send">发送</button>
+          <input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀？"/>
+          <button type="button" class="live_talk_send_btn" id="talk_send">发送</button>
         </div>
-    </div>
-    <input name="live_talk" id="live_talk" value="1" type="hidden" />
-    <div class="live_ico_box" style="display:none;">
-    	<div class="live_ico_item type_info" id="showInfoBtn"></div>
-    	<div class="live_ico_item type_talk" id="showTalkBtn"></div>
+      </div>
+      <input name="live_talk" id="live_talk" value="1" type="hidden" />
+      <div class="live_ico_box" style="display:none;">
+        <div class="live_ico_item type_info" id="showInfoBtn"></div>
+        <div class="live_ico_item type_talk" id="showTalkBtn"></div>
         <div class="live_ico_item type_music" id="musicButton"></div>
         <div class="live_ico_item type_youdu" id="youduButton"></div>
         <div class="live_ico_item type_quit" id="hideButton"></div>
         <input name="live_statu_val" id="live_statu_val" value="0" type="hidden" />
         <audio src="" style="display:none;" id="live2d_bgm" data-bgm="0" preload="none"></audio>
         <input id="duType" value="douqilai" type="hidden">
+      </div>
     </div>
-</div>
-<div id="open_live2d">召唤伊斯特瓦尔</div>
+    <div id="open_live2d">召唤伊斯特瓦尔</div>
     <!-- <![endif]-->
-      <footer>
-        <p><small>Made with ❤ by Mayx<br />Last updated at <script>document.write(lastUpdated.format("yyyy-MM-dd hh:mm:ss"));</script><br /> 总字数：
-{% assign count = 0 %}{% for post in site.posts %}{% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}
-{% assign count = count | plus: single_count %}{% endfor %}{% if count > 10000 %}{{ count | divided_by: 10000 }} 万 {{ count | modulo: 10000 }}
-{% else %}{{ count }}{% endif %} - 文章数：{% for post in site.posts %}{% assign co = co | plus: 1 %}{% endfor %}{{ co }} - <a href="{{ "/atom.xml" | relative_url }}" >Atom</a> - <a href="{{ "/README.html" | relative_url }}" >About</a></small></p>
-      </footer>
-    </div>
-    <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
+    <footer>
+      <p>
+        <small>Made with ❤ by Mayx<br />Last updated at <script>document.write(lastUpdated.toLocaleString());</script><br /> 总字数：{% assign count = 0 %}{% for post in site.posts %}{% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}{% assign count = count | plus: single_count %}{% endfor %}{% if count > 10000 %}{{ count | divided_by: 10000 }} 万 {{ count | modulo: 10000 }}{% else %}{{ count }}{% endif %} - 文章数：{% for post in site.posts %}{% assign co = co | plus: 1 %}{% endfor %}{{ co }} - <a href="{{ "/atom.xml" | relative_url }}" >Atom</a> - <a href="{{ "/README.html" | relative_url }}" >About</a></small>
+      </p>
+    </footer>
+  </div>
+  <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
 
-<script src="/js/main.js"></script>
-<!--[if !IE]> -->
-<script src="/Live2dHistoire/live2d/js/live2d.js"></script>
-<script src="/Live2dHistoire/live2d/js/message.js"></script>
+  <script src="/js/main.js"></script>
+  <!--[if !IE]> -->
+  <script src="/Live2dHistoire/live2d/js/live2d.js"></script>
+  <script src="/Live2dHistoire/live2d/js/message.js"></script>
 
-<!-- <![endif]-->
-  </body>
-</html>
+  <!-- <![endif]-->
+</body>
+
+</html>

_layouts/post.html

@@ -2,89 +2,161 @@
 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>
+<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>
 <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 />
-这是一篇创建于 <span id="outime"></span> 天前的文章，其中的信息可能已经有所发展或是发生改变。
-<br /><br />
+  <hr />
+  这是一篇创建于 <span id="outime"></span> 天前的文章，其中的信息可能已经有所发展或是发生改变。
+  <br /><br />
 </div>
 <script>
-BirthDay = new Date("{{ page.date | date: "%m/%d/%Y" }} 00:00:00");
-today = new Date();
-timeold = (today.getTime() - BirthDay.getTime());
-secondsold = Math.floor(timeold / 1000);
-e_daysold = timeold / (24 * 60 * 60 * 1000);
-daysold = Math.floor(e_daysold);
-if (daysold > 90) {
+  BirthDay = new Date("{{ page.date | date: "%m/%d/%Y" }} 00:00:00");
+  today = new Date();
+  timeold = (today.getTime() - BirthDay.getTime());
+  secondsold = Math.floor(timeold / 1000);
+  e_daysold = timeold / (24 * 60 * 60 * 1000);
+  daysold = Math.floor(e_daysold);
+  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;
+  }
+  async function ai_gen(){
+    var postContent = "文章标题：" + {{ page.title | jsonify }} + "；文章内容：" + {{ page.content | strip_html | strip_newlines | jsonify }};
+    var postContentSign = await sha(postContent);
+    var outputContainer = document.getElementById("ai-output");
+    $.get(BlogAPI + "/is_uploaded?id={{ page.url }}&sign=" + postContentSign, function (data) {
+      if (data == "yes") {
+        $.get(BlogAPI + "/get_summary?id={{ page.url }}&sign=" + postContentSign, function (data2) {
+          outputContainer.textContent = data2;
+        });
+      } else {
+        $.post(BlogAPI + "/upload_blog?id={{ page.url }}", postContent, function (data) {
+          $.get(BlogAPI + "/get_summary?id={{ page.url }}&sign=" + postContentSign);
+          const evSource = new EventSource(BlogAPI + "/summary?id={{ page.url }}");
+          outputContainer.textContent = "";
+          evSource.onmessage = (event) => {
+            if (event.data == "[DONE]") {
+              evSource.close();
+              return;
+            } else {
+              const data = JSON.parse(event.data);
+              outputContainer.textContent += data.response;
+            }
+          }
+        });
+      }
+    });
+  }
+  ai_gen();
+</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 %}
-
+<br />
+<br />
+<p id="suggest-container"></p>
+<script>
+var blogurl = "{{ page.url }}";
+var suggest = $("#suggest-container")[0];
+suggest.innerHTML = "Loading...";
+$.get(BlogAPI + "/suggest?id=" + blogurl + "&update=" + lastUpdated.valueOf(), function (data) {
+    if (data.length) {
+        getSearchJSON(function (search) {
+            suggest.innerHTML = '<b>推荐文章</b><hr style="margin: 0 0 5px"/>';
+            const searchMap = new Map(search.map(item => [item.url, item]));
+            const merged = data.map(suggestObj => {
+                const searchObj = searchMap.get(suggestObj.id);
+                return searchObj ? { ...searchObj } : null;
+            });
+            merged.forEach(element => {
+                if (element) {
+                    suggest.innerHTML += "<a href=" + element.url + ">" + element.title + "</a> - " + element.date + "<br />";
+                }
+            });
+        });
+    } else {
+        suggest.innerHTML = "暂无推荐文章……";
+    }
+});
+</script>
 <div class="pagination">
-    {% if page.previous.url %}
-      <span class="prev" >
-          <a href="{{ site.baseurl }}{{ page.previous.url }}">
-            上一篇：{{ page.previous.title }}
-          </a>
-      </span>
-    {% endif %}
+  {% if page.previous.url %}
+  <span class="prev">
+    <a href="{{ site.baseurl }}{{ page.previous.url }}">
+      上一篇：{{ page.previous.title }}
+    </a>
+  </span>
+  {% endif %}
   <br />
-    {% if page.next.url %}
-      <span class="next" >
-          <a href="{{ site.baseurl }}{{ page.next.url }}">
-            下一篇：{{ page.next.title }}
-          </a>
-      </span>
-    {% endif %}
-  </div>
+  {% if page.next.url %}
+  <span class="next">
+    <a href="{{ site.baseurl }}{{ page.next.url }}">
+      下一篇：{{ page.next.title }}
+    </a>
+  </span>
+  {% endif %}
+</div>
 
 <!--[if !IE]> -->
-  <link rel="stylesheet" href="/css/gitalk.css">
-  <script src="/js/gitalk.min.js"></script>
+<link rel="stylesheet" href="/css/gitalk.css">
+<script src="/js/gitalk.min.js"></script>
 
 <div id="gitalk-container"></div>
 
 <script>
-if (window.location.host != "mabbs.github.io")
-{
-var gitalk = new Gitalk({
-  clientID: '098934a2556425f19d6e',
-  clientSecret: '0bd44eed8425e5437ce43c4ba9b2791fbc04581d',
-  repo: 'mabbs.github.io',
-  owner: 'Mabbs',
-  admin: ['Mabbs'],
-  id: '{{ page.id }}',      // Ensure uniqueness and length less than 50
-  distractionFreeMode: false  // Facebook-like distraction free mode
-})
-}
-else
-{
-var gitalk = new Gitalk({
-  clientID: '36557aec4c3cb04f7ac6',
-  clientSecret: 'ac32993299751cb5a9ba81cf2b171cca65879cdb',
-  repo: 'mabbs.github.io',
-  owner: 'Mabbs',
-  admin: ['Mabbs'],
-  id: '{{ page.id }}',      // Ensure uniqueness and length less than 50
-  distractionFreeMode: false  // Facebook-like distraction free mode
-})
-}
+  if (window.location.host != "mabbs.github.io") {
+    var gitalk = new Gitalk({
+      clientID: '098934a2556425f19d6e',
+      clientSecret: '0bd44eed8425e5437ce43c4ba9b2791fbc04581d',
+      repo: 'mabbs.github.io',
+      owner: 'Mabbs',
+      admin: ['Mabbs'],
+      id: '{{ page.id }}',      // Ensure uniqueness and length less than 50
+      distractionFreeMode: false,  // Facebook-like distraction free mode
+      proxy: "https://cors-anywhere.mayx.eu.org/?https://github.com/login/oauth/access_token"
+    })
+  }
+  else {
+    var gitalk = new Gitalk({
+      clientID: '36557aec4c3cb04f7ac6',
+      clientSecret: 'ac32993299751cb5a9ba81cf2b171cca65879cdb',
+      repo: 'mabbs.github.io',
+      owner: 'Mabbs',
+      admin: ['Mabbs'],
+      id: '{{ page.id }}',      // Ensure uniqueness and length less than 50
+      distractionFreeMode: false,  // Facebook-like distraction free mode
+      proxy: "https://cors-anywhere.mayx.eu.org/?https://github.com/login/oauth/access_token"
+    })
+  }
 
-gitalk.render('gitalk-container')
+  gitalk.render('gitalk-container')
 </script>
-<!-- <![endif]-->
+<!-- <![endif]-->

_posts/2023-02-03-mbp.md

@@ -28,7 +28,7 @@ tags: [Apple, MacBook, 体验]
 ## 游戏体验
   众所周知，MacBook很不适合用来打游戏，因为大多数游戏都是在Windows上编写的。不过我已经安装了Windows11ARM的虚拟机，如果用来跑游戏效果会怎么样呢？我从我原来用的电脑上传了一个Galgame过来，打开试了一下，卡的不得了，不知道是因为没法调用显卡还是怎么回事，感觉帧率就10fps的样子，我在我原来的电脑上运行了一下试了试，运行非常流畅。连运行Galgame都这么垃圾，其他游戏估计更不用说了。不过这估计也是因为是虚拟机的缘故，所以我想找找MacOS支持的游戏。去Apple Store下载游戏……都要花钱，不过我看到我的MacBook作为Pro，有个Touch Bar，所以想整个Touch Bar的游戏，正好看到了个打砖块，试了试效果还不错。   
   当然用MacBook光看打砖块流畅那就没啥意义了，所以再升点级，试试三维弹球吧😝，之前我在网上看到一个开源版本的三维弹球，叫做[SpaceCadetPinball](https://github.com/k4zmu2a/SpaceCadetPinball)，是用Windows XP自带的那个版本逆向出来的，我看了一眼是支持在MacOS上运行的，于是就下载下来编译了一下，效果确实不错，不过我又试了一下在Windows原生的版本，一样很流畅啊😂，而且不知道为什么感觉开源的这个版本缓冲器不太对劲，弹的没原生的舒服……这试游戏没必要针对弹球游戏吧😂。   
-  不过我也不知道MacOS支持什么游戏，想了想我在Epicgames上白嫖了不少游戏，干脆下载下来看看都有啥支持吧。看了一圈while True:learn()居然支持，然后就下载下来试了一下，不过这个基本上也没啥特效啥的，就是那种逻辑推理游戏，也展现不出什么，不过我原来的电脑运行这个游戏的时候风扇就开始高速转起来了，MacBook能完全没声音应该还是证明有点东西的。   
+  不过我也不知道MacOS支持什么游戏，想了想我在Epic Games上白嫖了不少游戏，干脆下载下来看看都有啥支持吧。看了一圈while True:learn()居然支持，然后就下载下来试了一下，不过这个基本上也没啥特效啥的，就是那种逻辑推理游戏，也展现不出什么，不过我原来的电脑运行这个游戏的时候风扇就开始高速转起来了，MacBook能完全没声音应该还是证明有点东西的。   
   不过我也不一定非要考虑电脑游戏，我也可以考虑一下手机游戏，毕竟MacOS在M系列芯片上是可以运行iOS软件的，不过系统做了一些限制，不是所有都支持，所以我就下了一个[PlayCover](https://github.com/PlayCover/PlayCover)，在上面安装了公主连结 Re:Dive。效果还挺不错的，完全不卡，不过运行的时候可以明显感觉有点开始发热了，我浏览网页看视频的时候完全不发热，看来这个游戏还是挺费资源的。   
 ## 综合体验
   经过这些天的使用，我感触最深的就是这台电脑的续航了，别说一天不充电，感觉两三天不充电都没问题，毕竟标称续航是20小时，可以算是续航最强的笔记本电脑了。不过这样的话感觉就更像是大号手机/平板那样了，用的时候不充电，24小时不用关机，感觉和手机差不多，相比平板功能还是更多，要是说用iPad那个东西可没有终端，越狱也还是比不了MacOS。而相比Android平板，我之前还在上面[试过Termux](/2022/02/15/termux.html)，不过问题和越狱差不多，支持的东西还是不如MacOS，虽然MacOS也不是开源的，但是对我来说我感觉那个终端就像Linux那个终端差不多，加上HomeBrew效果还是挺不错的，另外MacBook比平板的续航更长，就是重量也更重了。   

_posts/2023-04-05-ai.md

@@ -7,7 +7,7 @@ tags: [AI, LLM, 人工智能]
   最近人工智能发展的还真是不错啊……<!--more-->    
   
 # 起因
-  最近ChatGPT为代表的人工智能发展的越来越好了，而且因为它对生产力的提升使得了解AI的人也越来越多了。虽然我也不算是对AI很感兴趣，但是我在Github Copilot刚出的时候就已经用上了，到现在一直在用（不过毕业了以后估计就用不了了吧😂）。不过那时候Copilot毕竟专业性比较高，知道的人也比较少，不像现在ChatGPT能在各行各业使用，甚至还有基于类似模型的Vtuber，比如[Neuro-sama](https://www.twitch.tv/vedel987)，所以即使是普通人使用它，都能够减轻自己的工作压力，所以现在的人们都在讨论它。   
+  最近ChatGPT为代表的人工智能发展的越来越好了，而且因为它对生产力的提升使得了解AI的人也越来越多了。虽然我也不算是对AI很感兴趣，但是我在Github Copilot刚出的时候就已经用上了，到现在一直在用（不过毕业了以后估计就用不了了吧😂）。不过那时候Copilot毕竟专业性比较高，知道的人也比较少，不像现在ChatGPT能在各行各业使用，甚至还有基于类似模型的Vtuber，比如[Neuro-sama](https://www.twitch.tv/vedal987)，所以即使是普通人使用它，都能够减轻自己的工作压力，所以现在的人们都在讨论它。   
   当然在这之前，还有一些很厉害的画图AI，比如使用了Stable Difusion的NovalAI，以及Midjourney啥的，不过因为我对画图并不感兴趣，所以它发展的有多好也基本上和我没有关系。其实除了这些能够AIGC的模型之外，在那之前还有下围棋的AlphaGO啥的，那个我就更不感兴趣了，相信大多数人也不感兴趣，所以总的来看也就只有现在才能证明AI发展到了能够让大家觉得能干涉到更多人的地步吧。   
   也正因为现在以ChatGPT为代表的LLM的发展，开源社区也开始搞起来一些有意思的东西。不过LLM的训练成本比较高，所以现在开源社区在这一块的发展也许得感谢比如Facebook的[LLaMA](https://github.com/facebookresearch/llama)之类基础的模型，才能让大家能用较低的成本去训练属于自己的AI吧。
 

_posts/2023-10-21-game.md

@@ -0,0 +1,33 @@
+---
+layout: post
+title: 在MacBook玩游戏的各种方法
+tags: [Apple, MacBook, 游戏]
+---
+
+  我倒要看看是谁在说Mac打游戏是疯子😡<!--more-->    
+
+# 起因
+  自从[用了MacBook Pro](/2023/02/03/mbp.html)以后，我用我以前Windows笔记本的次数越来越少了。虽然性能可能比不上，但是安静和超长续航的体验还是相当不错的。但是我也不是完全不玩游戏的人，有时候闲了也有打游戏的需求，那我如何在不使用Windows系统的情况下打游戏呢？   
+
+# 在MacBook玩游戏的方法
+## 原生游戏
+  一般来说如果想发挥MacBook的全部能力，那自然是完完全全为Mac设计，不需要任何转换等方法的游戏最好了，这类游戏一般在Mac App Store就能找到和下载，只是绝大多数都不是免费的，我也就下过一款[TouchBrickOut](https://apps.apple.com/us/app/ibreakout/id1582094533)的打砖块游戏，这是真真正正为Mac设计的，不仅原生还要Touch Bar。当然对于大多数游戏来说不会为Mac专门设计，毕竟Mac的游戏玩家比较少。但是能在Mac上原生运行的游戏除了为Mac设计以外，就是开源游戏了。毕竟源代码都有了，想在哪里编译都可以。对于我玩的游戏来说，有几款正好符合这一点，比如[osu!lazer](https://github.com/ppy/osu)，还有之前玩过的[三维弹球](https://github.com/k4zmu2a/SpaceCadetPinball)。   
+## iOS游戏
+  因为M系列芯片基于ARM架构，所以我的MacBook也可以玩iOS的游戏。这类游戏一般也能直接在Mac App Store上下载到，比如我玩过的[药水制作师](https://apps.apple.com/us/app/%E8%8D%AF%E6%B0%B4%E5%88%B6%E4%BD%9C%E5%B8%88/id950654598)。但其实有很多iOS游戏在Mac App Store上都搜索不到，应该是开发者设置了规则不允许在Mac上使用。对于这类游戏可以在[Decrypt IPA Store](https://decrypt.day/)上下载，并且使用[PlayCover](https://github.com/PlayCover/PlayCover)安装。对我来说，我一般玩[公主连结Re:Dive](https://decrypt.day/app/id1423525213)，以及一些模拟器，比如[XP3Player](https://apps.apple.com/us/app/xp3player/id1064060287)和[ONSPlayer](https://apps.apple.com/us/app/onsplayer/id1388250129)（其实这两款软件可以在Mac App Store上下载，但是都要花钱……所以我就去网上找的ipa文件然后在PlayCover上安装了）
+## 使用Rosetta 2的x86游戏
+  在M系列芯片出来以前，其实也有不少Mac上的游戏，但是这类游戏可能在M芯片的Mac出来之前就已经开发好了，想让开发者为M芯片做适配显然不大可能。不过macOS有Rosetta 2可以让开发者不需要任何改动的情况下就让游戏在M系列芯片Mac上运行。这类游戏非常多，基本上在Steam和Epic Games上下载的游戏都是x86的，像我用的Epic Games Launcher以及在上面下载的游戏[while True:learn()](https://launcher.store.epicgames.com/zh-CN/p/while-true-learn)都是这样的，不过我玩的这些对性能要求都非常低，所以即使用了转译，但是玩起来并不会卡。
+## 基于脚本的Galgame游戏
+  很多Galgame都是用一些专用的脚本引擎工具写出来的，例如T Visual Presenter、NScripter还有Ren'Py等等，因为是脚本，所以通常来说很容易跨平台，毕竟它们没有太多依赖系统本身的东西，只要能写出对应平台的解析器，脚本都能运行。像上述提到的XP3Player、ONSPlayer还有[RenPyViewer](https://apps.apple.com/us/app/renpyviewer/id1547796767)就可以运行很多基于脚本的游戏。不过很多Ren'Py游戏都有发行macOS版本，所以一般不需要安装RenPyViewer。只是有可能它们都是基于x86开发的，可能需要用Rosetta 2转译……
+## 在网页上运行的游戏
+  浏览器作为跨平台最强的解决方法，自然游戏也不例外，能在网页上运行的游戏也很多，像RPG Maker MV制作的游戏基本上都可以在浏览器上运行。我看到有一个[网站](https://amemei-lists.top/posts/49e03169/)就收集了很多这种游戏，他们之前还把游戏放在了GitHub上。不过Github对[Sexually Obscene Content](https://docs.github.com/zh/site-policy/acceptable-use-policies/github-sexually-obscene-content)内容是不容忍的，所以他们在GitHub上的东西就消失了……不过我搜了一下还有一些漏网之鱼，[这个账号](https://github.com/jjbR18)还有这样的游戏可以玩🤣（有效性只限我写文章之前的时间，说不定哪天被GitHub发现就没了）。其实对于这种网页上可以运行的游戏来说，最好下载下来，虽然RPG Maker MV的游戏可以在线玩，但是加载那么多资源，尤其这些文件还是在境外，对国内玩家非常的不友好😆，所以如果想在Mac上玩，可以下载下来，然后在终端那个目录下执行`python3 -m http.server`，就可以打开 <http://127.0.0.1:8000> 下开始游戏了。不过Safari的效果不太行，很多游戏连声音都没有，想玩还是下载Chrome之类的浏览器比较好。   
+## 使用Wine🍷游玩Windows游戏
+  除了相对比较原生的办法，不太优雅的办法就是用基于Wine的各种东西了。其实我之前不太想在MacBook上使用Wine的，因为一般如果是Linux系统在ARM芯片上运行的话需要用QEMU User模式模拟x86，然后再运行Wine，效率极其低下，还不如用虚拟机呢（虽然听过Crossover，不过我当时以为它是按这种方式的，而且还要收费😂）。不过macOS不太一样，它有Rosetta 2加持，效率比QEMU User模式高太多了，虽然是两次翻译但是毕竟有黑科技还算是能玩。尤其是前段时间出的Game Porting Toolkit，据说很厉害，所以前几天我根据[这个教程](https://www.applegamingwiki.com/wiki/Game_Porting_Toolkit)安装了一个，编译的时候第一次听到我的MacBook风扇转😂。试了试效果确实不错，找了个Unity3D的游戏可以满帧率运行。虽然很不错，不过我又去网上搜了搜，发现我是**，有个开源的软件[Whisky](https://github.com/Whisky-App/Whisky)不需要编译任何东西，就可以使用Wine和GPTk，而且配置也很简单，还能使用DXVK，而且因为是已经编译好的，不需要安装依赖，也不需要源码之类的东西，我通过上面教程安装的大小要4个多GiB，但是这个就只要1个多GiB，还不需要考虑乱七八糟的东西。   
+  经过我的实测，GPTk（其实就是D3DMetal）兼容性更好一些，效率也更高，但是占内存很大，DXVK似乎效率低一些，但是占内存比较小，因为我的MacBook只有8GiB内存，而且我玩的游戏在哪个上面都能跑满帧率 ~~（反正3A大作我也不可能在MacBook上玩，估计M2的水平也玩不了……不如说我基本上不玩3A大作🤣）~~ ，所以我在玩游戏一般还是会用DXVK多一些，除非打不开才会用D3DMetal。   
+## 使用虚拟机游玩Windows游戏
+  因为我的MacBook只有8GiB内存，而且硬盘也只有256GiB，跑虚拟机压力实在是太大了，我以前试过[UTM](https://github.com/utmapp/UTM)，但是玩不了游戏，随便什么游戏都会卡的动不了，当然也可能是UTM的显卡驱动不太行，不过现在的话我也不想尝试其他虚拟机了，所以我只能说强烈不推荐使用虚拟机玩游戏。   
+## 云游戏方案
+  这种方案直接就不在本机运行了，流畅程度全看网络和连接的主机性能。我以前也写过一篇[关于云游戏的体验](/2021/09/28/cloudgame.html)，在这里就不多赘述了。
+
+# 感想
+  这么看来MacBook玩游戏的方法挺多的嘛，谁说一定要Windows才能打游戏呢？我觉得说在macOS上打游戏的人是精神病的人自己才是精神病吧，谁也没有说买MacBook就是专门拿来打游戏的，那些人就是觉得买Mac亏，估计还很穷吧🤣。   
+  顺便一说，有个叫[AppleGamingWiki](https://www.applegamingwiki.com/wiki/Home)的网站上记录了一些比较大的游戏在M系列芯片上的兼容性，如果真的有想在Mac上打游戏的想法，也可以去这个Wiki上参考一下。