From 60aea90b9e183105df71d3d3e4f42714b917e815 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E8=B5=B5=E5=90=8C=E5=AD=A6?= <94612053+imzql@users.noreply.github.com> Date: Wed, 7 Aug 2024 16:11:12 +0800 Subject: [PATCH] 8.7 --- content/post/ikun.md | 2 +- public/about/index.html | 11 ++ public/archives/index.html | 42 +++++-- public/categories/index.html | 10 +- public/categories/page/2/index.html | 10 +- public/categories/page/3/index.html | 10 +- public/categories/page/4/index.html | 10 +- public/categories/page/5/index.html | 10 +- public/categories/page/6/index.html | 10 +- public/categories/page/7/index.html | 10 +- public/categories/page/8/index.html | 5 + public/categories/rss.xml | 4 +- public/categories/教程/index.html | 10 +- public/categories/教程/page/2/index.html | 10 +- public/categories/教程/page/3/index.html | 10 +- public/categories/教程/page/4/index.html | 10 +- public/categories/教程/page/5/index.html | 10 +- public/categories/教程/page/6/index.html | 10 +- public/categories/教程/page/7/index.html | 10 +- public/categories/教程/page/8/index.html | 5 + public/categories/文案/index.html | 10 +- public/categories/文案/page/2/index.html | 10 +- public/categories/文案/page/3/index.html | 10 +- public/categories/文案/page/4/index.html | 10 +- public/categories/文案/page/5/index.html | 10 +- public/categories/文案/page/6/index.html | 10 +- public/categories/文案/page/7/index.html | 10 +- public/categories/文案/page/8/index.html | 5 + public/categories/生活/index.html | 10 +- public/categories/生活/page/2/index.html | 10 +- public/categories/生活/page/3/index.html | 10 +- public/categories/生活/page/4/index.html | 10 +- public/categories/生活/page/5/index.html | 10 +- public/categories/生活/page/6/index.html | 10 +- public/categories/生活/page/7/index.html | 10 +- public/categories/生活/page/8/index.html | 5 + public/categories/生活/rss.xml | 154 ++++++++++++++++++++++- public/categories/相册/index.html | 10 +- public/categories/相册/page/2/index.html | 10 +- public/categories/相册/page/3/index.html | 10 +- public/categories/相册/page/4/index.html | 10 +- public/categories/相册/page/5/index.html | 10 +- public/categories/相册/page/6/index.html | 10 +- public/categories/相册/page/7/index.html | 10 +- public/categories/相册/page/8/index.html | 5 + public/index.html | 10 +- public/page/2/index.html | 10 +- public/page/3/index.html | 10 +- public/page/4/index.html | 10 +- public/page/5/index.html | 10 +- public/page/6/index.html | 10 +- public/page/7/index.html | 10 +- public/page/8/index.html | 5 + public/post/index.html | 10 +- public/post/page/2/index.html | 10 +- public/post/page/3/index.html | 10 +- public/post/page/4/index.html | 10 +- public/post/page/5/index.html | 10 +- public/post/page/6/index.html | 10 +- public/post/page/7/index.html | 10 +- public/post/page/8/index.html | 5 + public/post/rss.xml | 154 ++++++++++++++++++++++- public/rss.xml | 154 ++++++++++++++++++++++- public/sitemap.xml | 19 +-- public/tags/index.html | 10 +- public/tags/page/2/index.html | 10 +- public/tags/page/3/index.html | 10 +- public/tags/page/4/index.html | 10 +- public/tags/page/5/index.html | 10 +- public/tags/page/6/index.html | 10 +- public/tags/page/7/index.html | 10 +- public/tags/page/8/index.html | 5 + public/tags/美女/index.html | 10 +- public/tags/美女/page/2/index.html | 10 +- public/tags/美女/page/3/index.html | 10 +- public/tags/美女/page/4/index.html | 10 +- public/tags/美女/page/5/index.html | 10 +- public/tags/美女/page/6/index.html | 10 +- public/tags/美女/page/7/index.html | 10 +- public/tags/美女/page/8/index.html | 5 + 80 files changed, 876 insertions(+), 339 deletions(-) diff --git a/content/post/ikun.md b/content/post/ikun.md index 602ed5f7..6984a851 100644 --- a/content/post/ikun.md +++ b/content/post/ikun.md @@ -1,6 +1,6 @@ --- title: "添加ikun摆件" -date: "2024-08-07T16:07:54+08:00" +date: "2024-08-07T16:10:05+08:00" draft: false categories: [] tags: [] diff --git a/public/about/index.html b/public/about/index.html index c86b066d..edc4bc58 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -78,6 +78,17 @@ 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/"; diff --git a/public/archives/index.html b/public/archives/index.html index 3ea5a200..5803b5fe 100644 --- a/public/archives/index.html +++ b/public/archives/index.html @@ -70,16 +70,6 @@ - - - - - - - - - - @@ -92,6 +82,38 @@ +
近日,在浏览GitHub时,首页推送了一个这样的项目,无意点进去,试玩了一下
+还是很有意思的,按住人物的立牌拖拽、松手后立牌会向反方向弹跳,还有惯性力效果
+主要是还自带音效,在适当区间松手时还会触发语音效果
++ +https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
+预览地址:https://lab.magiconch.com/sakana
+因为主题是单栏风格,内容的两边有很多留白,所以思来想去,决定把这个摆件整合进来
+作为一个合格的ikun,当然也少不了整活,于是研究一下源码,修改源码,一气呵成
+为了方便维护,将语音包进行base64转码,于是乎就实现了以下效果,鼠标拖拽,适当角度就会触发语音包
+
+
考虑到很多小伙伴也需要,这里把代码梳理一下 发出来
+将以下css加入主题的标签的标签里
+.sakana-box-l,
+.sakana-box-r {
+ position: fixed !important;
+ inset: auto auto -1rem -5rem;
+ z-index: 555;
+}
+
+.sakana-box-r {
+ inset: auto -5rem -1rem auto;
+}
+
+@media (max-width: 650px) {
+ .sakana-box-l,
+ .sakana-box-r {
+ display: none;
+ }
+}
+
+@media (max-width: 1120px) {
+ .sakana-box-l,
+ .sakana-box-r {
+ transform: translateY(0px) scale(0.25) !important;
+ }
+
+ .sakana-box-l {
+ inset: auto auto -1rem -10rem;
+ }
+
+ .sakana-box-r {
+ inset: auto -10rem -1rem auto;
+ }
+}
+
+.sakana-box {
+ width: 500px;
+ height: 800px;
+ position: relative;
+ transform-origin: 50% 100%;
+ pointer-events: none;
+}
+
+.sakana-box canvas {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ pointer-events: none;
+}
+
+.sakana-box .sakana-character {
+ width: 300px;
+ height: 300px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ bottom: 260px;
+ cursor: pointer;
+ pointer-events: auto;
+ transform-origin: 50% 400px;
+ background: no-repeat 50% 50%;
+ background-size: cover;
+}
+
+.sakana-box .sakana-character[data-character=chisato] {
+ background-image: url(这里填写自定义摆件图片url)!important;
+}
+
+.sakana-box .sakana-character[data-character=takina] {
+ background-image: url(这里填写自定义摆件图片url)!important;
+}
+
+.sakana-box .sakana-bed {
+ width: 160px;
+ height: 20px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ bottom: 0;
+ background: rgba(255, 255, 255, .5) no-repeat 50% 50%;
+ border-radius: 2px;
+ cursor: pointer;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC);
+ background-size: 20px 20px;
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
+}
+
+.sakana-box[data-can-switch-character=true] .sakana-bed {
+ pointer-events: auto;
+}
+在footer底部引入js
+<script src="https://usj.cc/js/sakana.js"></script>
+在主题的自定义js进行插件初始化
+ <script>
+ Sakana.setMute(false);
+ Sakana.init({
+ el: '.sakana-box-l',
+ scale: .9,
+ character:'takina',
+ canSwitchCharacter: false,
+ inertia: 0.001,
+ decay: 1
+ });
+</script>
+<script>
+ Sakana.setMute(false);
+ Sakana.init({
+ el: '.sakana-box-r',
+ scale: .9,
+ character:'chisato',
+ canSwitchCharacter: false,
+ inertia: 0.001,
+ decay: 1
+ });
+</script>
+在你想展示的位置添加div标签
+<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
+<div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>
+大功告成!
+]]>近日,在浏览GitHub时,首页推送了一个这样的项目,无意点进去,试玩了一下
+还是很有意思的,按住人物的立牌拖拽、松手后立牌会向反方向弹跳,还有惯性力效果
+主要是还自带音效,在适当区间松手时还会触发语音效果
++ +https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
+预览地址:https://lab.magiconch.com/sakana
+因为主题是单栏风格,内容的两边有很多留白,所以思来想去,决定把这个摆件整合进来
+作为一个合格的ikun,当然也少不了整活,于是研究一下源码,修改源码,一气呵成
+为了方便维护,将语音包进行base64转码,于是乎就实现了以下效果,鼠标拖拽,适当角度就会触发语音包
+
+
考虑到很多小伙伴也需要,这里把代码梳理一下 发出来
+将以下css加入主题的标签的标签里
+.sakana-box-l,
+.sakana-box-r {
+ position: fixed !important;
+ inset: auto auto -1rem -5rem;
+ z-index: 555;
+}
+
+.sakana-box-r {
+ inset: auto -5rem -1rem auto;
+}
+
+@media (max-width: 650px) {
+ .sakana-box-l,
+ .sakana-box-r {
+ display: none;
+ }
+}
+
+@media (max-width: 1120px) {
+ .sakana-box-l,
+ .sakana-box-r {
+ transform: translateY(0px) scale(0.25) !important;
+ }
+
+ .sakana-box-l {
+ inset: auto auto -1rem -10rem;
+ }
+
+ .sakana-box-r {
+ inset: auto -10rem -1rem auto;
+ }
+}
+
+.sakana-box {
+ width: 500px;
+ height: 800px;
+ position: relative;
+ transform-origin: 50% 100%;
+ pointer-events: none;
+}
+
+.sakana-box canvas {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ pointer-events: none;
+}
+
+.sakana-box .sakana-character {
+ width: 300px;
+ height: 300px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ bottom: 260px;
+ cursor: pointer;
+ pointer-events: auto;
+ transform-origin: 50% 400px;
+ background: no-repeat 50% 50%;
+ background-size: cover;
+}
+
+.sakana-box .sakana-character[data-character=chisato] {
+ background-image: url(这里填写自定义摆件图片url)!important;
+}
+
+.sakana-box .sakana-character[data-character=takina] {
+ background-image: url(这里填写自定义摆件图片url)!important;
+}
+
+.sakana-box .sakana-bed {
+ width: 160px;
+ height: 20px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ bottom: 0;
+ background: rgba(255, 255, 255, .5) no-repeat 50% 50%;
+ border-radius: 2px;
+ cursor: pointer;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC);
+ background-size: 20px 20px;
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
+}
+
+.sakana-box[data-can-switch-character=true] .sakana-bed {
+ pointer-events: auto;
+}
+在footer底部引入js
+<script src="https://usj.cc/js/sakana.js"></script>
+在主题的自定义js进行插件初始化
+ <script>
+ Sakana.setMute(false);
+ Sakana.init({
+ el: '.sakana-box-l',
+ scale: .9,
+ character:'takina',
+ canSwitchCharacter: false,
+ inertia: 0.001,
+ decay: 1
+ });
+</script>
+<script>
+ Sakana.setMute(false);
+ Sakana.init({
+ el: '.sakana-box-r',
+ scale: .9,
+ character:'chisato',
+ canSwitchCharacter: false,
+ inertia: 0.001,
+ decay: 1
+ });
+</script>
+在你想展示的位置添加div标签
+<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
+<div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>
+大功告成!
+]]>近日,在浏览GitHub时,首页推送了一个这样的项目,无意点进去,试玩了一下
+还是很有意思的,按住人物的立牌拖拽、松手后立牌会向反方向弹跳,还有惯性力效果
+主要是还自带音效,在适当区间松手时还会触发语音效果
++ +https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
+预览地址:https://lab.magiconch.com/sakana
+因为主题是单栏风格,内容的两边有很多留白,所以思来想去,决定把这个摆件整合进来
+作为一个合格的ikun,当然也少不了整活,于是研究一下源码,修改源码,一气呵成
+为了方便维护,将语音包进行base64转码,于是乎就实现了以下效果,鼠标拖拽,适当角度就会触发语音包
+
+
考虑到很多小伙伴也需要,这里把代码梳理一下 发出来
+将以下css加入主题的标签的标签里
+.sakana-box-l,
+.sakana-box-r {
+ position: fixed !important;
+ inset: auto auto -1rem -5rem;
+ z-index: 555;
+}
+
+.sakana-box-r {
+ inset: auto -5rem -1rem auto;
+}
+
+@media (max-width: 650px) {
+ .sakana-box-l,
+ .sakana-box-r {
+ display: none;
+ }
+}
+
+@media (max-width: 1120px) {
+ .sakana-box-l,
+ .sakana-box-r {
+ transform: translateY(0px) scale(0.25) !important;
+ }
+
+ .sakana-box-l {
+ inset: auto auto -1rem -10rem;
+ }
+
+ .sakana-box-r {
+ inset: auto -10rem -1rem auto;
+ }
+}
+
+.sakana-box {
+ width: 500px;
+ height: 800px;
+ position: relative;
+ transform-origin: 50% 100%;
+ pointer-events: none;
+}
+
+.sakana-box canvas {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ pointer-events: none;
+}
+
+.sakana-box .sakana-character {
+ width: 300px;
+ height: 300px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ bottom: 260px;
+ cursor: pointer;
+ pointer-events: auto;
+ transform-origin: 50% 400px;
+ background: no-repeat 50% 50%;
+ background-size: cover;
+}
+
+.sakana-box .sakana-character[data-character=chisato] {
+ background-image: url(这里填写自定义摆件图片url)!important;
+}
+
+.sakana-box .sakana-character[data-character=takina] {
+ background-image: url(这里填写自定义摆件图片url)!important;
+}
+
+.sakana-box .sakana-bed {
+ width: 160px;
+ height: 20px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ bottom: 0;
+ background: rgba(255, 255, 255, .5) no-repeat 50% 50%;
+ border-radius: 2px;
+ cursor: pointer;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC);
+ background-size: 20px 20px;
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
+}
+
+.sakana-box[data-can-switch-character=true] .sakana-bed {
+ pointer-events: auto;
+}
+在footer底部引入js
+<script src="https://usj.cc/js/sakana.js"></script>
+在主题的自定义js进行插件初始化
+ <script>
+ Sakana.setMute(false);
+ Sakana.init({
+ el: '.sakana-box-l',
+ scale: .9,
+ character:'takina',
+ canSwitchCharacter: false,
+ inertia: 0.001,
+ decay: 1
+ });
+</script>
+<script>
+ Sakana.setMute(false);
+ Sakana.init({
+ el: '.sakana-box-r',
+ scale: .9,
+ character:'chisato',
+ canSwitchCharacter: false,
+ inertia: 0.001,
+ decay: 1
+ });
+</script>
+在你想展示的位置添加div标签
+<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
+<div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>
+大功告成!
+]]>