1- <!DOCTYPE html> < html lang ="zh-CN " data-theme ="light "> < head > < meta charset ="UTF-8 "> < meta http-equiv ="X-UA-Compatible " content ="IE=edge "> < meta name ="viewport " content ="width=device-width, initial-scale=1.0,viewport-fit=cover "> < title > CodeSpring | CodeSpring</ title > < meta name ="author " content ="Yan Rui "> < meta name ="copyright " content ="Yan Rui "> < meta name ="format-detection " content ="telephone=no "> < meta name ="theme-color " content ="#ffffff "> < meta property ="og:type " content ="website ">
2- < meta property ="og:title " content ="CodeSpring ">
1+ <!DOCTYPE html> < html lang ="zh-CN " data-theme ="light "> < head > < meta charset ="UTF-8 "> < meta http-equiv ="X-UA-Compatible " content ="IE=edge "> < meta name ="viewport " content ="width=device-width, initial-scale=1.0,viewport-fit=cover "> < title > Code Spring | Code Spring</ title > < meta name ="author " content ="言如泉 "> < meta name ="copyright " content ="言如泉 "> < meta name ="format-detection " content ="telephone=no "> < meta name ="theme-color " content ="#ffffff "> < meta name ="description " content ="什么都写点，各位见笑了。 ">
2+ < meta property ="og:type " content ="website ">
3+ < meta property ="og:title " content ="Code Spring ">
34< meta property ="og:url " content ="http://example.com/404.html ">
4- < meta property ="og:site_name " content ="CodeSpring ">
5+ < meta property ="og:site_name " content ="Code Spring ">
6+ < meta property ="og:description " content ="什么都写点，各位见笑了。 ">
57< meta property ="og:locale " content ="zh_CN ">
6- < meta property ="og:image " content ="http://example.com/source/ images/2025-06-27.jpg ">
7- < meta property ="article:author " content ="Yan Rui ">
8+ < meta property ="og:image " content ="http://example.com/images/2025-06-27.jpg ">
9+ < meta property ="article:author " content ="言如泉 ">
810< meta name ="twitter:card " content ="summary ">
9- < meta name ="twitter:image " content ="http://example.com/source/ images/2025-06-27.jpg "> < link rel ="shortcut icon " href ="/img/favicon.png "> < link rel ="canonical " href ="http://example.com/404.html "> < link rel ="preconnect " href ="//cdn.jsdelivr.net "/> < link rel ="preconnect " href ="//busuanzi.ibruce.info "/> < link rel ="stylesheet " href ="/css/index.css "> < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css "> < script >
11+ < meta name ="twitter:image " content ="http://example.com/images/2025-06-27.jpg "> < link rel ="shortcut icon " href ="/img/favicon.png "> < link rel ="canonical " href ="http://example.com/404.html "> < link rel ="preconnect " href ="//cdn.jsdelivr.net "/> < link rel ="preconnect " href ="//busuanzi.ibruce.info "/> < link rel ="stylesheet " href ="/css/index.css "> < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css "> < script >
1012 ( ( ) => {
1113
1214 const saveToLocal = {
7981
8082 const theme = saveToLocal . get ( 'theme' )
8183
82- theme === 'dark' ? activateDarkMode ( ) : theme === 'light' ? activateLightMode ( ) : null
84+ const mediaQueryDark = window . matchMedia ( '(prefers-color-scheme: dark)' )
85+ const mediaQueryLight = window . matchMedia ( '(prefers-color-scheme: light)' )
86+
87+ if ( theme === undefined ) {
88+ if ( mediaQueryLight . matches ) activateLightMode ( )
89+ else if ( mediaQueryDark . matches ) activateDarkMode ( )
90+ else {
91+ const hour = new Date ( ) . getHours ( )
92+ const isNight = hour <= 6 || hour >= 18
93+ isNight ? activateDarkMode ( ) : activateLightMode ( )
94+ }
95+ mediaQueryDark . addEventListener ( 'change' , ( ) => {
96+ if ( saveToLocal . get ( 'theme' ) === undefined ) {
97+ e . matches ? activateDarkMode ( ) : activateLightMode ( )
98+ }
99+ } )
100+ } else {
101+ theme === 'light' ? activateLightMode ( ) : activateDarkMode ( )
102+ }
83103
84104
85105 const asideStatus = saveToLocal . get ( 'aside-status' )
99119 </ script > < script > const GLOBAL_CONFIG = {
100120 root : '/' ,
101121 algolia : undefined ,
102- localSearch : undefined ,
103- translate : undefined ,
104- highlight : { "plugin" :"highlight.js" , "highlightCopy" :true , "highlightLang" :true , "highlightHeightLimit" :false , "highlightFullpage" :false , "highlightMacStyle" :true } ,
122+ localSearch : { "path" : "/search.xml" , "preload" : false , "top_n_per_article" : 1 , "unescape" : false , "languages" : { "hits_empty" : "未找到符合您查询的内容：${query}" , "hits_stats" : "共找到 ${hits} 篇文章" } } ,
123+ translate : { "defaultEncoding" : 2 , "translateDelay" : 0 , "msgToTraditionalChinese" : "繁" , "msgToSimplifiedChinese" : "简" } ,
124+ highlight : { "plugin" :"highlight.js" , "highlightCopy" :true , "highlightLang" :true , "highlightHeightLimit" :230 , "highlightFullpage" :false , "highlightMacStyle" :true } ,
105125 copy : {
106126 success : '复制成功' ,
107127 error : '复制失败' ,
131151 isAnchor : false ,
132152 percent : {
133153 toc : true ,
134- rightside : false ,
154+ rightside : true ,
135155 } ,
136- autoDarkmode : false
156+ autoDarkmode : true
137157} </ script > < script id ="config-diff "> var GLOBAL_CONFIG_SITE = {
138- title : 'CodeSpring ' ,
158+ title : 'Code Spring ' ,
139159 isHighlightShrink : false ,
140160 isToc : false ,
141161 pageType : 'page'
142- } </ script > < meta name ="generator " content ="Hexo 7.3.0 "> </ head > < body > < div id ="sidebar "> < div id ="menu-mask "> </ div > < div id ="sidebar-menus "> < div class ="avatar-img text-center "> < img src ="/./source/images/2025-06-27.jpg " onerror ="this.onerror=null;this.src='/img/friend_404.gif' " alt ="avatar "/> </ div > < div class ="site-data text-center "> < a href ="/archives/ "> < div class ="headline "> 文章</ div > < div class ="length-num "> 4</ div > </ a > < a href ="/tags/ "> < div class ="headline "> 标签</ div > < div class ="length-num "> 0</ div > </ a > < a href ="/categories/ "> < div class ="headline "> 分类</ div > < div class ="length-num "> 0</ div > </ a > </ div > < div class ="menus_items "> < div class ="menus_item "> < a class ="site-page " href ="/ "> < i class ="fa-fw fas fa-home "> </ i > < span > Home</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/archives/ "> < i class ="fa-fw fas fa-archive "> </ i > < span > Archives</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/tags/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Tags</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/categories/ "> < i class ="fa-fw fas fa-folder-open "> </ i > < span > Categories</ span > </ a > </ div > < div class ="menus_item "> < span class ="site-page group "> < i class ="fa-fw fas fa-list "> </ i > < span > Link</ span > < i class ="fas fa-chevron-down "> </ i > </ span > < ul class ="menus_item_child "> < li > < a class ="site-page child " href ="/friendlink/ "> < i class ="fa-fw fas fa-music "> </ i > < span > Friend Link</ span > </ a > </ li > < li > < a class ="site-page child " href ="/about/ "> < i class ="fa-fw fas fa-video "> </ i > < span > About</ span > </ a > </ li > </ ul > </ div > < div class ="menus_item "> < a class ="site-page " href ="/private/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Private</ span > </ a > </ div > </ div > </ div > </ div > < div class ="page type-404 " id ="body-wrap "> < header class ="not-top-img " id ="page-header "> < nav id ="nav "> < span id ="blog-info "> < a class ="nav-site-title " href ="/ "> < img class ="site-icon " src ="/images/test1/jpg " alt ="Logo "> < span class ="site-name "> CodeSpring</ span > </ a > </ span > < div id ="menus "> < div class ="menus_items "> < div class ="menus_item "> < a class ="site-page " href ="/ "> < i class ="fa-fw fas fa-home "> </ i > < span > Home</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/archives/ "> < i class ="fa-fw fas fa-archive "> </ i > < span > Archives</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/tags/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Tags</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/categories/ "> < i class ="fa-fw fas fa-folder-open "> </ i > < span > Categories</ span > </ a > </ div > < div class ="menus_item "> < span class ="site-page group "> < i class ="fa-fw fas fa-list "> </ i > < span > Link</ span > < i class ="fas fa-chevron-down "> </ i > </ span > < ul class ="menus_item_child "> < li > < a class ="site-page child " href ="/friendlink/ "> < i class ="fa-fw fas fa-music "> </ i > < span > Friend Link</ span > </ a > </ li > < li > < a class ="site-page child " href ="/about/ "> < i class ="fa-fw fas fa-video "> </ i > < span > About</ span > </ a > </ li > </ ul > </ div > < div class ="menus_item "> < a class ="site-page " href ="/private/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Private</ span > </ a > </ div > </ div > < div id ="toggle-menu "> < span class ="site-page "> < i class ="fas fa-bars fa-fw "> </ i > </ span > </ div > </ div > </ nav > < h1 class ="title-seo "> CodeSpring</ h1 > </ header > < main class ="layout hide-aside " id ="content-inner "> < div class ="nc " id ="page "> < div class ="error-content "> < div class ="error-img "> < img src ="/img/error-page.png " alt ="Page not found "> </ div > < div class ="error-info "> < h1 class ="error_title "> 404</ h1 > < div class ="error_subtitle "> Page Not Found</ div > </ div > </ div > </ div > </ main > < footer id ="footer "> < div id ="footer-wrap "> < div class ="copyright "> ©2019 - 2025 By Yan Rui</ div > < div class ="framework-info "> < span > 框架 </ span > < a target ="_blank " rel ="noopener " href ="https://hexo.io "> Hexo 7.3.0</ a > < span class ="footer-separator "> |</ span > < span > 主题 </ span > < a target ="_blank " rel ="noopener " href ="https://github.com/jerryc127/hexo-theme-butterfly "> Butterfly 5.3.5</ a > </ div > </ div > </ footer > </ div > < div id ="rightside "> < div id ="rightside-config-hide "> < button id ="darkmode " type ="button " title ="日间和夜间模式切换 "> < i class ="fas fa-adjust "> </ i > </ button > </ div > < div id ="rightside-config-show "> < button id ="rightside-config " type ="button " title ="设置 "> < i class ="fas fa-cog fa-spin "> </ i > </ button > < button id ="go-up " type ="button " title ="回到顶部 "> < span class ="scroll-percent "> </ span > < i class ="fas fa-arrow-up "> </ i > </ button > </ div > </ div > < div > < script src ="/js/utils.js "> </ script > < script src ="/js/main.js "> </ script > < div class ="js-pjax "> </ div > < script async data-pjax src ="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js "> </ script > </ div > </ body > </ html >
162+ } </ script > < meta name ="generator " content ="Hexo 7.3.0 "> </ head > < body > < div id ="sidebar "> < div id ="menu-mask "> </ div > < div id ="sidebar-menus "> < div class ="avatar-img text-center "> < img src ="/images/2025-06-27.jpg " onerror ="this.onerror=null;this.src='/img/friend_404.gif' " alt ="avatar "/> </ div > < div class ="site-data text-center "> < a href ="/archives/ "> < div class ="headline "> 文章</ div > < div class ="length-num "> 4</ div > </ a > < a href ="/tags/ "> < div class ="headline "> 标签</ div > < div class ="length-num "> 0</ div > </ a > < a href ="/categories/ "> < div class ="headline "> 分类</ div > < div class ="length-num "> 0</ div > </ a > </ div > < div class ="menus_items "> < div class ="menus_item "> < a class ="site-page " href ="/ "> < i class ="fa-fw fas fa-home "> </ i > < span > Home</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/archives/ "> < i class ="fa-fw fas fa-archive "> </ i > < span > Archives</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/tags/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Tags</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/categories/ "> < i class ="fa-fw fas fa-folder-open "> </ i > < span > Categories</ span > </ a > </ div > < div class ="menus_item "> < span class ="site-page group "> < i class ="fa-fw fas fa-list "> </ i > < span > Link</ span > < i class ="fas fa-chevron-down "> </ i > </ span > < ul class ="menus_item_child "> < li > < a class ="site-page child " href ="/friendlink/ "> < i class ="fa-fw fas fa-music "> </ i > < span > Friend Link</ span > </ a > </ li > < li > < a class ="site-page child " href ="/about/ "> < i class ="fa-fw fas fa-video "> </ i > < span > About</ span > </ a > </ li > </ ul > </ div > < div class ="menus_item "> < a class ="site-page " href ="/private/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Private</ span > </ a > </ div > </ div > </ div > </ div > < div class ="page type-404 " id ="body-wrap "> < header class ="not-top-img " id ="page-header "> < nav id ="nav "> < span id ="blog-info "> < a class ="nav-site-title " href ="/ "> < span class ="site-name "> Code Spring</ span > </ a > </ span > < div id ="menus "> < div id ="search-button "> < span class ="site-page social-icon search "> < i class ="fas fa-search fa-fw "> </ i > < span > 搜索</ span > </ span > </ div > < div class ="menus_items "> < div class ="menus_item "> < a class ="site-page " href ="/ "> < i class ="fa-fw fas fa-home "> </ i > < span > Home</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/archives/ "> < i class ="fa-fw fas fa-archive "> </ i > < span > Archives</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/tags/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Tags</ span > </ a > </ div > < div class ="menus_item "> < a class ="site-page " href ="/categories/ "> < i class ="fa-fw fas fa-folder-open "> </ i > < span > Categories</ span > </ a > </ div > < div class ="menus_item "> < span class ="site-page group "> < i class ="fa-fw fas fa-list "> </ i > < span > Link</ span > < i class ="fas fa-chevron-down "> </ i > </ span > < ul class ="menus_item_child "> < li > < a class ="site-page child " href ="/friendlink/ "> < i class ="fa-fw fas fa-music "> </ i > < span > Friend Link</ span > </ a > </ li > < li > < a class ="site-page child " href ="/about/ "> < i class ="fa-fw fas fa-video "> </ i > < span > About</ span > </ a > </ li > </ ul > </ div > < div class ="menus_item "> < a class ="site-page " href ="/private/ "> < i class ="fa-fw fas fa-tags "> </ i > < span > Private</ span > </ a > </ div > </ div > < div id ="toggle-menu "> < span class ="site-page "> < i class ="fas fa-bars fa-fw "> </ i > </ span > </ div > </ div > </ nav > < h1 class ="title-seo "> Code Spring</ h1 > </ header > < main class ="layout hide-aside " id ="content-inner "> < div class ="nc " id ="page "> < div class ="error-content "> < div class ="error-img "> < img src ="/img/error-page.png " alt ="Page not found "> </ div > < div class ="error-info "> < h1 class ="error_title "> 404</ h1 > < div class ="error_subtitle "> Page Not Found</ div > </ div > </ div > </ div > </ main > < footer id ="footer "> < div id ="footer-wrap "> < div class ="copyright "> ©2025 By 言如泉</ div > < div class ="footer_custom_text "> Welcome To Contact Me.</ div > </ div > </ footer > </ div > < div id ="rightside "> < div id ="rightside-config-hide "> < button id ="translateLink " type ="button " title ="简繁转换 "> 简</ button > < button id ="darkmode " type ="button " title ="日间和夜间模式切换 "> < i class ="fas fa-adjust "> </ i > </ button > </ div > < div id ="rightside-config-show "> < button id ="rightside-config " type ="button " title ="设置 "> < i class ="fas fa-cog fa-spin "> </ i > </ button > < button id ="go-up " type ="button " title ="回到顶部 "> < span class ="scroll-percent "> </ span > < i class ="fas fa-arrow-up "> </ i > </ button > </ div > </ div > < div > < script src ="/js/utils.js "> </ script > < script src ="/js/main.js "> </ script > < script src ="/js/tw_cn.js "> </ script > < div class ="js-pjax "> < script > ( async ( ) => {
163+ const showKatex = ( ) => {
164+ document . querySelectorAll ( '#article-container .katex' ) . forEach ( el => el . classList . add ( 'katex-show' ) )
165+ }
166+
167+ if ( ! window . katex_js_css ) {
168+ window . katex_js_css = true
169+ await btf . getCSS ( 'https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css' )
170+ if ( false ) {
171+ await btf . getScript ( 'https://cdn.jsdelivr.net/npm/katex/dist/contrib/copy-tex.min.js' )
172+ }
173+ }
174+
175+ showKatex ( )
176+ } ) ( ) </ script > </ div > < script async data-pjax src ="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js "> </ script > < div id ="local-search "> < div class ="search-dialog "> < nav class ="search-nav "> < span class ="search-dialog-title "> 搜索</ span > < span id ="loading-status "> </ span > < button class ="search-close-button "> < i class ="fas fa-times "> </ i > </ button > </ nav > < div class ="text-center " id ="loading-database "> < i class ="fas fa-spinner fa-pulse "> </ i > < span > 数据加载中</ span > </ div > < div class ="search-wrap "> < div id ="local-search-input "> < div class ="local-search-box "> < input class ="local-search-box--input " placeholder ="搜索文章 " type ="text "/> </ div > </ div > < hr /> < div id ="local-search-results "> </ div > < div id ="local-search-stats-wrap "> </ div > </ div > </ div > < div id ="search-mask "> </ div > < script src ="/js/search/local-search.js "> </ script > </ div > </ div > </ body > </ html >
0 commit comments