zqlit/blog
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

223

Browse Source
This commit is contained in:
小赵同学 committed 2024-08-09 14:05:41 +08:00
1 parent 50bf6c8a87
commit e2bb43046c
80 files changed
+335 -872
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

content/post/ikun.md
+1 -1
View File
@@ -1,7 +1,7 @@
---
title: "添加ikun摆件"
date: "2024-08-07T16:10:05+08:00"
draft: false
draft: true
categories: []
tags: []
author: "小赵同学"
public/about/index.html
-11
View File
@@ -78,17 +78,6 @@
var option;
var dataMap = new Map();
var key = "2024-08-07";
var value = dataMap.get(key);
var link = "/post/ikun/";
var title = "添加ikun摆件";
if (value == null) {
dataMap.set(key, [{link, title}]);
} else {
value.push({link, title});
}
var key = "2024-04-05";
var value = dataMap.get(key);
var link = "/post/1287/";
public/archives/index.html
+10 -32
View File
@@ -70,6 +70,16 @@
@@ -82,38 +92,6 @@
<h3 class="diy-h3" uk-scrollspy="cls: uk-animation-slide-bottom-small; repeat: false" data-toggle="collapse"
data-target="#collapse202408" aria-expanded="false"
aria-controls="collapse202408">
08月
</h3>
<div class="collapse" id="collapse202408"
uk-scrollspy="cls: uk-animation-slide-bottom-small; repeat: false">
<li data-date="2024087">
<span class="articles_date_time">08/07</span>
<a class="a-archives" uk-scrollspy="cls: uk-animation-slide-bottom-small; repeat: false"
href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</li>
</div>
<h3 class="diy-h3" uk-scrollspy="cls: uk-animation-slide-bottom-small; repeat: false" data-toggle="collapse"
data-target="#collapse202404" aria-expanded="false"
aria-controls="collapse202404">
public/categories/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/categories/rss.xml
+2 -2
View File
@@ -6,11 +6,11 @@
<description></description>
<generator>Hugo -- gohugo.io</generator>
<language>zh-cn</language>
<lastBuildDate>Wed, 07 Aug 2024 16:10:05 +0800</lastBuildDate><atom:link href="https://usj.cc/categories/rss.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Fri, 05 Apr 2024 12:39:00 +0000</lastBuildDate><atom:link href="https://usj.cc/categories/rss.xml" rel="self" type="application/rss+xml" />
<item>
<title>生活</title>
<link>https://usj.cc/categories/%E7%94%9F%E6%B4%BB/rss.xml</link>
<pubDate>Wed, 07 Aug 2024 16:10:05 +0800</pubDate>
<pubDate>Fri, 05 Apr 2024 12:39:00 +0000</pubDate>
<guid>https://usj.cc/categories/%E7%94%9F%E6%B4%BB/rss.xml</guid>
<description></description>
public/categories/教程/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/教程/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/categories/文案/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/文案/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/categories/生活/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/生活/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/categories/生活/rss.xml
+1 -153
View File
@@ -6,159 +6,7 @@
<description></description>
<generator>Hugo -- gohugo.io</generator>
<language>zh-cn</language>
<lastBuildDate>Wed, 07 Aug 2024 16:10:05 +0800</lastBuildDate><atom:link href="https://usj.cc/categories/%E7%94%9F%E6%B4%BB/rss.xml" rel="self" type="application/rss+xml" />
<item>
<title>添加ikun摆件</title>
<link>https://usj.cc/post/ikun/</link>
<pubDate>Wed, 07 Aug 2024 16:10:05 +0800</pubDate>
<guid>https://usj.cc/post/ikun/</guid>
<description>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下 还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还</description>
<content:encoded><![CDATA[<img loading="lazy" decoding="async" src="/" alt="添加ikun摆件" /><p>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下</p>
<p>还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果</p>
<p>主要是还自带音效，在适当区间松手时还会触发语音效果</p>
<p>
<a
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9naXRodWIuY29tL2l0b3JyL3Nha2FuYQ%3d%3d"
target="_blank"
>
https://github.com/itorr/sakana</a> 「Sakana!」石蒜模拟器</p>
<p>预览地址：https://lab.magiconch.com/sakana</p>
<h2 id="继续整活">继续整活</h2>
<p>因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来</p>
<p>作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成</p>
<p>为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包</p>
<p>
<img data-lazy-src="/pics/hugo/ikun/image-20240807153134059.png" alt="image-20240807153134059" class="lazyload"></p>
<h4 id="快速食用">快速食用</h4>
<p>考虑到很多小伙伴也需要，这里把代码梳理一下 发出来</p>
<p>将以下css加入主题的<!-- raw HTML omitted --><!-- raw HTML omitted -->标签的<!-- raw HTML omitted --><!-- raw HTML omitted -->标签里</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">fixed</span> <span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-5</span><span style="color:#204a87;font-weight:bold">rem</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">z-index</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">555</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-5</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">@</span><span style="color:#204a87;font-weight:bold">media</span> <span style="color:#ce5c00;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">max-width</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">650px</span><span style="color:#ce5c00;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">display</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">@</span><span style="color:#204a87;font-weight:bold">media</span> <span style="color:#ce5c00;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">max-width</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">1120px</span><span style="color:#ce5c00;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">translateY</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#204a87">scale</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0.25</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-10</span><span style="color:#204a87;font-weight:bold">rem</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-10</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">500</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">800</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">relative</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform-origin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">100</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">300</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">300</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">margin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">260</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">cursor</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">pointer</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform-origin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">400</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">no-repeat</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-size</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">cover</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">chisato</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">这里填写自定义摆件图片url</span><span style="color:#000;font-weight:bold">)</span><span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">takina</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">这里填写自定义摆件图片url</span><span style="color:#000;font-weight:bold">)</span><span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-bed</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">160</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">margin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">rgba</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">.5</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#204a87;font-weight:bold">no-repeat</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">border-radius</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">2</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">cursor</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">pointer</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-size</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">box-shadow</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">2</span><span style="color:#204a87;font-weight:bold">px</span> <span style="color:#204a87">rgba</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">.05</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-can-switch-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">true</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-bed</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span></code></pre></div><p>在footer底部引入js</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span> <span style="color:#000">src</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;https://usj.cc/js/sakana.js&#34;</span><span style="color:#ce5c00;font-weight:bold">&gt;&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span></code></pre></div><p>在主题的自定义js进行插件初始化</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span> <span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span><span style="color:#ce5c00;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">setMute</span><span style="color:#000;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">init</span><span style="color:#000;font-weight:bold">({</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">el</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#4e9a06">&#39;.sakana-box-l&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">scale</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#0000cf;font-weight:bold">9</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">character</span><span style="color:#ce5c00;font-weight:bold">:</span><span style="color:#4e9a06">&#39;takina&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">canSwitchCharacter</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inertia</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0.001</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">decay</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">});</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span><span style="color:#ce5c00;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">setMute</span><span style="color:#000;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">init</span><span style="color:#000;font-weight:bold">({</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">el</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#4e9a06">&#39;.sakana-box-r&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">scale</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#0000cf;font-weight:bold">9</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">character</span><span style="color:#ce5c00;font-weight:bold">:</span><span style="color:#4e9a06">&#39;chisato&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">canSwitchCharacter</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inertia</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0.001</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">decay</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">});</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span></code></pre></div><p>在你想展示的位置添加div标签</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#000;font-weight:bold">&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-box-l sakana-box&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: translateY(0px) scale(0.5);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#c4a000">width</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;750&#34;</span> <span style="color:#c4a000">height</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;1200&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;width: 500px; height: 800px;&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">canvas</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-character&#34;</span> <span style="color:#c4a000">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;takina&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-bed&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-box-r sakana-box&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: translateY(0px) scale(0.5);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#c4a000">width</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;750&#34;</span> <span style="color:#c4a000">height</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;1200&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;width: 500px; height: 800px;&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">canvas</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-character&#34;</span> <span style="color:#c4a000">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;chisato&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-bed&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;</span>
</span></span></code></pre></div><p>大功告成！</p>
]]></content:encoded>
</item>
<lastBuildDate>Fri, 05 Apr 2024 12:39:00 +0000</lastBuildDate><atom:link href="https://usj.cc/categories/%E7%94%9F%E6%B4%BB/rss.xml" rel="self" type="application/rss+xml" />
<item>
<title>主机配置单</title>
<link>https://usj.cc/post/1287/</link>
public/categories/相册/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/categories/相册/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</div>
</article>
public/page/2/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</div>
</article>
public/page/3/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</div>
</article>
public/page/4/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</div>
</article>
public/page/5/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</div>
</article>
public/page/6/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</div>
</article>
public/page/7/index.html
+5 -5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -97,6 +92,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</div>
</article>
public/page/8/index.html
-5
View File
@@ -72,11 +72,6 @@
<div class="posts">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/post/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/2/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/3/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/4/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/5/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/6/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/7/index.html
+5 -5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -95,6 +90,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/post/page/8/index.html
-5
View File
@@ -70,11 +70,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/post/rss.xml
-152
View File
@@ -7,158 +7,6 @@
<generator>Hugo -- gohugo.io</generator>
<language>zh-cn</language>
<lastBuildDate>Wed, 07 Aug 2024 16:10:05 +0800</lastBuildDate><atom:link href="https://usj.cc/post/rss.xml" rel="self" type="application/rss+xml" />
<item>
<title>添加ikun摆件</title>
<link>https://usj.cc/post/ikun/</link>
<pubDate>Wed, 07 Aug 2024 16:10:05 +0800</pubDate>
<guid>https://usj.cc/post/ikun/</guid>
<description>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下 还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还</description>
<content:encoded><![CDATA[<img loading="lazy" decoding="async" src="/" alt="添加ikun摆件" /><p>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下</p>
<p>还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果</p>
<p>主要是还自带音效，在适当区间松手时还会触发语音效果</p>
<p>
<a
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9naXRodWIuY29tL2l0b3JyL3Nha2FuYQ%3d%3d"
target="_blank"
>
https://github.com/itorr/sakana</a> 「Sakana!」石蒜模拟器</p>
<p>预览地址：https://lab.magiconch.com/sakana</p>
<h2 id="继续整活">继续整活</h2>
<p>因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来</p>
<p>作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成</p>
<p>为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包</p>
<p>
<img data-lazy-src="/pics/hugo/ikun/image-20240807153134059.png" alt="image-20240807153134059" class="lazyload"></p>
<h4 id="快速食用">快速食用</h4>
<p>考虑到很多小伙伴也需要，这里把代码梳理一下 发出来</p>
<p>将以下css加入主题的<!-- raw HTML omitted --><!-- raw HTML omitted -->标签的<!-- raw HTML omitted --><!-- raw HTML omitted -->标签里</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">fixed</span> <span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-5</span><span style="color:#204a87;font-weight:bold">rem</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">z-index</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">555</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-5</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">@</span><span style="color:#204a87;font-weight:bold">media</span> <span style="color:#ce5c00;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">max-width</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">650px</span><span style="color:#ce5c00;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">display</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">@</span><span style="color:#204a87;font-weight:bold">media</span> <span style="color:#ce5c00;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">max-width</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">1120px</span><span style="color:#ce5c00;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">translateY</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#204a87">scale</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0.25</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-10</span><span style="color:#204a87;font-weight:bold">rem</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-10</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">500</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">800</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">relative</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform-origin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">100</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">300</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">300</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">margin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">260</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">cursor</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">pointer</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform-origin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">400</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">no-repeat</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-size</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">cover</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">chisato</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">这里填写自定义摆件图片url</span><span style="color:#000;font-weight:bold">)</span><span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">takina</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">这里填写自定义摆件图片url</span><span style="color:#000;font-weight:bold">)</span><span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-bed</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">160</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">margin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">rgba</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">.5</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#204a87;font-weight:bold">no-repeat</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">border-radius</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">2</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">cursor</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">pointer</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-size</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">box-shadow</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">2</span><span style="color:#204a87;font-weight:bold">px</span> <span style="color:#204a87">rgba</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">.05</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-can-switch-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">true</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-bed</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span></code></pre></div><p>在footer底部引入js</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span> <span style="color:#000">src</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;https://usj.cc/js/sakana.js&#34;</span><span style="color:#ce5c00;font-weight:bold">&gt;&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span></code></pre></div><p>在主题的自定义js进行插件初始化</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span> <span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span><span style="color:#ce5c00;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">setMute</span><span style="color:#000;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">init</span><span style="color:#000;font-weight:bold">({</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">el</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#4e9a06">&#39;.sakana-box-l&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">scale</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#0000cf;font-weight:bold">9</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">character</span><span style="color:#ce5c00;font-weight:bold">:</span><span style="color:#4e9a06">&#39;takina&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">canSwitchCharacter</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inertia</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0.001</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">decay</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">});</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span><span style="color:#ce5c00;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">setMute</span><span style="color:#000;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">init</span><span style="color:#000;font-weight:bold">({</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">el</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#4e9a06">&#39;.sakana-box-r&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">scale</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#0000cf;font-weight:bold">9</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">character</span><span style="color:#ce5c00;font-weight:bold">:</span><span style="color:#4e9a06">&#39;chisato&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">canSwitchCharacter</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inertia</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0.001</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">decay</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">});</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span></code></pre></div><p>在你想展示的位置添加div标签</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#000;font-weight:bold">&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-box-l sakana-box&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: translateY(0px) scale(0.5);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#c4a000">width</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;750&#34;</span> <span style="color:#c4a000">height</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;1200&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;width: 500px; height: 800px;&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">canvas</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-character&#34;</span> <span style="color:#c4a000">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;takina&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-bed&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-box-r sakana-box&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: translateY(0px) scale(0.5);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#c4a000">width</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;750&#34;</span> <span style="color:#c4a000">height</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;1200&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;width: 500px; height: 800px;&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">canvas</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-character&#34;</span> <span style="color:#c4a000">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;chisato&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-bed&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;</span>
</span></span></code></pre></div><p>大功告成！</p>
]]></content:encoded>
</item>
<item>
<title>主机配置单</title>
<link>https://usj.cc/post/1287/</link>
public/rss.xml
-152
View File
@@ -7,158 +7,6 @@
<generator>Hugo -- gohugo.io</generator>
<language>zh-cn</language>
<lastBuildDate>Wed, 07 Aug 2024 16:10:05 +0800</lastBuildDate><atom:link href="https://usj.cc/rss.xml" rel="self" type="application/rss+xml" />
<item>
<title>添加ikun摆件</title>
<link>https://usj.cc/post/ikun/</link>
<pubDate>Wed, 07 Aug 2024 16:10:05 +0800</pubDate>
<guid>https://usj.cc/post/ikun/</guid>
<description>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下 还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还</description>
<content:encoded><![CDATA[<img loading="lazy" decoding="async" src="/" alt="添加ikun摆件" /><p>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下</p>
<p>还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果</p>
<p>主要是还自带音效，在适当区间松手时还会触发语音效果</p>
<p>
<a
href="/tiaozhuan/index.html?target=aHR0cHM6Ly9naXRodWIuY29tL2l0b3JyL3Nha2FuYQ%3d%3d"
target="_blank"
>
https://github.com/itorr/sakana</a> 「Sakana!」石蒜模拟器</p>
<p>预览地址：https://lab.magiconch.com/sakana</p>
<h2 id="继续整活">继续整活</h2>
<p>因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来</p>
<p>作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成</p>
<p>为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包</p>
<p>
<img data-lazy-src="/pics/hugo/ikun/image-20240807153134059.png" alt="image-20240807153134059" class="lazyload"></p>
<h4 id="快速食用">快速食用</h4>
<p>考虑到很多小伙伴也需要，这里把代码梳理一下 发出来</p>
<p>将以下css加入主题的<!-- raw HTML omitted --><!-- raw HTML omitted -->标签的<!-- raw HTML omitted --><!-- raw HTML omitted -->标签里</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">fixed</span> <span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-5</span><span style="color:#204a87;font-weight:bold">rem</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">z-index</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">555</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-5</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">@</span><span style="color:#204a87;font-weight:bold">media</span> <span style="color:#ce5c00;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">max-width</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">650px</span><span style="color:#ce5c00;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">display</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">@</span><span style="color:#204a87;font-weight:bold">media</span> <span style="color:#ce5c00;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">max-width</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">1120px</span><span style="color:#ce5c00;font-weight:bold">)</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span><span style="color:#ce5c00;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">translateY</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#204a87">scale</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0.25</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-l</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-10</span><span style="color:#204a87;font-weight:bold">rem</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box-r</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inset</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span> <span style="color:#0000cf;font-weight:bold">-10</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#0000cf;font-weight:bold">-1</span><span style="color:#204a87;font-weight:bold">rem</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">500</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">800</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">relative</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform-origin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">100</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">none</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">300</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">300</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">margin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">260</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">cursor</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">pointer</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">transform-origin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">400</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">no-repeat</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-size</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">cover</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">chisato</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">这里填写自定义摆件图片url</span><span style="color:#000;font-weight:bold">)</span><span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-character</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">takina</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">这里填写自定义摆件图片url</span><span style="color:#000;font-weight:bold">)</span><span style="color:#8f5902;font-style:italic">!important</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-bed</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">width</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">160</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">height</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">position</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">absolute</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">left</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">right</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">margin</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">bottom</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">rgba</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">255</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">.5</span><span style="color:#000;font-weight:bold">)</span> <span style="color:#204a87;font-weight:bold">no-repeat</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span> <span style="color:#0000cf;font-weight:bold">50</span><span style="color:#204a87;font-weight:bold">%</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">border-radius</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">2</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">cursor</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">pointer</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-image</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87">url</span><span style="color:#000;font-weight:bold">(</span><span style="color:#4e9a06">data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">background-size</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span> <span style="color:#0000cf;font-weight:bold">20</span><span style="color:#204a87;font-weight:bold">px</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span> <span style="color:#204a87;font-weight:bold">box-shadow</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">0</span> <span style="color:#0000cf;font-weight:bold">2</span><span style="color:#204a87;font-weight:bold">px</span> <span style="color:#204a87">rgba</span><span style="color:#000;font-weight:bold">(</span><span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">0</span><span style="color:#000;font-weight:bold">,</span> <span style="color:#0000cf;font-weight:bold">.05</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-box</span><span style="color:#ce5c00;font-weight:bold">[</span><span style="color:#204a87;font-weight:bold">data-can-switch-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#204a87;font-weight:bold">true</span><span style="color:#ce5c00;font-weight:bold">]</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#000">sakana-bed</span> <span style="color:#000;font-weight:bold">{</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">pointer-events</span><span style="color:#000;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">auto</span><span style="color:#000;font-weight:bold">;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">}</span>
</span></span></code></pre></div><p>在footer底部引入js</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span> <span style="color:#000">src</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;https://usj.cc/js/sakana.js&#34;</span><span style="color:#ce5c00;font-weight:bold">&gt;&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span></code></pre></div><p>在主题的自定义js进行插件初始化</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span> <span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span><span style="color:#ce5c00;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">setMute</span><span style="color:#000;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">init</span><span style="color:#000;font-weight:bold">({</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">el</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#4e9a06">&#39;.sakana-box-l&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">scale</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#0000cf;font-weight:bold">9</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">character</span><span style="color:#ce5c00;font-weight:bold">:</span><span style="color:#4e9a06">&#39;takina&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">canSwitchCharacter</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inertia</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0.001</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">decay</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">});</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span><span style="color:#ce5c00;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">setMute</span><span style="color:#000;font-weight:bold">(</span><span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">);</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">Sakana</span><span style="color:#000;font-weight:bold">.</span><span style="color:#000">init</span><span style="color:#000;font-weight:bold">({</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">el</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#4e9a06">&#39;.sakana-box-r&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">scale</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#000;font-weight:bold">.</span><span style="color:#0000cf;font-weight:bold">9</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">character</span><span style="color:#ce5c00;font-weight:bold">:</span><span style="color:#4e9a06">&#39;chisato&#39;</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">canSwitchCharacter</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#204a87;font-weight:bold">false</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">inertia</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">0.001</span><span style="color:#000;font-weight:bold">,</span>
</span></span><span style="display:flex;"><span> <span style="color:#000">decay</span><span style="color:#ce5c00;font-weight:bold">:</span> <span style="color:#0000cf;font-weight:bold">1</span>
</span></span><span style="display:flex;"><span> <span style="color:#000;font-weight:bold">});</span>
</span></span><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#a40000">/script&gt;</span>
</span></span></code></pre></div><p>在你想展示的位置添加div标签</p>
<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span><span style="color:#000;font-weight:bold">&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-box-l sakana-box&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: translateY(0px) scale(0.5);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#c4a000">width</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;750&#34;</span> <span style="color:#c4a000">height</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;1200&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;width: 500px; height: 800px;&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">canvas</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-character&#34;</span> <span style="color:#c4a000">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;takina&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-bed&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;</span>
</span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-box-r sakana-box&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: translateY(0px) scale(0.5);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">canvas</span> <span style="color:#c4a000">width</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;750&#34;</span> <span style="color:#c4a000">height</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;1200&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;width: 500px; height: 800px;&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">canvas</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-character&#34;</span> <span style="color:#c4a000">data-character</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;chisato&#34;</span> <span style="color:#c4a000">style</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;</span><span style="color:#204a87;font-weight:bold">div</span> <span style="color:#c4a000">class</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sakana-bed&#34;</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;&lt;/</span><span style="color:#204a87;font-weight:bold">div</span><span style="color:#000;font-weight:bold">&gt;</span>
</span></span></code></pre></div><p>大功告成！</p>
]]></content:encoded>
</item>
<item>
<title>主机配置单</title>
<link>https://usj.cc/post/1287/</link>
public/sitemap.xml
+6 -9
View File
@@ -2,20 +2,11 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://usj.cc/categories/</loc>
<lastmod>2024-08-07T16:10:05+08:00</lastmod>
</url><url>
<loc>https://usj.cc/post/</loc>
<lastmod>2024-08-07T16:10:05+08:00</lastmod>
</url><url>
<loc>https://usj.cc/</loc>
<lastmod>2024-08-07T16:10:05+08:00</lastmod>
</url><url>
<loc>https://usj.cc/post/ikun/</loc>
<lastmod>2024-08-07T16:10:05+08:00</lastmod>
</url><url>
<loc>https://usj.cc/categories/%E7%94%9F%E6%B4%BB/</loc>
<lastmod>2024-08-07T16:10:05+08:00</lastmod>
</url><url>
<loc>https://usj.cc/tiaozhuan/</loc>
<lastmod>2024-08-03T00:00:00+00:00</lastmod>
@@ -31,9 +22,15 @@
</url><url>
<loc>https://usj.cc/ly/</loc>
<lastmod>2024-07-11T00:00:00+00:00</lastmod>
</url><url>
<loc>https://usj.cc/categories/</loc>
<lastmod>2024-04-05T12:39:00+00:00</lastmod>
</url><url>
<loc>https://usj.cc/post/1287/</loc>
<lastmod>2024-04-05T12:39:00+00:00</lastmod>
</url><url>
<loc>https://usj.cc/categories/%E7%94%9F%E6%B4%BB/</loc>
<lastmod>2024-04-05T12:39:00+00:00</lastmod>
</url><url>
<loc>https://usj.cc/post/1284/</loc>
<lastmod>2024-03-16T15:24:55+00:00</lastmod>
public/tags/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>
public/tags/美女/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 7, 2024</div>
<a href="https://usj.cc/post/ikun/">添加ikun摆件</a>
</div>
<div class="post">
<div class="time">April 5, 2024</div>
<a href="https://usj.cc/post/1287/">主机配置单</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/1243/">家乡随拍</a>
</div>
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/2/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 16, 2023</div>
<a href="https://usj.cc/post/1223/">襄阳唐城</a>
</div>
<div class="post">
<div class="time">April 23, 2023</div>
<a href="https://usj.cc/post/1142/">苏州一日游</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/92/">记录篇：将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡</a>
</div>
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/3/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">August 22, 2022</div>
<a href="https://usj.cc/post/87/">生活篇：温馨提示假期余额不足，浅浅总结一下这个暑假</a>
</div>
<div class="post">
<div class="time">June 29, 2022</div>
<a href="https://usj.cc/post/85/">生活篇:离校，暑假，租房，面试，致那些日子的琐碎事</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/74/">2022，致我的春节回忆录</a>
</div>
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/4/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 22, 2021</div>
<a href="https://usj.cc/post/40/">放假之前最后一次的照片合集，再见啦！理工</a>
</div>
<div class="post">
<div class="time">November 9, 2021</div>
<a href="https://usj.cc/post/25/">第一次尝试ai画简笔画，本是给自己设计logo误打误撞画起了简笔画</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/11/">我想，这是一个我人生中最特殊的中秋国庆节</a>
</div>
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/5/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">September 4, 2021</div>
<a href="https://usj.cc/post/4/">2021暑假总结，记录一下这个充实的暑假</a>
</div>
<div class="post">
<div class="time">August 31, 2021</div>
<a href="https://usj.cc/post/1/">无悔</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/69/">再次投资科目二，科目二花了400，希望19号一把过吧</a>
</div>
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/6/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">May 16, 2021</div>
<a href="https://usj.cc/post/45/">双休日襄阳游记，与朋友一起，终究还是遗憾而归</a>
</div>
<div class="post">
<div class="time">March 19, 2021</div>
<a href="https://usj.cc/post/65/">这几天都频繁下雨，上课路上被浇成成落汤鸡</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/60/">祝母校越办越好</a>
</div>
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/7/index.html
+5 -5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">December 27, 2020</div>
<a href="https://usj.cc/post/57/">期末倒计时开始</a>
</div>
<div class="post">
<div class="time">December 22, 2020</div>
<a href="https://usj.cc/post/54/">今年的第一场雪</a>
@@ -93,6 +88,11 @@
<a href="https://usj.cc/post/51/">双节快乐！家与国撞了个满怀</a>
</div>
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
</div>
</article>
<ul class="pagination">
public/tags/美女/page/8/index.html
-5
View File
@@ -68,11 +68,6 @@
<div class="post-list section">
<div class="post">
<div class="time">July 7, 2020</div>
<a href="https://usj.cc/post/50/">高考加油，相信自己</a>
</div>
<div class="post">
<div class="time">July 3, 2020</div>
<a href="https://usj.cc/post/49/">高考即将来临，老师为我们加油打气</a>