Update 3 files

- /Live2dHistoire/live2d/js/message.js
- /Live2dHistoire/live2d/css/live2d.css
- /_layouts/default.html

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

@@ -189,13 +189,17 @@ if(!norunFlag){
 		//console.log('showMessage', text);
 		$('.message').stop();
 		if(text instanceof EventSource){
-			var outputContainer = $('.message')[0]
-			outputContainer.textContent = "";
+			var outputContainer = $('.message')[0];
+			var eventFlag = false;
 			text.onmessage = (event) => {
 				if (event.data == "[DONE]") {
 					text.close();
 				  return;
 				} else {
+				  if(!eventFlag){
+					outputContainer.textContent = "";
+					eventFlag = true;
+				  }
 				  const data = JSON.parse(event.data);
 				  outputContainer.textContent += data.response;
 				}
@@ -290,6 +294,10 @@ if(!norunFlag){
 			$('#talk_send').on('click',function(){
 				var info_ = $('#AIuserText').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;
@@ -299,7 +307,7 @@ if(!norunFlag){
 				// 	return;
 				// }
 				showMessage('思考中~', 0);
-				const evSource = new EventSource(talkAPI + "?info=" + encodeURIComponent(info_));
+				const evSource = new EventSource(talkAPI + "?info=" + encodeURIComponent(info_) + add_id);
 				showMessage(evSource);
 				// $.ajax({
 				// 	type: 'POST',
@@ -395,11 +403,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");

_layouts/default.html

@@ -112,8 +112,12 @@
       <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" />
+        <div class="live_talk_input_name_body" {% unless page.layout == "post" %}style="display:none;"{% endif %}>
+          <input name="name" 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="要和我聊什么呀？"/>