959 lines
34 KiB
HTML
959 lines
34 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/"/>
|
|
<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/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>
|
|
|
|
Missdrop's site - Talk is cheap. Show me the code
|
|
|
|
</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">
|
|
|
|
|
|
|
|
<style>
|
|
.home-banner-container {
|
|
background: none !important;
|
|
}
|
|
.home-article-item,
|
|
.sidebar-links,
|
|
.sidebar-content,
|
|
a.page-number,
|
|
a.extend,
|
|
.sidebar-links .links:hover,
|
|
.right-bottom-tools,
|
|
footer.footer {
|
|
background-color: var(--background-color-transparent-80) !important;
|
|
}
|
|
.right-bottom-tools:hover,
|
|
a.page-number:hover,
|
|
a.extend:hover {
|
|
background-color: var(--primary-color) !important;
|
|
}
|
|
.site-info,
|
|
.home-article-sticky-label {
|
|
background-color: var(--background-color-transparent-15) !important;
|
|
}
|
|
.home-article-sticky-label {
|
|
backdrop-filter: none !important;
|
|
}
|
|
</style>
|
|
<div class="home-banner-background transition-fade fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
|
|
<img src="/images/wallhaven-wqery6-light.webp" alt="home-banner-background" class="w-full h-full object-cover dark:hidden">
|
|
<img src="/images/wallhaven-wqery6-dark.webp" alt="home-banner-background" class="w-full h-full object-cover hidden dark:block">
|
|
</div>
|
|
|
|
|
|
<div class="home-banner-container flex justify-center items-center transition-fade relative">
|
|
|
|
<div class="content mt-8 flex flex-col justify-center items-center transition-fade-down">
|
|
<div class="description flex flex-col justify-center items-center w-screen font-medium text-center"
|
|
|
|
>
|
|
Missdrop's site
|
|
|
|
|
|
<p><i id="subtitle"></i></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
const scrollToMain = ()=> {
|
|
console.log('scroll');
|
|
const target = document.querySelector('.main-content-container');
|
|
target.scrollIntoView({ behavior: 'smooth'});
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
|
|
<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 has-home-banner">
|
|
<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="/">
|
|
<h1>
|
|
Missdrop's site
|
|
</h1>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<!-- PC -->
|
|
<div class="desktop">
|
|
<ul class="navbar-list">
|
|
|
|
|
|
|
|
|
|
<li class="navbar-item">
|
|
<!-- Menu -->
|
|
<a class="active"
|
|
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 active"
|
|
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="home-sidebar-container">
|
|
<div class="sticky-container sticky">
|
|
|
|
|
|
|
|
<div class="sidebar-content" >
|
|
<div class="avatar flex justify-center">
|
|
<img src="https://img.fastmirror.net/s/2025/07/15/6875738ec48a0.jpg">
|
|
</div>
|
|
<div class="author flex flex-col justify-center my-2.5 mx-0">
|
|
<div class="name">Missdrop</div>
|
|
|
|
<div class="label">Lv1</div>
|
|
|
|
</div>
|
|
<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>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="main-content">
|
|
<div class="home-content-container">
|
|
<ul class="home-article-list">
|
|
|
|
<li class="home-article-item">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-col gap-5 px-7 pb-7 pt-7">
|
|
<h3 class="home-article-title">
|
|
<a href="/2025/07/15/hello-world/">
|
|
Hello World
|
|
</a>
|
|
</h3>
|
|
|
|
<div class="home-article-content markdown-body">
|
|
|
|
|
|
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
|
|
Qu...
|
|
|
|
</div>
|
|
|
|
<div class="home-article-meta-info-container">
|
|
<div class="home-article-meta-info">
|
|
<span><i class="fa-solid fa-calendars"></i>
|
|
<span class="home-article-date" data-date="Tue Jul 15 2025 09:07:44 GMT+0000">
|
|
|
|
2025-07-15
|
|
|
|
</span>
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
<a href="/2025/07/15/hello-world/">Read more<span class="seo-reader-text">Hello World</span> <i class="fa-solid fa-angle-right"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="home-paginator px-7 py-5">
|
|
<div class="paginator">
|
|
<span class="page-number current">1</span>
|
|
</div>
|
|
|
|
</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> |