<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title> | DevinTomの魔法小屋</title>
<meta name="author" content="DevinTom" />
<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="/images/avatar.png" />
<link rel="preconnect" href="https://s4.zstatic.net" />
<script src="https://s4.zstatic.net/ajax/libs/vue/3.3.7/vue.global.prod.min.js"></script>
<link rel="stylesheet" href="https://s4.zstatic.net/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.cn" />
<link rel="preconnect" href="https://fonts.gstatic.cn" crossorigin />
<link
rel="stylesheet"
href="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="https://polyfill.alicdn.com/v3/polyfill.min.js?features=default"></script>
<script src="https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://s4.zstatic.net/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
<link
rel="stylesheet"
href="https://s4.zstatic.net/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
/>
<script src="/js/lib/highlight.js"></script>
<script src="https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/katex.min.js"></script>
<script src="https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/contrib/auto-render.min.js"></script>
<link rel="stylesheet" href="https://s4.zstatic.net/ajax/libs/KaTeX/0.16.9/katex.min.css" />
<script src="/js/lib/math.js"></script>
<script src="/js/lib/preview.js"></script>
<link rel="stylesheet" href="/css/main.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="/images/loading1.gif" />
</div>
</div>
</transition>
<div id="menu" :class="{ hidden: hiddenMenu, 'menu-color': menuColor}">
<nav id="desktop-menu">
<a class="title" href="/">
<span>DEVINTOMの魔法小屋</span>
</a>
<a href="/">
<i class="fa-solid fa-house fa-fw"></i>
<span> Home</span>
</a>
<a href="/about">
<i class="fa-solid fa-id-card fa-fw"></i>
<span> About</span>
</a>
<a href="/archives">
<i class="fa-solid fa-box-archive fa-fw"></i>
<span> Archives</span>
</a>
<a href="/categories">
<i class="fa-solid fa-bookmark fa-fw"></i>
<span> Categories</span>
</a>
<a href="/tags">
<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> DEVINTOMの魔法小屋</span>
</div>
<transition name="slide">
<div class="items" v-show="showMenuItems">
<a href="/">
<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="/about">
<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="/archives">
<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="/categories">
<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="/tags">
<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="giscus-container" class="giscus"></div>
</div>
</div>
<footer id="footer">
<div id="footer-wrap">
<div>
©
2024 - 2026 DevinTomの魔法小屋
<span id="footer-icon">
<i class="fa-solid fa-font-awesome fa-fw"></i>
</span>
@DevinTom
</div>
<div>
Based on the <a target="_blank" rel="noopener" href="https://hexo.io">Hexo Engine</a> &
<a target="_blank" rel="noopener" href="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="/js/main.js"></script>
<script src="/js/title.js"></script>
<script src="/js/click.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
src="https://giscus.app/client.js"
data-repo="k4641321/blog-gitalk-comments"
data-repo-id="R_kgDORK4XZg"
data-category="Announcements"
data-category-id="DIC_kwDORK4XZs4DG20A"
data-mapping="pathname"
data-strict="1"
data-reactions-enabled="1"
data-emit-metadata="1"
data-input-position="top"
data-theme="preferred_color_scheme"
data-lang="zh-CN"
crossorigin
async
></script>
<!-- hexo injector body_end start --><script data-pjax src="https://cdn.jsdelivr.net/npm/oh-my-live2d@0.18.0/dist/index.min.js"></script><script>const oml2d = OML2D.loadOml2d({libraryUrls:{"complete":"https://cdn.jsdelivr.net/npm/oh-my-live2d@0.18.0/lib/complete.js","cubism2":"https://cdn.jsdelivr.net/npm/oh-my-live2d@0.18.0/lib/cubism2.js","cubism5":"https://cdn.jsdelivr.net/npm/oh-my-live2d@0.18.0/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>