839 lines
30 KiB
HTML
839 lines
30 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh_cn">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="keywords" content="Hexo Theme Redefine">
|
|
|
|
<meta name="author" content="Missdrop">
|
|
|
|
<!-- Completely eliminate flash of wrong theme -->
|
|
<script>
|
|
(function() {
|
|
const THEME_KEY = "REDEFINE-THEME-STATUS";
|
|
const DARK = "dark", LIGHT = "light";
|
|
|
|
// Get preferred theme
|
|
function getTheme() {
|
|
try {
|
|
const saved = localStorage.getItem(THEME_KEY);
|
|
if (saved) {
|
|
const { isDark } = JSON.parse(saved);
|
|
return isDark ? DARK : LIGHT;
|
|
}
|
|
} catch (e) {}
|
|
|
|
return matchMedia("(prefers-color-scheme: dark)").matches ? DARK : LIGHT;
|
|
}
|
|
|
|
// Apply theme to document
|
|
function applyTheme(theme) {
|
|
const isDark = theme === DARK;
|
|
const root = document.documentElement;
|
|
|
|
// Set data attribute for CSS variables
|
|
root.setAttribute("data-theme", theme);
|
|
|
|
// Set classes for compatibility
|
|
root.classList.add(theme);
|
|
root.classList.remove(isDark ? LIGHT : DARK);
|
|
root.style.colorScheme = theme;
|
|
}
|
|
|
|
// Initial application
|
|
const theme = getTheme();
|
|
applyTheme(theme);
|
|
|
|
// Listen for system preference changes
|
|
matchMedia("(prefers-color-scheme: dark)").addEventListener("change", ({ matches }) => {
|
|
// Only update if using system preference (no localStorage entry)
|
|
if (!localStorage.getItem(THEME_KEY)) {
|
|
applyTheme(matches ? DARK : LIGHT);
|
|
}
|
|
});
|
|
|
|
// Set body classes once DOM is ready
|
|
if (document.readyState !== "loading") {
|
|
document.body.classList.add(theme + "-mode");
|
|
} else {
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
document.body.classList.add(theme + "-mode");
|
|
document.body.classList.remove((theme === DARK ? LIGHT : DARK) + "-mode");
|
|
});
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
<!-- Critical CSS to prevent flash -->
|
|
<style>
|
|
:root[data-theme="dark"] {
|
|
--background-color: #202124;
|
|
--background-color-transparent: rgba(32, 33, 36, 0.6);
|
|
--second-background-color: #2d2e32;
|
|
--third-background-color: #34353a;
|
|
--third-background-color-transparent: rgba(32, 33, 36, 0.6);
|
|
--primary-color: #0066CC;
|
|
--first-text-color: #ffffff;
|
|
--second-text-color: #eeeeee;
|
|
--third-text-color: #bebec6;
|
|
--fourth-text-color: #999999;
|
|
--default-text-color: #bebec6;
|
|
--invert-text-color: #373D3F;
|
|
--border-color: rgba(255, 255, 255, 0.08);
|
|
--selection-color: #0066CC;
|
|
--shadow-color-1: rgba(255, 255, 255, 0.08);
|
|
--shadow-color-2: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
:root[data-theme="light"] {
|
|
--background-color: #fff;
|
|
--background-color-transparent: rgba(255, 255, 255, 0.6);
|
|
--second-background-color: #f8f8f8;
|
|
--third-background-color: #f2f2f2;
|
|
--third-background-color-transparent: rgba(241, 241, 241, 0.6);
|
|
--primary-color: #0066CC;
|
|
--first-text-color: #16171a;
|
|
--second-text-color: #2f3037;
|
|
--third-text-color: #5e5e5e;
|
|
--fourth-text-color: #eeeeee;
|
|
--default-text-color: #373D3F;
|
|
--invert-text-color: #bebec6;
|
|
--border-color: rgba(0, 0, 0, 0.08);
|
|
--selection-color: #0066CC;
|
|
--shadow-color-1: rgba(0, 0, 0, 0.08);
|
|
--shadow-color-2: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background-color);
|
|
color: var(--default-text-color);
|
|
}
|
|
|
|
/* Apply body classes as soon as DOM is ready */
|
|
:root[data-theme="dark"] body {
|
|
background-color: var(--background-color);
|
|
color: var(--default-text-color);
|
|
}
|
|
</style>
|
|
|
|
<!-- preconnect -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
|
<!--- Seo Part-->
|
|
|
|
<link rel="canonical" href="https://https.missdrop.cn:20081/archives/2025/07/"/>
|
|
<meta name="robots" content="index,follow">
|
|
<meta name="googlebot" content="index,follow">
|
|
<meta name="revisit-after" content="1 days">
|
|
|
|
|
|
|
|
|
|
<meta name="description" content="Hexo Theme Redefine, Redefine Your Hexo Journey.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Missdrop's site">
|
|
<meta property="og:url" content="https://https.missdrop.cn:20081/archives/2025/07/index.html">
|
|
<meta property="og:site_name" content="Missdrop's site">
|
|
<meta property="og:description" content="Hexo Theme Redefine, Redefine Your Hexo Journey.">
|
|
<meta property="og:locale" content="zh_CN">
|
|
<meta property="og:image" content="https://https.missdrop.cn:20081/images/redefine-og.webp">
|
|
<meta property="article:author" content="Missdrop">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:image" content="https://https.missdrop.cn:20081/images/redefine-og.webp">
|
|
|
|
|
|
<!--- Icon Part-->
|
|
<link rel="icon" type="image/png" href="https://img.fastmirror.net/s/2025/07/15/6875738ec48a0.jpg" sizes="192x192">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="https://img.fastmirror.net/s/2025/07/15/6875738ec48a0.jpg">
|
|
<meta name="theme-color" content="#40E0D0">
|
|
<link rel="shortcut icon" href="https://img.fastmirror.net/s/2025/07/15/6875738ec48a0.jpg">
|
|
<!--- Page Info-->
|
|
|
|
<title>
|
|
|
|
Archive: 2025/7 | Missdrop's site
|
|
|
|
</title>
|
|
|
|
|
|
<link rel="stylesheet" href="/fonts/Chillax/chillax.css">
|
|
|
|
|
|
<!--- Inject Part-->
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/build/tailwind.css">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/fonts/GeistMono/geist-mono.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/fonts/Geist/geist.css">
|
|
|
|
<!--- Font Part-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/libs/anime.min.js"></script>
|
|
|
|
|
|
|
|
<script id="hexo-configurations">
|
|
window.config = {"hostname":"https.missdrop.cn","root":"/","language":"zh_cn"};
|
|
window.theme = {"articles":{"style":{"font_size":"16px","line_height":1.5,"image_border_radius":"14px","image_alignment":"center","image_caption":false,"link_icon":true,"delete_mask":false,"title_alignment":"left","headings_top_spacing":{"h1":"3.2rem","h2":"2.4rem","h3":"1.9rem","h4":"1.6rem","h5":"1.4rem","h6":"1.3rem"}},"word_count":{"enable":true,"count":true,"min2read":true},"author_label":{"enable":true,"auto":false,"list":[]},"code_block":{"copy":true,"style":"mac","highlight_theme":{"light":"github","dark":"vs2015"},"font":{"enable":false,"family":null,"url":null}},"toc":{"enable":true,"max_depth":3,"number":false,"expand":true,"init_open":true},"copyright":{"enable":true,"default":"cc_by_nc_sa"},"lazyload":true,"pangu_js":false,"recommendation":{"enable":false,"title":"推荐阅读","limit":3,"mobile_limit":2,"placeholder":"/images/wallhaven-wqery6-light.webp","skip_dirs":[]}},"colors":{"primary":"#40E0D0","secondary":null,"default_mode":"light"},"global":{"fonts":{"chinese":{"enable":false,"family":null,"url":null},"english":{"enable":false,"family":null,"url":null},"title":{"enable":false,"family":null,"url":null}},"content_max_width":"1000px","sidebar_width":"210px","hover":{"shadow":true,"scale":false},"scroll_progress":{"bar":false,"percentage":true},"website_counter":{"url":"https://cn.vercount.one/js","enable":true,"site_pv":true,"site_uv":true,"post_pv":true},"single_page":true,"preloader":{"enable":true,"custom_message":"Missdrop's site"},"side_tools":{"gear_rotation":true,"auto_expand":false},"open_graph":{"enable":true,"image":"/images/redefine-og.webp","description":"Hexo Theme Redefine, Redefine Your Hexo Journey."},"google_analytics":{"enable":false,"id":null}},"home_banner":{"enable":true,"style":"fixed","image":{"light":"/images/wallhaven-wqery6-light.webp","dark":"/images/wallhaven-wqery6-dark.webp"},"title":"Missdrop's site","subtitle":{"text":["Talk is cheap. Show me the code"],"hitokoto":{"enable":false,"show_author":false,"api":"https://v1.hitokoto.cn"},"typing_speed":100,"backing_speed":80,"starting_delay":500,"backing_delay":1500,"loop":true,"smart_backspace":true},"text_color":{"light":"#fff","dark":"#d1d1b6"},"text_style":{"title_size":"2.8rem","subtitle_size":"1.5rem","line_height":1.2},"custom_font":{"enable":false,"family":null,"url":null},"social_links":{"enable":false,"style":"default","links":{"github":null,"instagram":null,"zhihu":null,"twitter":null,"email":null},"qrs":{"weixin":null}}},"plugins":{"feed":{"enable":false},"aplayer":{"enable":false,"type":"fixed","audios":[{"name":null,"artist":null,"url":null,"cover":null,"lrc":null}]},"mermaid":{"enable":false,"version":"11.4.1"}},"version":"2.8.4","navbar":{"auto_hide":false,"color":{"left":"#f78736","right":"#367df7","transparency":35},"width":{"home":"1200px","pages":"1000px"},"links":{"Home":{"path":"/","icon":"fa-regular fa-house"},"Minecraft":{"path":"http://mc.missdrop.cn/","icon":"fa-regular fa-link"},"Github":{"path":"https://github.com/Missdrop/","icon":"fa-brands fa-github"}},"search":{"enable":false,"preload":true}},"page_templates":{"friends_column":2,"tags_style":"blur"},"home":{"sidebar":{"enable":true,"position":"left","first_item":"menu","announcement":null,"show_on_mobile":true,"links":null},"article_date_format":"auto","excerpt_length":200,"categories":{"enable":true,"limit":3},"tags":{"enable":true,"limit":3}},"footerStart":"2025/7/10 11:45:14"};
|
|
window.lang_ago = {"second":"%s seconds ago","minute":"%s minutes ago","hour":"%s hours ago","day":"%s days ago","week":"%s weeks ago","month":"%s months ago","year":"%s years ago"};
|
|
window.data = {"masonry":false};
|
|
</script>
|
|
|
|
<!--- Fontawesome Part-->
|
|
|
|
<link rel="stylesheet" href="/fontawesome/fontawesome.min.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/fontawesome/brands.min.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/fontawesome/solid.min.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/fontawesome/regular.min.css">
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="generator" content="Hexo 7.3.0"></head>
|
|
|
|
|
|
|
|
<body>
|
|
<div class="progress-bar-container">
|
|
|
|
|
|
|
|
<span class="pjax-progress-bar"></span>
|
|
<!-- <span class="swup-progress-icon">-->
|
|
<!-- <i class="fa-solid fa-circle-notch fa-spin"></i>-->
|
|
<!-- </span>-->
|
|
|
|
</div>
|
|
|
|
<style>
|
|
:root {
|
|
--preloader-background-color: #fff;
|
|
--preloader-text-color: #000;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--preloader-background-color: #202124;
|
|
--preloader-text-color: #fff;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--preloader-background-color: #fff;
|
|
--preloader-text-color: #000;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.ml13 {
|
|
font-size: 2.6rem !important; /* Adjust this value as needed */
|
|
}
|
|
}
|
|
|
|
.preloader {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem; /* Tailwind 'gap-4' is 1rem */
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: fixed;
|
|
padding: 12px;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh; /* 'h-screen' is 100% of the viewport height */
|
|
background-color: var(--preloader-background-color);
|
|
z-index: 1100; /* 'z-[1100]' sets the z-index */
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
.ml13 {
|
|
font-size: 3.2rem;
|
|
/* text-transform: uppercase; */
|
|
color: var(--preloader-text-color);
|
|
letter-spacing: -1px;
|
|
font-weight: 500;
|
|
font-family: 'Chillax-Variable', sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
.ml13 .word {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ml13 .letter {
|
|
display: inline-block;
|
|
line-height: 1em;
|
|
}
|
|
</style>
|
|
|
|
<div class="preloader">
|
|
<h2 class="ml13">
|
|
Missdrop's site
|
|
</h2>
|
|
<script>
|
|
var textWrapper = document.querySelector('.ml13');
|
|
// Split text into words
|
|
var words = textWrapper.textContent.trim().split(' ');
|
|
|
|
// Clear the existing content
|
|
textWrapper.innerHTML = '';
|
|
|
|
// Wrap each word and its letters in spans
|
|
words.forEach(function(word) {
|
|
var wordSpan = document.createElement('span');
|
|
wordSpan.classList.add('word');
|
|
wordSpan.innerHTML = word.replace(/\S/g, "<span class='letter'>$&</span>");
|
|
textWrapper.appendChild(wordSpan);
|
|
textWrapper.appendChild(document.createTextNode(' ')); // Add space between words
|
|
});
|
|
|
|
var animation = anime.timeline({ loop: true })
|
|
.add({
|
|
targets: '.ml13 .letter',
|
|
translateY: [20, 0],
|
|
translateZ: 0,
|
|
opacity: [0, 1],
|
|
filter: ['blur(5px)', 'blur(0px)'],
|
|
easing: "easeOutExpo",
|
|
duration: 1200,
|
|
delay: (el, i) => 300 + 20 * i,
|
|
})
|
|
.add({
|
|
targets: '.ml13 .letter',
|
|
translateY: [0, -20],
|
|
opacity: [1, 0],
|
|
filter: ['blur(0px)', 'blur(5px)'],
|
|
easing: "easeInExpo",
|
|
duration: 1000,
|
|
delay: (el, i) => 15 * i,
|
|
complete: function() {
|
|
hidePreloader();
|
|
}
|
|
}, '-=700');
|
|
|
|
|
|
let themeStatus = JSON.parse(localStorage.getItem('REDEFINE-THEME-STATUS'))?.isDark;
|
|
|
|
// If the theme status is not found in local storage, check the preferred color scheme
|
|
if (themeStatus === undefined || themeStatus === null) {
|
|
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
themeStatus = 'dark';
|
|
} else {
|
|
themeStatus = 'light';
|
|
}
|
|
}
|
|
|
|
// Now you can use the themeStatus variable in your code
|
|
if (themeStatus) {
|
|
document.documentElement.style.setProperty('--preloader-background-color', '#202124');
|
|
document.documentElement.style.setProperty('--preloader-text-color', '#fff');
|
|
} else {
|
|
document.documentElement.style.setProperty('--preloader-background-color', '#fff');
|
|
document.documentElement.style.setProperty('--preloader-text-color', '#000');
|
|
}
|
|
|
|
window.addEventListener('load', function () {
|
|
setTimeout(hidePreloader, 5000); // Call hidePreloader after 5000 milliseconds if not already called by animation
|
|
});
|
|
|
|
function hidePreloader() {
|
|
var preloader = document.querySelector('.preloader');
|
|
preloader.style.opacity = '0';
|
|
setTimeout(function () {
|
|
preloader.style.display = 'none';
|
|
}, 200);
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
<main class="page-container" id="swup">
|
|
|
|
|
|
|
|
<div class="main-content-container flex flex-col justify-between min-h-dvh">
|
|
<div class="main-content-header">
|
|
<header class="navbar-container px-6 md:px-12">
|
|
<div class="navbar-content transition-navbar ">
|
|
<div class="left">
|
|
|
|
<a class="logo-image h-8 w-8 sm:w-10 sm:h-10 mr-3" href="/">
|
|
<img src="https://img.fastmirror.net/s/2025/07/15/6875738ec48a0.jpg" class="w-full h-full rounded-xs">
|
|
</a>
|
|
|
|
<a class="logo-title" href="/">
|
|
|
|
Missdrop's site
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<!-- PC -->
|
|
<div class="desktop">
|
|
<ul class="navbar-list">
|
|
|
|
|
|
|
|
|
|
<li class="navbar-item">
|
|
<!-- Menu -->
|
|
<a class=""
|
|
href="/"
|
|
>
|
|
<i class="fa-regular fa-house fa-fw"></i>
|
|
HOME
|
|
|
|
</a>
|
|
|
|
<!-- Submenu -->
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="navbar-item">
|
|
<!-- Menu -->
|
|
<a class=""
|
|
target="_blank" rel="noopener" href="http://mc.missdrop.cn/"
|
|
>
|
|
<i class="fa-regular fa-link fa-fw"></i>
|
|
MINECRAFT
|
|
|
|
</a>
|
|
|
|
<!-- Submenu -->
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="navbar-item">
|
|
<!-- Menu -->
|
|
<a class=""
|
|
target="_blank" rel="noopener" href="https://github.com/Missdrop/"
|
|
>
|
|
<i class="fa-brands fa-github fa-fw"></i>
|
|
GITHUB
|
|
|
|
</a>
|
|
|
|
<!-- Submenu -->
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<!-- Mobile -->
|
|
<div class="mobile">
|
|
|
|
<div class="icon-item navbar-bar">
|
|
<div class="navbar-bar-middle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile sheet -->
|
|
<div class="navbar-drawer h-dvh w-full absolute top-0 left-0 bg-background-color flex flex-col justify-between">
|
|
<ul class="drawer-navbar-list flex flex-col px-4 justify-center items-start">
|
|
|
|
|
|
|
|
|
|
<li class="drawer-navbar-item text-base my-1.5 flex flex-col w-full">
|
|
|
|
<a class="py-1.5 px-2 flex flex-row items-center justify-between gap-1 hover:!text-primary active:!text-primary text-2xl font-semibold group border-b border-border-color hover:border-primary w-full "
|
|
href="/"
|
|
>
|
|
<span>
|
|
HOME
|
|
</span>
|
|
|
|
<i class="fa-regular fa-house fa-sm fa-fw"></i>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="drawer-navbar-item text-base my-1.5 flex flex-col w-full">
|
|
|
|
<a class="py-1.5 px-2 flex flex-row items-center justify-between gap-1 hover:!text-primary active:!text-primary text-2xl font-semibold group border-b border-border-color hover:border-primary w-full "
|
|
target="_blank" rel="noopener" href="http://mc.missdrop.cn/"
|
|
>
|
|
<span>
|
|
MINECRAFT
|
|
</span>
|
|
|
|
<i class="fa-regular fa-link fa-sm fa-fw"></i>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="drawer-navbar-item text-base my-1.5 flex flex-col w-full">
|
|
|
|
<a class="py-1.5 px-2 flex flex-row items-center justify-between gap-1 hover:!text-primary active:!text-primary text-2xl font-semibold group border-b border-border-color hover:border-primary w-full "
|
|
target="_blank" rel="noopener" href="https://github.com/Missdrop/"
|
|
>
|
|
<span>
|
|
GITHUB
|
|
</span>
|
|
|
|
<i class="fa-brands fa-github fa-sm fa-fw"></i>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
<div class="statistics flex justify-around my-2.5">
|
|
<a class="item tag-count-item flex flex-col justify-center items-center w-20" href="/tags">
|
|
<div class="number text-2xl sm:text-xl text-second-text-color font-semibold">0</div>
|
|
<div class="label text-third-text-color text-sm">Tags</div>
|
|
</a>
|
|
<a class="item tag-count-item flex flex-col justify-center items-center w-20" href="/categories">
|
|
<div class="number text-2xl sm:text-xl text-second-text-color font-semibold">0</div>
|
|
<div class="label text-third-text-color text-sm">Categories</div>
|
|
</a>
|
|
<a class="item tag-count-item flex flex-col justify-center items-center w-20" href="/archives">
|
|
<div class="number text-2xl sm:text-xl text-second-text-color font-semibold">1</div>
|
|
<div class="label text-third-text-color text-sm">Posts</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="window-mask"></div>
|
|
|
|
</header>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="main-content-body transition-fade-up">
|
|
|
|
|
|
<div class="main-content">
|
|
<div class="archive-container shadow-none hover:shadow-none sm:shadow-redefine sm:hover:shadow-redefine-hover">
|
|
|
|
<div class="archive-list-container">
|
|
|
|
<section class="archive-item mb-spacing-unit last:mb-0">
|
|
<div class="archive-item-header flex flex-row items-center mb-2">
|
|
<span class="archive-year font-semibold text-3xl mr-2">2025</span>
|
|
<span class="archive-year-post-count text-xs md:text-sm font-bold rounded-small bg-third-background-color py-[2px] px-[10px] border border-border-color">1</span>
|
|
</div>
|
|
|
|
<ul class="article-list pl-0 md:pl-8 text-lg leading-[1.5]">
|
|
|
|
|
|
|
|
<!-- Close the previous LI if not the first item -->
|
|
<li class="article-item space-y-2 px-6 pt-10 pb-2 text-xl relative border-l-2 border-border-color" date-is='07-15'>
|
|
|
|
<a href="/2025/07/15/hello-world/" class="block w-fit">
|
|
<span class="article-title my-0.5 text-2xl">Hello World</span>
|
|
</a>
|
|
|
|
|
|
</li> <!-- Ensure the last item is properly closed -->
|
|
</ul>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="main-content-footer">
|
|
<footer class="footer mt-5 py-5 h-auto text-base text-third-text-color relative border-t-2 border-t-border-color">
|
|
<div class="info-container py-3 text-center">
|
|
|
|
<div class="text-center">
|
|
©
|
|
|
|
<span>2025</span>
|
|
-
|
|
|
|
2025 <i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration: 0.5s; color: #f54545"></i> <a href="/">Missdrop</a>
|
|
|
|
|
|
<p class="post-count space-x-0.5">
|
|
<span>
|
|
1 posts in total
|
|
</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<script data-swup-reload-script src="https://cn.vercount.one/js"></script>
|
|
<div class="relative text-center lg:absolute lg:right-[20px] lg:top-1/2 lg:-translate-y-1/2 lg:text-right">
|
|
|
|
<span id="busuanzi_container_site_uv" class="lg:!block">
|
|
<span class="text-sm">VISITOR COUNT</span>
|
|
<span id="busuanzi_value_site_uv"></span>
|
|
</span>
|
|
|
|
|
|
<span id="busuanzi_container_site_pv" class="lg:!block">
|
|
<span class="text-sm">TOTAL PAGE VIEWS</span>
|
|
<span id="busuanzi_value_site_pv"></span>
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<div class="relative text-center lg:absolute lg:left-[20px] lg:top-1/2 lg:-translate-y-1/2 lg:text-left">
|
|
<span class="lg:block text-sm">POWERED BY <?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="relative top-[2px] inline-block align-baseline" version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1rem" height="1rem" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="#0E83CD" d="M256.4,25.8l-200,115.5L56,371.5l199.6,114.7l200-115.5l0.4-230.2L256.4,25.8z M349,354.6l-18.4,10.7l-18.6-11V275H200v79.6l-18.4,10.7l-18.6-11v-197l18.5-10.6l18.5,10.8V237h112v-79.6l18.5-10.6l18.5,10.8V354.6z"/></svg><a target="_blank" class="text-base" href="https://hexo.io">Hexo</a></span>
|
|
<span class="text-sm lg:block">THEME <a class="text-base" target="_blank" href="https://github.com/EvanNotFound/hexo-theme-redefine">Redefine v2.8.4</a></span>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
Blog up for <span class="odometer" id="runtime_days" ></span> days <span class="odometer" id="runtime_hours"></span> hrs <span class="odometer" id="runtime_minutes"></span> Min <span class="odometer" id="runtime_seconds"></span> Sec
|
|
</div>
|
|
|
|
|
|
<script data-swup-reload-script>
|
|
try {
|
|
function odometer_init() {
|
|
const elements = document.querySelectorAll('.odometer');
|
|
elements.forEach(el => {
|
|
new Odometer({
|
|
el,
|
|
format: '( ddd).dd',
|
|
duration: 200
|
|
});
|
|
});
|
|
}
|
|
odometer_init();
|
|
} catch (error) {}
|
|
</script>
|
|
|
|
|
|
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="right-side-tools-container">
|
|
<div class="side-tools-container">
|
|
<ul class="hidden-tools-list">
|
|
<li class="right-bottom-tools tool-font-adjust-plus flex justify-center items-center">
|
|
<i class="fa-regular fa-magnifying-glass-plus"></i>
|
|
</li>
|
|
|
|
<li class="right-bottom-tools tool-font-adjust-minus flex justify-center items-center">
|
|
<i class="fa-regular fa-magnifying-glass-minus"></i>
|
|
</li>
|
|
|
|
<li class="right-bottom-tools tool-dark-light-toggle flex justify-center items-center">
|
|
<i class="fa-regular fa-moon"></i>
|
|
</li>
|
|
|
|
<!-- rss -->
|
|
|
|
|
|
|
|
|
|
<li class="right-bottom-tools tool-scroll-to-bottom flex justify-center items-center">
|
|
<i class="fa-regular fa-arrow-down"></i>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="visible-tools-list">
|
|
<li class="right-bottom-tools toggle-tools-list flex justify-center items-center">
|
|
<i class="fa-regular fa-cog fa-spin"></i>
|
|
</li>
|
|
|
|
<li class="right-bottom-tools tool-scroll-to-top flex justify-center items-center">
|
|
<i class="arrow-up fas fa-arrow-up"></i>
|
|
<span class="percent"></span>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="image-viewer-container">
|
|
<img src="">
|
|
</div>
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
<script src="/js/build/libs/Swup.min.js"></script>
|
|
|
|
<script src="/js/build/libs/SwupSlideTheme.min.js"></script>
|
|
|
|
<script src="/js/build/libs/SwupScriptsPlugin.min.js"></script>
|
|
|
|
<script src="/js/build/libs/SwupProgressPlugin.min.js"></script>
|
|
|
|
<script src="/js/build/libs/SwupScrollPlugin.min.js"></script>
|
|
|
|
<script src="/js/build/libs/SwupPreloadPlugin.min.js"></script>
|
|
|
|
<script>
|
|
const swup = new Swup({
|
|
plugins: [
|
|
new SwupScriptsPlugin({
|
|
optin: true,
|
|
}),
|
|
new SwupProgressPlugin(),
|
|
new SwupScrollPlugin({
|
|
offset: 80,
|
|
}),
|
|
new SwupSlideTheme({
|
|
mainElement: ".main-content-body",
|
|
}),
|
|
new SwupPreloadPlugin(),
|
|
],
|
|
containers: ["#swup"],
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/tools/imageViewer.js" type="module"></script>
|
|
|
|
<script src="/js/build/utils.js" type="module"></script>
|
|
|
|
<script src="/js/build/main.js" type="module"></script>
|
|
|
|
<script src="/js/build/layouts/navbarShrink.js" type="module"></script>
|
|
|
|
<script src="/js/build/tools/scrollTopBottom.js" type="module"></script>
|
|
|
|
<script src="/js/build/tools/lightDarkSwitch.js" type="module"></script>
|
|
|
|
<script src="/js/build/layouts/categoryList.js" type="module"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/tools/codeBlock.js" type="module"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/layouts/lazyload.js" type="module"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/tools/runtime.js"></script>
|
|
|
|
|
|
<script src="/js/build/libs/odometer.min.js"></script>
|
|
|
|
|
|
<link rel="stylesheet" href="/assets/odometer-theme-minimal.css">
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/libs/Typed.min.js"></script>
|
|
|
|
|
|
<script src="/js/build/plugins/typed.js" type="module"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/tools/tocToggle.js" type="module" data-swup-reload-script=""></script>
|
|
|
|
<script src="/js/build/layouts/toc.js" type="module" data-swup-reload-script=""></script>
|
|
|
|
<script src="/js/build/plugins/tabs.js" type="module" data-swup-reload-script=""></script>
|
|
|
|
|
|
|
|
|
|
<script src="/js/build/libs/moment-with-locales.min.js" data-swup-reload-script=""></script>
|
|
|
|
|
|
<script src="/js/build/layouts/essays.js" type="module" data-swup-reload-script=""></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |