k4641321/k4641321.github.io
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title> | k4641321の魔法小屋</title>
<meta name="author" content="k4641321" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<link rel="icon" href="https://github.com/images/avatar.png" />
<link rel="preconnect" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net" rel="nofollow">https://s4.zstatic.net" />
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/vue/3.3.7/vue.global.prod.min.js"></script" rel="nofollow">https://s4.zstatic.net/ajax/libs/vue/3.3.7/vue.global.prod.min.js"></script>
<link rel="stylesheet" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="nofollow">https://s4.zstatic.net/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
<link rel="preconnect" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://fonts.googleapis.cn" rel="nofollow">https://fonts.googleapis.cn" />
<link rel="preconnect" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://fonts.gstatic.cn" rel="nofollow">https://fonts.gstatic.cn" crossorigin />
<link
rel="stylesheet"
href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://fonts.googleapis.cn/css2?family=Fira+Code:wght@400;500;600;700&family=Lexend:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="nofollow">https://fonts.googleapis.cn/css2?family=Fira+Code:wght@400;500;600;700&family=Lexend:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap"
/>
<script> const mixins = {}; </script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://polyfill.alicdn.com/v3/polyfill.min.js?features=default"></script" rel="nofollow">https://polyfill.alicdn.com/v3/polyfill.min.js?features=default"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script" rel="nofollow">https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script" rel="nofollow">https://s4.zstatic.net/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
<link
rel="stylesheet"
href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/styles/github.min.css" rel="nofollow">https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
/>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Flib%2Fhighlight.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/katex.min.js"></script" rel="nofollow">https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/katex.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/contrib/auto-render.min.js"></script" rel="nofollow">https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/contrib/auto-render.min.js"></script>
<link rel="stylesheet" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/katex.min.css" rel="nofollow">https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/katex.min.css" />
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Flib%2Fmath.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Flib%2Fpreview.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/gitalk/1.8.0/gitalk.min.js"></script" rel="nofollow">https://s4.zstatic.net/ajax/libs/gitalk/1.8.0/gitalk.min.js"></script>
<link rel="stylesheet" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://s4.zstatic.net/ajax/libs/gitalk/1.8.0/gitalk.min.css" rel="nofollow">https://s4.zstatic.net/ajax/libs/gitalk/1.8.0/gitalk.min.css" />
<link rel="stylesheet" href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fcss%2Fmain.css" />
<style>
/* 自定义加载页面样式 */
#dynamic-saying {
font-size: 24px;
font-weight: bold;
color: #333;
margin: 20px 0;
text-align: center;
line-height: 1.4;
padding: 10px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
#dynamic-saying {
font-size: 20px;
padding: 5px;
min-height: 60px;
}
}
@media (max-width: 480px) {
#dynamic-saying {
font-size: 18px;
}
}
</style>
<meta name="generator" content="Hexo 7.3.0"></head>
<body>
<div id="layout">
<transition name="fade">
<div id="loading" v-show="loading">
<div id="loading-circle">
<div id="dynamic-saying">
<span class="default-text">正在加载...</span>
</div>
<!-- <p>加载过慢请开启缓存 浏览器默认开启</p> -->
<img style="width:75%;height:75%" src="https://github.com/images/loading1.gif" />
</div>
</div>
</transition>
<div id="menu" :class="{ hidden: hiddenMenu, 'menu-color': menuColor}">
<nav id="desktop-menu">
<a class="title" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F">
<span>K4641321の魔法小屋</span>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2F">
<i class="fa-solid fa-house fa-fw"></i>
<span> Home</span>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fabout">
<i class="fa-solid fa-id-card fa-fw"></i>
<span> About</span>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Farchives">
<i class="fa-solid fa-box-archive fa-fw"></i>
<span> Archives</span>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fcategories">
<i class="fa-solid fa-bookmark fa-fw"></i>
<span> Categories</span>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Ftags">
<i class="fa-solid fa-tags fa-fw"></i>
<span> Tags</span>
</a>
</nav>
<nav id="mobile-menu">
<div class="title" @click="showMenuItems = !showMenuItems">
<i class="fa-solid fa-bars fa-fw"></i>
<span> K4641321の魔法小屋</span>
</div>
<transition name="slide">
<div class="items" v-show="showMenuItems">
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2F">
<div class="item">
<div style="min-width: 20px; max-width: 50px; width: 10%">
<i class="fa-solid fa-house fa-fw"></i>
</div>
<div style="min-width: 100px; max-width: 150%; width: 20%">Home</div>
</div>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fabout">
<div class="item">
<div style="min-width: 20px; max-width: 50px; width: 10%">
<i class="fa-solid fa-id-card fa-fw"></i>
</div>
<div style="min-width: 100px; max-width: 150%; width: 20%">About</div>
</div>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Farchives">
<div class="item">
<div style="min-width: 20px; max-width: 50px; width: 10%">
<i class="fa-solid fa-box-archive fa-fw"></i>
</div>
<div style="min-width: 100px; max-width: 150%; width: 20%">Archives</div>
</div>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fcategories">
<div class="item">
<div style="min-width: 20px; max-width: 50px; width: 10%">
<i class="fa-solid fa-bookmark fa-fw"></i>
</div>
<div style="min-width: 100px; max-width: 150%; width: 20%">Categories</div>
</div>
</a>
<a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Ftags">
<div class="item">
<div style="min-width: 20px; max-width: 50px; width: 10%">
<i class="fa-solid fa-tags fa-fw"></i>
</div>
<div style="min-width: 100px; max-width: 150%; width: 20%">Tags</div>
</div>
</a>
</div>
</transition>
</nav>
</div>
<transition name="fade">
<div id="menu-curtain" @click="showMenuItems = !showMenuItems" v-show="showMenuItems"></div>
</transition>
<div id="main" :class="loading ? 'into-enter-from': 'into-enter-active'">
<div class="article">
<div>
<h1></h1>
</div>
<div class="info">
<span class="date">
<span class="icon">
<i class="fa-solid fa-calendar fa-fw"></i>
</span>
2026/2/8
</span>
<!-- 添加字数统计 -->
<span class="word-count">
<span class="icon">
<i class="fa-solid fa-file-word fa-fw"></i>
</span>
13 字
</span>
<span class="reading-time">
<span class="icon">
<i class="fa-solid fa-clock fa-fw"></i>
</span>
1 分钟
</span>
</div>
<div class="content" v-pre>
<h1 id="k4641321的个人博客"><a class="markdownIt-Anchor" href="#k4641321的个人博客"></a> k4641321的个人博客</h1>
<p>时不时写点东西</p>
</div>
<div id="comment">
<div id="gitalk-container"></div>
</div>
</div>
<footer id="footer">
<div id="footer-wrap">
<div>
©
2024 - 2026 k4641321の魔法小屋
<span id="footer-icon">
<i class="fa-solid fa-font-awesome fa-fw"></i>
</span>
@k4641321
</div>
<div>
Based on the <a target="_blank" rel="noopener" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://hexo.io">Hexo" rel="nofollow">https://hexo.io">Hexo Engine</a> &
<a target="_blank" rel="noopener" href="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://github.com/theme-particlex/hexo-theme-particlex">ParticleX">https://github.com/theme-particlex/hexo-theme-particlex">ParticleX Theme</a>
</div>
</div>
</footer>
</div>
<transition name="fade">
<div id="preview" ref="preview" v-show="previewShow">
<img id="preview-content" ref="previewContent" />
</div>
</transition>
</div>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Fmain.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Ftitle.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Fclick.js"></script>
<!-- 动态加载诗词API -->
<script>
// 在页面加载时获取诗词并更新显示
document.addEventListener('DOMContentLoaded', function() {
const sayingElement = document.getElementById('dynamic-saying');
// 从API获取诗词
fetch('https://v1.jinrishici.com/rensheng.txt')
.then(response => response.text())
.then(data => {
if (sayingElement) {
sayingElement.innerHTML = `<span class="poem-text">${data}</span>`;
}
})
.catch(error => {
console.error('获取诗词失败:', error);
if (sayingElement) {
sayingElement.innerHTML = '<span class="poem-text">人生如逆旅，我亦是行人。</span>';
}
});
});
// 额外的CSS样式，确保诗词显示效果
const style = document.createElement('style');
style.textContent = `
.poem-text {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.default-text {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
`;
document.head.appendChild(style);
</script>
<script>
const gitalk = new Gitalk({
clientID: "Ov23liSkq2rg9l82jaBh",
clientSecret: "618cea16ac9827b0c42c793db6fc492886bb95bc",
repo: "blog-gitalk-comments",
owner: "k4641321",
admin: "k4641321".split(","),
language: "",
id: "",
})
gitalk.render("gitalk-container");
</script>
<!-- hexo injector body_end start --><script data-pjax src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://registry.npmmirror.com/oh-my-live2d/latest/files"></script><script>const" rel="nofollow">https://registry.npmmirror.com/oh-my-live2d/latest/files"></script><script>const oml2d = OML2D.loadOml2d({libraryUrls:{"complete":"https://registry.npmmirror.com/oh-my-live2d/latest/files/lib/complete.js","cubism2":"https://registry.npmmirror.com/oh-my-live2d/latest/files/lib/cubism2.js","cubism5":"https://registry.npmmirror.com/oh-my-live2d/latest/files/lib/cubism5.js"},mobileDisplay:true,models:[{"path":"/live2d_models/chino/chino.model.json","mobilePosition":[-10,23],"mobileScale":0.1,"mobileStageStyle":{"width":180,"height":166},"motionPreloadStrategy":"IDLE","position":[-10,35],"scale":0.15,"stageStyle":{"width":250,"height":250}}],parentElement:document.body,primaryColor:"var(--btn-bg)",sayHello:false,tips:{style: {"width":230,"height":120,"left":"calc(50% - 20px)","top":"-100px"},mobileStyle: {"width":180,"height":80,"left":"calc(50% + 50px)","top":"-100px"},idleTips:{interval:1000,message:["你好呀~","欢迎来到我的小站~","要来点咖啡吗~","你复制了什么内容呢?记得注明出处哦~"],wordTheDay:function(wordTheDayData){
return `${wordTheDayData.hitokoto} by.${wordTheDayData.from}`;
}
}},then:"(oml2d)=>{\n setTimeout(() => {\n oml2d.tipsMessage('hello world', 3000, 10);\n }, 8000);\n}\n"});</script><!-- hexo injector body_end end --></body>
</html>