-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
185 lines (156 loc) · 49.7 KB
/
Copy pathindex.html
File metadata and controls
185 lines (156 loc) · 49.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html><html lang="zh-TW"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="鯊魚Y.Yの程長日記"><meta name="author" content="鯊魚Y.Y"><script>!function(){function e(e){const t="dark"===e,c=document.documentElement;c.classList.add(e),c.classList.remove(t?"light":"dark"),c.style.colorScheme=e}const t=function(){try{const e=localStorage.getItem("REDEFINE-THEME-STATUS");if(e){const{isDark:t}=JSON.parse(e);return t?"dark":"light"}}catch(e){}return matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}();e(t),matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:t})=>{localStorage.getItem("REDEFINE-THEME-STATUS")||e(t?"dark":"light")}),function(){const e=()=>{const e=document.body;return!!e&&(e.classList.add(t+"-mode"),!0)};if(e())return;const c=new MutationObserver(()=>{e()&&c.disconnect()});c.observe(document.documentElement,{childList:!0,subtree:!0})}()}()</script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="canonical" href="https://sharkyy.netlify.app/"><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="鯊魚Y.Yの程長日記"><meta property="og:url" content="https://sharkyy.netlify.app/index.html"><meta property="og:site_name" content="鯊魚Y.Yの程長日記"><meta property="og:description" content="Hexo Theme Redefine, Redefine Your Hexo Journey."><meta property="og:locale" content="zh_TW"><meta property="og:image" content="https://sharkyy.netlify.app/images/redefine-og.webp"><meta property="article:author" content="鯊魚Y.Y"><meta property="article:tag" content="鯊魚Y.Yの程長日記"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https://sharkyy.netlify.app/images/redefine-og.webp"><script src="https://www.googletagmanager.com/gtag/js?id=G-K88W96NQK6"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-K88W96NQK6")</script><link rel="icon" type="image/png" href="/images/logo.svg" sizes="192x192"><link rel="apple-touch-icon" sizes="180x180" href="/images/logo.svg"><meta name="theme-color" content="#8c8cde"><link rel="shortcut icon" href="/images/logo.svg"><title>鯊魚Y.Yの程長日記 - 斜咖高中生的小天地</title><link rel="stylesheet" href="/fonts/Chillax/chillax.css"><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"><script src="/js/build/libs/anime.min.js"></script><script id="hexo-configurations">window.config={hostname:"sharkyy.netlify.app",root:"/",language:"zh-TW",path:"search.json"},window.theme={articles:{style:{font_size:"16px",line_height:1.5,image_border_radius:"14px",image_alignment:"center",image_caption:!1,link_icon:!0,delete_mask:!0,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:!0,count:!0,min2read:!0},author_label:{enable:!0,auto:!1,list:[]},code_block:{copy:!0,style:"mac",highlight_theme:{light:"github",dark:"vs2015"},font:{enable:!1,family:null,url:null}},toc:{enable:!0,max_depth:3,number:!1,expand:!0,init_open:!0},copyright:{enable:!0,default:"cc_by_nc_sa"},lazyload:!0,pangu_js:!1,recommendation:{enable:!0,title:"推薦閱讀",limit:3,mobile_limit:2,placeholder:"/images/wallhaven-wqery6-light.webp",skip_dirs:[]}},colors:{primary:"#8c8cde",secondary:"#f0f0f0",default_mode:"dark"},global:{fonts:{chinese:{enable:!1,family:null,url:null},english:{enable:!1,family:null,url:null},title:{enable:!1,family:null,url:null}},content_max_width:"1000px",sidebar_width:"210px",hover:{shadow:!0,scale:!0},scroll_progress:{bar:!1,percentage:!0},website_counter:{url:"https://cn.vercount.one/js",enable:!0,site_pv:!0,site_uv:!0,post_pv:!0},single_page:!0,preloader:{enable:!0,custom_message:null},side_tools:{gear_rotation:!0,auto_expand:!1},open_graph:{enable:!0,image:"/images/redefine-og.webp",description:"Hexo Theme Redefine, Redefine Your Hexo Journey."},google_analytics:{enable:!0,id:"G-K88W96NQK6"}},home_banner:{enable:!0,style:"fixed",image:{light:"/images/wallhaven-wqery6-light.webp",dark:"/images/wallhaven-wqery6-dark.webp"},title:"鯊魚Y.Yの成長小天地",subtitle:{text:["Persist until you shine with success."],hitokoto:{enable:!1,show_author:!1,api:"https://v1.hitokoto.cn"},typing_speed:100,backing_speed:80,starting_delay:500,backing_delay:1500,loop:!0,smart_backspace:!0},text_color:{light:"#fafa87",dark:"#d1d1b6"},text_style:{title_size:"2.8rem",subtitle_size:"1.5rem",line_height:1.2},custom_font:{enable:!1,family:null,url:null},social_links:{enable:!0,style:"default",links:[{icon:"fa-brands fa-github",url:"https://github.com/Larryeng?tab=overview&from=2024-02-01&to=2024-02-13"},{icon:"fa-brands fa-instagram",url:"https://www.instagram.com/larry.0411?fbclid=IwAR0GZGR_H7AoZm1lR7OhyBTKXNEGHlu_dk5yAgD9WiMZ4nHZzyKn7R_McFo"},{icon:"fa-solid fa-at",url:"aaaa0909726897@gmail.com"},{icon:"fab fa-facebook",url:"https://www.facebook.com/profile.php?id=100067957050814"}],qrs:[]}},plugins:{feed:{enable:!1},aplayer:{enable:!0,type:"fixed",audios:[{name:"APT",artist:"Rosé",url:"/MP3/APT.mp3",cover:"/images/MP3cover4.jpg",lrc:null},{name:"你就是我的風景",artist:"Zy",url:"/MP3/3.mp3",cover:"/images/MP3cover3.png",lrc:null},{name:"英文隨機歌單",artist:"人",url:"/MP3/2.mp3",cover:"/images/MP3cover2.png",lrc:null},{name:"告五人隨機歌單",artist:"告五人",url:"/MP3/1.mp3",cover:"/images/MP3cover1.png",lrc:null}]},mermaid:{enable:!1,version:"11.4.1",theme:{light:"default",dark:"dark"}}},version:"2.9.0",navbar:{auto_hide:!1,color:{left:"#f78736",right:"#367df7",transparency:35},width:{home:"1200px",pages:"1000px"},links:{Home:{path:"/",icon:"fa-regular fa-house"},Archives:{path:"/archives",icon:"fa-regular fa-archive"},Categories:{path:"/categories/",icon:"fas fa-folder-open"},Tags:{path:"/tags/",icon:"fas fa-tags"},Links:{icon:"fa-regular fa-link",submenus:{"小工具":"/bookmarks/","連結區":"/links","Web Status":"https://larryweb.instatus.com/","鯊魚的心情小語":"/essays"}},About:{path:"/about",icon:"fa-regular fa-user"}},search:{enable:!0,preload:!0}},page_templates:{friends_column:2,tags_style:"blur",masonry:{batch_size:12,initial_batch_size:24}},home:{sidebar:{enable:!0,position:"left",first_item:"menu",announcement:"哈囉~歡迎來到我的部落格🥳歡迎到處逛逛，為了你的瀏覽體驗著想，請按右下齒輪切換主題",show_on_mobile:!0,links:{Archives:{path:"/archives",icon:"fa-regular fa-archive"},Categories:{path:"/categories/",icon:"fas fa-folder-open"},tags:{path:"/tags/",icon:"fas fa-tags"},Links:{path:"/links",icon:"fa-regular fa-link"},Status:{path:"https://larryweb.instatus.com/",icon:"fa-regular fa-chart-bar"},About:{path:"/about",icon:"fa-regular fa-user"}}},article_date_format:"auto",excerpt_length:200,categories:{enable:!0,limit:3},tags:{enable:!0,limit:3}},footer:{runtime:!0,icon:'<i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration: 0.5s; color: #f54545"></i>',start:"2024/8/17 00:00",statistics:!0,customize:null,icp:{enable:!1,number:null,url:null}},footerStart:"2024/8/17 00:00",mermaid:{style:{light:"default",dark:"dark"}}},window.lang_ago={second:"%s 秒前",minute:"%s 分鐘前",hour:"%s 小時前",day:"%s 天前",week:"%s 周前",month:"%s 個月前",year:"%s 年前"},window.i18n={search:"站內搜尋您想要的內容...",toc:"目錄",prev:"上一頁",next:"下一頁",prev_posts:"上一篇",next_posts:"下一篇",page:"第 %d 頁",recent_posts:"之前的文章",share:"分享",powered_by:"%s 框架",theme:"主題",rss_feed:"RSS 訂閱",category:"分類",categories:"分類",tag:"標籤",tags:"標籤",post:"文章",posts:"文章",tagcloud:"標籤雲",comment:"留言",comments:"留言",top:"頂端",sticky:"置頂","go-back-home":"回到首頁",masonry_loading:"照片載入中...",image_viewer:"圖片檢視器",close:"關閉",exif:{title:"EXIF",cards:{camera:"相機",lens:"鏡頭",exposure:"曝光",other:"其他"},fields:{make:"品牌",model:"機型",date_taken:"拍攝時間",lens_model:"鏡頭",focal_length:"焦距",focus_mode:"對焦模式",shutter:"快門",aperture:"光圈",iso:"感光度",exposure_program:"曝光程序",exposure_compensation:"曝光補償",metering_mode:"測光模式",flash:"閃光燈",white_balance:"白平衡",latitude:"緯度",longitude:"經度",altitude:"海拔"},status:{loading:"載入中...",no_exif:"無 EXIF 資訊",library_missing:"EXIF 程式庫未載入",image_source_missing:"圖片位址不可用",unavailable:"EXIF 不可用（可能被 CORS 阻擋或缺少中繼資料）",flag_unavailable:"EXIF 不可用"}},home:"首頁",archive:"歸檔",archives:"歸檔",about:"關於",links:"連結",link:"連結",friends:"友情連結",friend:"友情連結",timeline:"時間軸",shuoshuo:"說說",changelog:"日誌",bookmarks:"書籤",site_uv:"讀者",site_pv:"閱覽",read_more:"繼續閱讀...",wordcount:"字數",min2read:"分鐘",status:"狀態",runtime:"部落格已運行",days:"天",hours:"小時",minutes:"分鐘",seconds:"秒",optimized_by:"並由 Evan 進行最佳化",rights:"版權所有",site_posts:"共 %s 篇文章",site_wordcount:"共 %s 字",copyright:{author:"作者",title:"標題",link:"連結",create_time:"撰寫於",update_time:"更新於",license_title:"版權宣告",license_content:"本作品採用 %s 進行許可。",all_rights_reserved:"保留所有權利 © %s",public_domain:"本作品已在公共領域中，可自由轉載、修改、散佈，無需經過作者同意。"},ago:{second:"%s 秒前",minute:"%s 分鐘前",hour:"%s 小時前",day:"%s 天前",week:"%s 周前",month:"%s 個月前",year:"%s 年前"},create_time:"撰寫",update_time:"更新",expired:"這篇文章最後更新於 %s 天前，內容可能已經過時。"},window.data={masonry:!1}</script><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"><style>mjx-container[jax="SVG"] {
direction: ltr;
}
mjx-container[jax="SVG"] > svg {
overflow: visible;
}
mjx-container[jax="SVG"][display="true"] {
display: block;
text-align: center;
margin: 1em 0;
}
mjx-container[jax="SVG"][justify="left"] {
text-align: left;
}
mjx-container[jax="SVG"][justify="right"] {
text-align: right;
}
g[data-mml-node="merror"] > g {
fill: red;
stroke: red;
}
g[data-mml-node="merror"] > rect[data-background] {
fill: yellow;
stroke: none;
}
g[data-mml-node="mtable"] > line[data-line] {
stroke-width: 70px;
fill: none;
}
g[data-mml-node="mtable"] > rect[data-frame] {
stroke-width: 70px;
fill: none;
}
g[data-mml-node="mtable"] > .mjx-dashed {
stroke-dasharray: 140;
}
g[data-mml-node="mtable"] > .mjx-dotted {
stroke-linecap: round;
stroke-dasharray: 0,140;
}
g[data-mml-node="mtable"] > svg {
overflow: visible;
}
[jax="SVG"] mjx-tool {
display: inline-block;
position: relative;
width: 0;
height: 0;
}
[jax="SVG"] mjx-tool > mjx-tip {
position: absolute;
top: 0;
left: 0;
}
mjx-tool > mjx-tip {
display: inline-block;
padding: .2em;
border: 1px solid #888;
font-size: 70%;
background-color: #F8F8F8;
color: black;
box-shadow: 2px 2px 5px #AAAAAA;
}
g[data-mml-node="maction"][data-toggle] {
cursor: pointer;
}
mjx-status {
display: block;
position: fixed;
left: 1em;
bottom: 1em;
min-width: 25%;
padding: .2em .4em;
border: 1px solid #888;
font-size: 90%;
background-color: #F8F8F8;
color: black;
}
foreignObject[data-mjx-xml] {
font-family: initial;
line-height: normal;
overflow: visible;
}
.MathJax path {
stroke-width: 3;
}
mjx-container[display="true"] {
overflow: auto hidden;
}
mjx-container[display="true"] + br {
display: none;
}
</style><link rel="alternate" href="/atom.xml" title="鯊魚Y.Yの程長日記" type="application/atom+xml">
</head><body><div class="progress-bar-container"><span class="pjax-progress-bar"></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}}.preloader{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;position:fixed;padding:12px;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:var(--preloader-background-color);z-index:1100;transition:opacity .2s ease-in-out}.ml13{font-size:3.2rem;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">鯊魚Y.Yの程長日記</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:0 0!important}.home-article-item,.right-bottom-tools,.sidebar-content,.sidebar-links,.sidebar-links .links:hover,a.extend,a.page-number,footer.footer{background-color:var(--background-color-transparent-80)!important}.right-bottom-tools:hover,a.extend:hover,a.page-number:hover{background-color:var(--primary-color)!important}.home-article-sticky-label,.site-info{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">鯊魚Y.Yの成長小天地<p><i id="subtitle"></i></p></div><div class="absolute bottom-0.5 flex flex-row justify-between max-w-[1340px] items-center w-full px-8 sm:px-12"><div class="flex p-3 bg-gray-300/50 dark:bg-gray-500/40 backdrop-blur-lg border border-white/20 dark:border-gray-500/30 group rounded-full cursor-pointer flex justify-center items-center aspect-square h-full shadow-redefine-flat hover:shadow-redefine-flat-hover transition-shadow" onclick="scrollToMain()"><i class="fa-solid fa-arrow-down fa-fw fa-lg group-hover:translate-y-1 transition-transform"></i></div><div class="social-contacts px-6 py-3 bg-gray-300/50 dark:bg-gray-500/40 backdrop-blur-lg border border-white/20 dark:border-gray-500/30 shadow-redefine-flat rounded-full flex flex-row gap-3 items-center"><span class="social-contact-item"><a target="_blank" href="https://github.com/Larryeng?tab=overview&from=2024-02-01&to=2024-02-13"><i class="fa-brands fa-github fa-fw fa-lg"></i> </a></span><span class="social-contact-item"><a target="_blank" href="https://www.instagram.com/larry.0411?fbclid=IwAR0GZGR_H7AoZm1lR7OhyBTKXNEGHlu_dk5yAgD9WiMZ4nHZzyKn7R_McFo"><i class="fa-brands fa-instagram fa-fw fa-lg"></i> </a></span><span class="social-contact-item"><a href="mailto:aaaa0909726897@gmail.com"><i class="fa-solid fa-at fa-fw fa-lg"></i> </a></span><span class="social-contact-item"><a target="_blank" href="https://www.facebook.com/profile.php?id=100067957050814"><i class="fab fa-facebook fa-fw fa-lg"></i></a></span></div></div></div><style>.qr-toggle-item.qr-active .qr-popup{visibility:visible!important;opacity:1!important;transform:translateY(0)!important}@media (hover:none) and (pointer:coarse){.qr-toggle-item:focus,.qr-toggle-item:hover{background-color:transparent}.qr-toggle-item .qr-trigger:focus,.qr-toggle-item .qr-trigger:hover{background-color:transparent;color:inherit}.qr-popup{visibility:hidden!important;opacity:0!important}}</style></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="/images/logo.svg" class="w-full h-full rounded-xs"> </a><a class="logo-title" href="/"><h1>鯊魚Y.Yの程長日記</h1></a></div><div class="right"><div class="desktop"><ul class="navbar-list"><li class="navbar-item"><a class="active" href="/"><i class="fa-regular fa-house fa-fw"></i> 首頁</a></li><li class="navbar-item"><a href="/archives"><i class="fa-regular fa-archive fa-fw"></i> 歸檔</a></li><li class="navbar-item"><a href="/categories/"><i class="fas fa-folder-open fa-fw"></i> 分類</a></li><li class="navbar-item"><a href="/tags/"><i class="fas fa-tags fa-fw"></i> 標籤</a></li><li class="navbar-item"><a class="has-dropdown" href="#" onclick=""return" false;"><i class="fa-regular fa-link fa-fw"></i> 連結 <i class="fa-solid fa-chevron-down fa-fw"></i></a><ul class="sub-menu"><li><a href="/bookmarks/">小工具</a></li><li><a href="/links">連結區</a></li><li><a target="_blank" rel="noopener" href="https://larryweb.instatus.com/">WEB STATUS</a></li><li><a href="/essays">鯊魚的心情小語</a></li></ul></li><li class="navbar-item"><a href="/about"><i class="fa-regular fa-user fa-fw"></i> 關於</a></li><li class="navbar-item search search-popup-trigger"><i class="fa-solid fa-magnifying-glass"></i></li></ul></div><div class="mobile"><div class="icon-item search search-popup-trigger"><i class="fa-solid fa-magnifying-glass"></i></div><div class="icon-item navbar-bar"><div class="navbar-bar-middle"></div></div></div></div></div><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>首頁 </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" href="/archives"><span>歸檔 </span><i class="fa-regular fa-archive 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" href="/categories/"><span>分類 </span><i class="fas fa-folder-open 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" href="/tags/"><span>標籤 </span><i class="fas fa-tags fa-sm fa-fw"></i></a></li><li class="drawer-navbar-item-sub text-base my-1.5 flex flex-col w-full"><div class="py-1.5 px-2 flex flex-row items-center justify-between gap-1 hover:!text-primary active:!text-primary cursor-pointer text-2xl font-semibold group border-b border-border-color hover:border-primary w-full active" navbar-data-toggle="submenu-Links"><span>連結 </span><i class="fa-solid fa-chevron-right fa-sm fa-fw transition-all"></i></div><div class="flex-col items-start px-2 py-2 hidden" data-target="submenu-Links"><div class="drawer-navbar-item text-base flex flex-col justify-center items-start hover:underline active:underline hover:underline-offset-1 rounded-3xl"><a class="text-third-text-color text-xl" href="/bookmarks/">小工具</a></div><div class="drawer-navbar-item text-base flex flex-col justify-center items-start hover:underline active:underline hover:underline-offset-1 rounded-3xl"><a class="text-third-text-color text-xl" href="/links">連結區</a></div><div class="drawer-navbar-item text-base flex flex-col justify-center items-start hover:underline active:underline hover:underline-offset-1 rounded-3xl"><a class="text-third-text-color text-xl" target="_blank" rel="noopener" href="https://larryweb.instatus.com/">WEB STATUS</a></div><div class="drawer-navbar-item text-base flex flex-col justify-center items-start hover:underline active:underline hover:underline-offset-1 rounded-3xl"><a class="text-third-text-color text-xl" href="/essays">鯊魚的心情小語</a></div></div></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" href="/about"><span>關於 </span><i class="fa-regular fa-user 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 active" href="/tags/"><span>標籤</span> <i class="fas fa-tags 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 active" target="_blank" rel="noopener" href="https://larryweb.instatus.com/"><span>Status</span> <i class="fa-regular fa-chart-bar 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">7</div><div class="label text-third-text-color text-sm">標籤</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">3</div><div class="label text-third-text-color text-sm">分類</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">9</div><div class="label text-third-text-color text-sm">文章</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-links"><div class="site-info"><div class="site-name">鯊魚Y.Yの程長日記</div><div class="announcement">哈囉~歡迎來到我的部落格🥳歡迎到處逛逛，為了你的瀏覽體驗著想，請按右下齒輪切換主題</div></div><a class="links" href="/archives"><i class="fa-regular fa-archive icon-space"></i> <span class="link-name">Archives</span> </a><a class="links" href="/categories/"><i class="fas fa-folder-open icon-space"></i> <span class="link-name">Categories</span> </a><a class="links" href="/tags/"><i class="fas fa-tags icon-space"></i> <span class="link-name">標籤</span> </a><a class="links" href="/links"><i class="fa-regular fa-link icon-space"></i> <span class="link-name">Links</span> </a><a class="links" target="_blank" rel="noopener" href="https://larryweb.instatus.com/"><i class="fa-regular fa-chart-bar icon-space"></i> <span class="link-name">Status</span> </a><a class="links" href="/about"><i class="fa-regular fa-user icon-space"></i> <span class="link-name">About</span></a></div><div class="sidebar-content" margintop><div class="avatar flex justify-center"><img src="/images/me.jpg"></div><div class="author flex flex-col justify-center my-2.5 mx-0"><div class="name">鯊魚Y.Y</div><div class="label">Lv2</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">7</div><div class="label text-third-text-color text-sm">標籤</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">3</div><div class="label text-third-text-color text-sm">分類</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">9</div><div class="label text-third-text-color text-sm">文章</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="absolute top-[12px] right-[12px] text-[0.7rem] text-third-text-color rounded-medium bg-background-color-transparent-15 backdrop-blur-sm py-[2px] px-[10px] border border-border-color z-3 hover:text-first-text-color cursor-default"><i class="fa-regular fa-thumbtack mr-[3px] text-[0.65rem]"></i>置頂</div><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/%E4%BB%8B%E7%B4%B9%E6%96%87/"><img src="/images/Web.webp" alt="介紹文" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/%E4%BB%8B%E7%B4%B9%E6%96%87/">介紹文</a></h3><div class="home-article-content markdown-body">歡迎來到我夢想的起點此站主要是分享 吉他學習紀錄 實用讀書小技巧 一些基本軟體配置技巧(親測有效🥳) 個人生涯學習紀錄 程式語言學習 程式小技巧分享 軟體配置分享 以及我新開設的學習互助社群TPEC (傳送門) 嘉義區新創公司https://www.hyjdevelop.com/</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="Mon Aug 19 2024 03:52:10 GMT+0800">2024-08-19</span></span></div><a href="/post/%E4%BB%8B%E7%B4%B9%E6%96%87/">繼續閱讀...<span class="seo-reader-text">介紹文</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/a004/"><img src="/images/a004.webp" alt="【題解】a004. 文文的求婚" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/a004/">【題解】a004. 文文的求婚</a></h3><div class="home-article-content markdown-body"><p>有料</p></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="Thu Feb 13 2025 00:44:44 GMT+0800">2025-02-13 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/zerojudge%E9%A1%8C%E8%A7%A3/">zerojudge題解</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/zerojudge/">zerojudge</a> </li><li>| <a href="/tags/%E9%A1%8C%E8%A7%A3/">題解</a> </li><li>| <a href="/tags/C/">C++</a> </li></ul></span></div><a href="/post/a004/">繼續閱讀...<span class="seo-reader-text">【題解】a004. 文文的求婚</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/2024IONC%E5%BF%83%E5%BE%97/"><img src="/images/IONC.webp" alt="2024 IONC心得" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/2024IONC%E5%BF%83%E5%BE%97/">2024 IONC心得</a></h3><div class="home-article-content markdown-body">引言 IONC是一個由清大資訊社所辦的程式集訓營，在五天的時間內，會將所有競程必備知識以及必備技巧一次教給你，所以對於新手來說這是一個非常硬的營隊。 而我為什麼會想要參加這個非常硬的營隊呢?主要是從小我對於程式就有非常大的興趣，平常也有在自學程式語言，上了高中才接觸到競技程式。為了使自己的程式能力更加進步，所以我毅然決然報名了這個營隊。 營隊資訊📍時間:每年暑假📍地點:國立清華大學📍...</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="Sun Sep 01 2024 15:11:19 GMT+0800">2024-09-01 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/%E7%87%9F%E9%9A%8A%E5%BF%83%E5%BE%97%E5%88%86%E4%BA%AB/">營隊心得分享</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/2024IONC/">2024IONC</a> </li><li>| <a href="/tags/%E7%87%9F%E9%9A%8A%E5%BF%83%E5%BE%97/">營隊心得</a> </li></ul></span></div><a href="/post/2024IONC%E5%BF%83%E5%BE%97/">繼續閱讀...<span class="seo-reader-text">2024 IONC心得</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/%E5%93%88%E5%9B%89/"><img src="/images/a001.webp" alt="【題解】a001. 哈囉" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/%E5%93%88%E5%9B%89/">【題解】a001. 哈囉</a></h3><div class="home-article-content markdown-body"><p>成為電神的第一步就是寫Hello World🛐</p></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="Mon Aug 19 2024 03:53:55 GMT+0800">2024-08-19 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/zerojudge%E9%A1%8C%E8%A7%A3/">zerojudge題解</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/zerojudge/">zerojudge</a> </li><li>| <a href="/tags/%E9%A1%8C%E8%A7%A3/">題解</a> </li><li>| <a href="/tags/C/">C++</a> </li></ul></span></div><a href="/post/%E5%93%88%E5%9B%89/">繼續閱讀...<span class="seo-reader-text">【題解】a001. 哈囉</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/vscode%E5%AE%89%E8%A3%9D/"><img src="/images/vscode.webp" alt="vscode安裝c++指南(可debug版)" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/vscode%E5%AE%89%E8%A3%9D/">vscode安裝c++指南(可debug版)</a></h3><div class="home-article-content markdown-body"><p>不會安裝Vscode的C++嗎?我教你 <–100% 成功</p></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="Sun Aug 18 2024 00:00:00 GMT+0800">2024-08-18 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/%E7%92%B0%E5%A2%83%E9%85%8D%E7%BD%AE/">環境配置</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/C/">C++</a> </li><li>| <a href="/tags/%E7%92%B0%E5%A2%83%E9%85%8D%E7%BD%AE/">環境配置</a> </li></ul></span></div><a href="/post/vscode%E5%AE%89%E8%A3%9D/">繼續閱讀...<span class="seo-reader-text">vscode安裝c++指南(可debug版)</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/Numbers/"><img src="/images/d096.webp" alt="【題解】d096. 00913 - Joana and the Odd Numbers" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/Numbers/">【題解】d096. 00913 - Joana and the Odd Numbers</a></h3><div class="home-article-content markdown-body">d096. 00913 - Joana and the Odd Numbers題解:🚨 UVa一定要用long long int否則會TLE🚨這題其實最難的就是數學問題，你必須找出其規律才能寫出這個題目。題目所給予的n是同一列有多少個奇數，此時奇數有一種特性就是當使用時可以表示這些奇數是在第幾列。 ex:我設定n=3 則使用得知這三個奇數位在第二列。之後我們可以觀察期規律如下N = 3...</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="Sat Apr 27 2024 00:06:06 GMT+0800">2024-04-27 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/zerojudge%E9%A1%8C%E8%A7%A3/">zerojudge題解</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/zerojudge/">zerojudge</a> </li><li>| <a href="/tags/%E9%A1%8C%E8%A7%A3/">題解</a> </li><li>| <a href="/tags/C/">C++</a> </li></ul></span></div><a href="/post/Numbers/">繼續閱讀...<span class="seo-reader-text">【題解】d096. 00913 - Joana and the Odd Numbers</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/%E4%B8%80%E5%85%83%E4%BA%8C%E6%AC%A1%E6%96%B9%E7%A8%8B%E5%BC%8F/"><img src="/images/a006.webp" alt="【題解】a006. 一元二次方程式" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/%E4%B8%80%E5%85%83%E4%BA%8C%E6%AC%A1%E6%96%B9%E7%A8%8B%E5%BC%8F/">【題解】a006. 一元二次方程式</a></h3><div class="home-article-content markdown-body"><p>成為電神的第四步就是寫一員二次方程式🛐</p></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="Sun Apr 14 2024 13:57:29 GMT+0800">2024-04-14 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/zerojudge%E9%A1%8C%E8%A7%A3/">zerojudge題解</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/zerojudge/">zerojudge</a> </li><li>| <a href="/tags/%E9%A1%8C%E8%A7%A3/">題解</a> </li><li>| <a href="/tags/C/">C++</a> </li></ul></span></div><a href="/post/%E4%B8%80%E5%85%83%E4%BA%8C%E6%AC%A1%E6%96%B9%E7%A8%8B%E5%BC%8F/">繼續閱讀...<span class="seo-reader-text">【題解】a006. 一元二次方程式</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/%E5%85%A9%E5%85%89%E6%B3%95%E5%B8%AB%E5%8D%A0%E5%8D%9C%E8%A1%93/"><img src="/images/a003.webp" alt="【題解】a003. 兩光法師占卜術" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/%E5%85%A9%E5%85%89%E6%B3%95%E5%B8%AB%E5%8D%A0%E5%8D%9C%E8%A1%93/">【題解】a003. 兩光法師占卜術</a></h3><div class="home-article-content markdown-body"><p>成為電神的第三步就是有占卜的能力🛐</p></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="Sat Apr 13 2024 02:02:18 GMT+0800">2024-04-13 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/zerojudge%E9%A1%8C%E8%A7%A3/">zerojudge題解</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/zerojudge/">zerojudge</a> </li><li>| <a href="/tags/%E9%A1%8C%E8%A7%A3/">題解</a> </li><li>| <a href="/tags/C/">C++</a> </li></ul></span></div><a href="/post/%E5%85%A9%E5%85%89%E6%B3%95%E5%B8%AB%E5%8D%A0%E5%8D%9C%E8%A1%93/">繼續閱讀...<span class="seo-reader-text">【題解】a003. 兩光法師占卜術</span> <i class="fa-solid fa-angle-right"></i></a></div></div></li><li class="home-article-item"><div id="home-article-thumbnail" class="home-article-thumbnail relative h-[150px] overflow-hidden rounded-t-large"><a href="/post/%E7%B0%A1%E6%98%93%E5%8A%A0%E6%B3%95/"><img src="/images/a002.webp" alt="【題解】a002. 簡易加法" class="w-full h-full object-cover dark:brightness-75 transition-all"></a></div><div class="flex flex-col gap-5 px-7 pb-7 pt-5"><h3 class="home-article-title"><a href="/post/%E7%B0%A1%E6%98%93%E5%8A%A0%E6%B3%95/">【題解】a002. 簡易加法</a></h3><div class="home-article-content markdown-body"><p>成為電神的第二步就是寫加減乘除🛐</p></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="Sat Apr 13 2024 01:40:27 GMT+0800">2024-04-13 </span></span><span class="home-article-category"><i class="fa-solid fa-folders"></i> <ul><li><a href="/categories/zerojudge%E9%A1%8C%E8%A7%A3/">zerojudge題解</a> </li></ul></span><span class="home-article-tag"><i class="fa-solid fa-tags"></i> <ul><li><a href="/tags/zerojudge/">zerojudge</a> </li><li>| <a href="/tags/%E9%A1%8C%E8%A7%A3/">題解</a> </li><li>| <a href="/tags/C/">C++</a> </li></ul></span></div><a href="/post/%E7%B0%A1%E6%98%93%E5%8A%A0%E6%B3%95/">繼續閱讀...<span class="seo-reader-text">【題解】a002. 簡易加法</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>2024</span> - 2026 <i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration:0.5s;color:#f54545"></i> <a href="/">鯊魚Y.Y</a><p class="post-count space-x-0.5"><span>共 9 篇文章 </span><span>共 6.8k 字</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">讀者</span> <span id="busuanzi_value_site_uv"></span> </span><span id="busuanzi_container_site_pv" class="lg:!block"><span class="text-sm">閱覽</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"><?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">主題 <a class="text-base" target="_blank" href="https://github.com/EvanNotFound/hexo-theme-redefine">Redefine v2.9.0</a></span></div><div>部落格已運行 <span class="odometer" id="runtime_days"></span> 天 <span class="odometer" id="runtime_hours"></span> 小時 <span class="odometer" id="runtime_minutes"></span> 分鐘 <span class="odometer" id="runtime_seconds"></span> 秒</div><script data-swup-reload-script>try{function odometer_init(){document.querySelectorAll(".odometer").forEach(e=>{new Odometer({el:e,format:"( ddd).dd",duration:200})})}odometer_init()}catch(e){}</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><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" role="dialog" aria-modal="true" aria-label="圖片檢視器"><button class="image-viewer-close" type="button" aria-label="關閉"><i class="fa-solid fa-xmark"></i></button> <button class="image-viewer-prev" type="button" aria-label="上一頁"><i class="fa-solid fa-chevron-left"></i></button><div class="image-viewer-frame"><img src="" alt=""></div><div class="image-viewer-exif-panel hidden absolute left-1/2 bottom-20 -translate-x-1/2 w-[min(92vw,420px)] max-h-[60vh] overflow-hidden rounded-2xl bg-background-color-transparent-80 p-4 text-left shadow-redefine-flat backdrop-blur-md" role="dialog" aria-label="EXIF" aria-hidden="true"><div class="flex items-center justify-between mb-3"><span class="text-sm font-semibold text-first-text-color">EXIF</span> <button class="image-viewer-exif-close flex h-8 w-8 items-center justify-center rounded-full bg-background-color-transparent-80 text-first-text-color transition hover:bg-background-color-transparent-40" type="button" aria-label="關閉"><i class="fa-solid fa-xmark text-[0.65rem]"></i></button></div><div class="image-viewer-exif-cards grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[50vh] overflow-y-auto pr-1 scrollbar-hide"></div><template class="image-viewer-exif-card-template"><div class="rounded-lg bg-background-color-transparent-40 px-3 py-2"><div class="image-viewer-exif-card-header flex items-center gap-2 mb-1"><i class="image-viewer-exif-card-icon fa-solid fa-circle-info text-xs text-third-text-color"></i><div class="image-viewer-exif-card-title text-xs font-semibold text-first-text-color"></div></div><div class="image-viewer-exif-card-items flex flex-col gap-1"></div></div></template></div><button class="image-viewer-exif-toggle flex items-center gap-2 hidden absolute left-1/2 bottom-6 -translate-x-1/2 rounded-full border border-border-color bg-background-color-transparent-80 px-4 py-2 text-first-text-color backdrop-blur-md transition hover:bg-background-color-transparent-40" type="button" aria-label="EXIF" aria-expanded="false"><i class="fa-solid fa-circle-info text-xs"></i> <span class="text-xs font-semibold uppercase tracking-wider">EXIF</span></button> <button class="image-viewer-next" type="button" aria-label="下一頁"><i class="fa-solid fa-chevron-right"></i></button></div><div class="search-pop-overlay"><div class="popup search-popup"><div class="search-header"><span class="search-input-field-pre"><i class="fa-solid fa-keyboard"></i></span><div class="search-input-container"><input autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="站內搜尋您想要的內容..." spellcheck="false" type="search" class="search-input"></div><span class="popup-btn-close"><i class="fa-solid fa-times"></i></span></div><div id="search-result"><div id="no-result"><i class="fa-solid fa-spinner fa-spin-pulse fa-5x fa-fw"></i></div></div></div></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>window.swup=new Swup({plugins:[new SwupScriptsPlugin({optin:!0}),new SwupProgressPlugin,new SwupScrollPlugin({offset:80}),new SwupSlideTheme({mainElement:".main-content-body"}),new SwupPreloadPlugin],containers:["#swup"]}),window.dispatchEvent(new CustomEvent("redefine:swup:ready",{detail:{swup:window.swup}}))</script><script src="/js/build/main.js" type="module"></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/libs/moment-with-locales.min.js" data-swup-reload-script=""></script><div id="aplayer"></div><script src="/js/build/libs/APlayer.min.js"></script><script src="/js/build/plugins/aplayer.js"></script></body></html>