deploy: 38917a7

mobeicanyue · Dec 28, 2023 · 9fb3f09 · 9fb3f09
1 parent f750c58
commit 9fb3f09
Show file tree

Hide file tree

Showing 31 changed files with 63 additions and 31 deletions.
diff --git a/2023/12/26/My-first-hexo-blog/index.html b/2023/12/26/My-first-hexo-blog/index.html
diff --git a/2023/12/27/Configure-blog-domain/index.html b/2023/12/27/Configure-blog-domain/index.html
diff --git a/2023/12/27/Fix-article-updated-time-on-github-pages/index.html b/2023/12/27/Fix-article-updated-time-on-github-pages/index.html
diff --git a/2023/12/27/Fluid-theme-installation/index.html b/2023/12/27/Fluid-theme-installation/index.html
diff --git a/2023/12/27/Modify-theme/index.html b/2023/12/27/Modify-theme/index.html
diff --git a/2023/12/27/Use-lxgw-wenkai-in-fluid/index.html b/2023/12/27/Use-lxgw-wenkai-in-fluid/index.html
diff --git a/2023/12/28/1panel-Configuration-Tutorial/index.html b/2023/12/28/1panel-Configuration-Tutorial/index.html
diff --git a/2023/12/28/Build-the-environment/index.html b/2023/12/28/Build-the-environment/index.html
diff --git a/2023/12/28/Compress-deploy-code-size/index.html b/2023/12/28/Compress-deploy-code-size/index.html
diff --git a/2023/12/28/Convert-jpg-to-webp/index.html b/2023/12/28/Convert-jpg-to-webp/index.html
diff --git a/2023/12/28/Hexo-Fluid-set-footer/index.html b/2023/12/28/Hexo-Fluid-set-footer/index.html
diff --git a/2023/12/28/Transfer-jpg-to-webp/index.html b/2023/12/28/Transfer-jpg-to-webp/index.html
diff --git a/2023/12/28/Tutorial-of-Building-a-blog/index.html b/2023/12/28/Tutorial-of-Building-a-blog/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=zh-CN data-default-color-scheme=auto><head><meta charset=UTF-8><link rel=apple-touch-icon sizes=76x76 href=/images/favicon.webp><link rel=icon href=/images/favicon.webp><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=theme-color content=#2f4154><meta name=author content=mobeicanyue><meta name=keywords content=""><meta name=description content="目录Hexo Github-Pages 自动部署 Hexo 环境搭建 部署 Hexo 博客域名配置  Fluid 主题、美化相关 Fluid 主题安装 在 Fluid 主题中使用霞鹜文楷 修复 Github Pages 上的文章更新时间 Hexo Fluid 设置页脚  博客性能优化 将 jpg 转换为 webp 压缩部署的代码"><meta property=og:type content=article><meta property=og:title content=构建博客教程><meta property=og:url content=https://blog.ovvv.top/2023/12/28/Tutorial-of-Building-a-blog/ ><meta property=og:site_name content=Canyue><meta property=og:description content="目录Hexo Github-Pages 自动部署 Hexo 环境搭建 部署 Hexo 博客域名配置  Fluid 主题、美化相关 Fluid 主题安装 在 Fluid 主题中使用霞鹜文楷 修复 Github Pages 上的文章更新时间 Hexo Fluid 设置页脚  博客性能优化 将 jpg 转换为 webp 压缩部署的代码"><meta property=og:locale content=zh_CN><meta property=article:published_time content=2023-12-28T11:03:00.000Z><meta property=article:modified_time content=2023-12-28T13:35:31.000Z><meta property=article:author content=mobeicanyue><meta name=twitter:card content=summary_large_image><title>构建博客教程 - Canyue</title><link rel=stylesheet href=https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css><link rel=stylesheet href=https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css><link rel=stylesheet href=https://lib.baomitu.com/hint.css/2.7.0/hint.min.css><link rel=stylesheet href=https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css><link rel=stylesheet href=//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css><link rel=stylesheet href=//at.alicdn.com/t/font_1736178_lbnruvf0jn.css><link rel=stylesheet href=/css/main.css><link id=highlight-css rel=stylesheet href=/css/highlight.css><link id=highlight-css-dark rel=stylesheet href=/css/highlight-dark.css><link rel=stylesheet href=https://cdn.jsdelivr.net/gh/CMBill/lxgw-wenkai-gb-web/fonts/lxgwwenkaigb-bold/result.css><script id=fluid-configs>var dntVal,Fluid=window.Fluid||{},CONFIG=(Fluid.ctx=Object.assign({},Fluid.ctx),{hostname:"blog.ovvv.top",root:"/",version:"1.9.7",typing:{enable:!0,typeSpeed:80,cursorChar:"_",loop:!1,scope:[]},anchorjs:{enable:!0,element:"h1,h2,h3,h4,h5,h6",placement:"left",visible:"hover",icon:""},progressbar:{enable:!0,height_px:3,color:"#29d",options:{showSpinner:!1,trickleSpeed:100}},code_language:{enable:!0,default:"TEXT"},copy_btn:!0,image_caption:{enable:!0},image_zoom:{enable:!0,img_url_replace:["",""]},toc:{enable:!0,placement:"right",headingSelector:"h1,h2,h3,h4,h5,h6",collapseDepth:0},lazyload:{enable:!0,loading_img:"/img/loading.gif",onlypost:!1,offset_factor:2},web_analytics:{enable:!1,follow_dnt:!0,baidu:null,google:{measurement_id:null},tencent:{sid:null,cid:null},woyaola:null,cnzz:null,leancloud:{app_id:null,app_key:null,server_url:null,path:"window.location.pathname",ignore_local:!1}},search_path:"/local-search.xml",include_content_in_search:!0});CONFIG.web_analytics.follow_dnt&&(dntVal=navigator.doNotTrack||window.doNotTrack||navigator.msDoNotTrack,Fluid.ctx.dnt=dntVal&&(dntVal.startsWith("1")||dntVal.startsWith("yes")||dntVal.startsWith("on")))</script><script src=/js/utils.js></script><script src=/js/color-schema.js></script><meta name=generator content="Hexo 7.0.0"></head><body><header><div class=header-inner style=height:70vh><nav id=navbar class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar"><div class=container><a class=navbar-brand href=/ ><strong>漠北残月的博客</strong> </a><button id=navbar-toggler-btn class=navbar-toggler type=button data-toggle=collapse data-target=#navbarSupportedContent aria-controls=navbarSupportedContent aria-expanded=false aria-label="Toggle navigation"><div class=animated-icon><span></span><span></span><span></span></div></button><div class="collapse navbar-collapse" id=navbarSupportedContent><ul class="navbar-nav ml-auto text-center"><li class=nav-item><a class=nav-link href=/ target=_self><i class="iconfont icon-home-fill"></i> <span>首页</span></a></li><li class=nav-item><a class=nav-link href=/archives/ target=_self><i class="iconfont icon-archive-fill"></i> <span>归档</span></a></li><li class=nav-item><a class=nav-link href=/categories/ target=_self><i class="iconfont icon-category-fill"></i> <span>分类</span></a></li><li class=nav-item><a class=nav-link href=/tags/ target=_self><i class="iconfont icon-tags-fill"></i> <span>标签</span></a></li><li class=nav-item><a class=nav-link href=/about/ target=_self><i class="iconfont icon-user-fill"></i> <span>关于</span></a></li><li class=nav-item id=search-btn><a class=nav-link target=_self href=javascript:; data-toggle=modal data-target=#modalSearch aria-label=Search><i class="iconfont icon-search"></i></a></li><li class=nav-item id=color-toggle-btn><a class=nav-link target=_self href=javascript:; aria-label="Color Toggle"><i class="iconfont icon-dark" id=color-toggle-icon></i></a></li></ul></div></div></nav><div id=banner class=banner parallax=true style="background:url(https://api.vvhan.com/api/bing?size=1920x1080) no-repeat center center;background-size:cover"><div class=full-bg-img><div class="mask flex-center" style=background-color:rgba(0,0,0,.3)><div class="banner-text text-center fade-in-up"><div class=h2><span id=subtitle data-typed-text=构建博客教程></span></div><div class=mt-3><span class="post-meta mr-2"><i class="iconfont icon-author" aria-hidden=true></i> mobeicanyue </span><span class=post-meta><i class="iconfont icon-date-fill" aria-hidden=true></i> <time datetime="2023-12-28 19:03" pubdate>2023年12月28日</time></span></div><div class=mt-1><span class="post-meta mr-2"><i class="iconfont icon-chart"></i> 72 字 </span><span class="post-meta mr-2"><i class="iconfont icon-clock-fill"></i> 1 分钟</span></div></div></div></div></div></div></header><main><div class="container-fluid nopadding-x"><div class="row nomargin-x"><div class="side-col d-none d-lg-block col-lg-2"></div><div class="col-lg-8 nopadding-x-md"><div class="container nopadding-x-md" id=board-ctn><div id=board><article class="post-content mx-auto"><h1 id=seo-header>构建博客教程</h1><p id=updated-time class="note note-info" style="">本文最后更新于 2023年12月28日 21:35</p><div class=markdown-body><h2 id=目录><a href=#目录 class=headerlink title=目录></a>目录</h2><h3 id=Hexo-Github-Pages-自动部署><a href=#Hexo-Github-Pages-自动部署 class=headerlink title="Hexo Github-Pages 自动部署"></a>Hexo Github-Pages 自动部署</h3><ul><li><a href=Build-the-environment.md>Hexo 环境搭建</a></li><li><a href=My-first-hexo-blog.md>部署 Hexo</a></li><li><a href=Configure-blog-domain.md>博客域名配置</a></li></ul><h3 id=Fluid-主题、美化相关><a href=#Fluid-主题、美化相关 class=headerlink title="Fluid 主题、美化相关"></a>Fluid 主题、美化相关</h3><ul><li><a href=Fluid-theme-installation.md>Fluid 主题安装</a></li><li><a href=Use-lxgw-wenkai-in-fluid.md>在 Fluid 主题中使用霞鹜文楷</a></li><li><a href=Fix-article-updated-time-on-github-pages.md>修复 Github Pages 上的文章更新时间</a></li><li><a href=Hexo-Fluid-set-footer.md>Hexo Fluid 设置页脚</a></li></ul><h3 id=博客性能优化><a href=#博客性能优化 class=headerlink title=博客性能优化></a>博客性能优化</h3><ul><li><a href=Convert-jpg-to-webp.md>将 jpg 转换为 webp</a></li><li><a href=Compress-deploy-code-size.md>压缩部署的代码</a></li></ul></div><hr><div><div class="post-metas my-3"></div><div class="license-box my-3"><div class=license-title><div>构建博客教程</div><div>https://blog.ovvv.top/2023/12/28/Tutorial-of-Building-a-blog/</div></div><div class=license-meta><div class=license-meta-item><div>作者</div><div>mobeicanyue</div></div><div class="license-meta-item license-meta-date"><div>发布于</div><div>2023年12月28日 19:03</div></div><div class="license-meta-item license-meta-date"><div>更新于</div><div>2023年12月28日 21:35</div></div><div class=license-meta-item><div>许可协议</div><div><a class=print-no-link target=_blank href=https://creativecommons.org/licenses/by-nc-sa/4.0/ ><span class="hint--top hint--rounded" aria-label="BY - 署名"><i class="iconfont icon-by"></i> </span></a><a class=print-no-link target=_blank href=https://creativecommons.org/licenses/by-nc-sa/4.0/ ><span class="hint--top hint--rounded" aria-label="NC - 非商业性使用"><i class="iconfont icon-nc"></i> </span></a><a class=print-no-link target=_blank href=https://creativecommons.org/licenses/by-nc-sa/4.0/ ><span class="hint--top hint--rounded" aria-label="SA - 相同方式共享"><i class="iconfont icon-sa"></i></span></a></div></div></div><div class="license-icon iconfont"></div></div><div class="post-prevnext my-3"><article class="post-prev col-6"><a href=/2023/12/28/Build-the-environment/ title="Hexo 环境搭建"><i class="iconfont icon-arrowleft"></i> <span class=hidden-mobile>Hexo 环境搭建</span> <span class=visible-mobile>上一篇</span></a></article><article class="post-next col-6"><a href=/2023/12/28/1panel-Configuration-Tutorial/ title="1panel 配置教程"><span class=hidden-mobile>1panel 配置教程</span> <span class=visible-mobile>下一篇</span> <i class="iconfont icon-arrowright"></i></a></article></div></div></article></div></div></div><div class="side-col d-none d-lg-block col-lg-2"><aside class=sidebar style=margin-left:-1rem><div id=toc><p class=toc-header><i class="iconfont icon-list"></i> <span>目录</span></p><div class=toc-body id=toc-body></div></div></aside></div></div></div><a id=scroll-top-button aria-label=TOP href=# role=button><i class="iconfont icon-arrowup" aria-hidden=true></i></a><div class="modal fade" id=modalSearch tabindex=-1 role=dialog aria-labelledby=ModalLabel aria-hidden=true><div class="modal-dialog modal-dialog-scrollable modal-lg" role=document><div class=modal-content><div class="modal-header text-center"><h4 class="modal-title w-100 font-weight-bold">搜索</h4><button type=button id=local-search-close class=close data-dismiss=modal aria-label=Close><span aria-hidden=true>&times;</span></button></div><div class="modal-body mx-3"><div class="md-form mb-5"><input type=text id=local-search-input class="form-control validate"> <label data-error=x data-success=v for=local-search-input>关键词</label></div><div class=list-group id=local-search-result></div></div></div></div></div></main><footer><div class=footer-inner><div class=footer-content><div>Copyright © 2023<span id=copyrightYear></span> | <a href=https://github.com/mobeicanyue/mobeicanyue.github.io target=_blank rel="nofollow noopener"><span>mobeicanyue</span></a></div><div><span id=timeDate>载入天数...</span> <span id=times>载入时分秒...</span><script src=/js/duration.js></script></div>Powered by <a href=https://hexo.io target=_blank rel="nofollow noopener"><span>Hexo</span></a> <i class="iconfont icon-love"></i> <a href=https://github.com/fluid-dev/hexo-theme-fluid target=_blank rel="nofollow noopener"><span>Fluid</span></a></div></div></footer><script src=https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js></script><link rel=stylesheet href=https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css><script>NProgress.configure({showSpinner:!1,trickleSpeed:100}),NProgress.start(),window.addEventListener("load",function(){NProgress.done()})</script><script src=https://lib.baomitu.com/jquery/3.6.4/jquery.min.js></script><script src=https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js></script><script src=/js/events.js></script><script src=/js/plugins.js></script><script src=https://lib.baomitu.com/typed.js/2.0.12/typed.min.js></script><script>!function(t){var e=Fluid.plugins.typing,t=t.getElementById("subtitle");t&&e&&e(t.getAttribute("data-typed-text"))}((window,document))</script><script src=/js/img-lazyload.js></script><script>Fluid.utils.createScript("https://lib.baomitu.com/tocbot/4.20.1/tocbot.min.js",function(){var t,o=jQuery("#toc");0!==o.length&&window.tocbot&&(t=jQuery("#board-ctn").offset().top,window.tocbot.init(Object.assign({tocSelector:"#toc-body",contentSelector:".markdown-body",linkClass:"tocbot-link",activeLinkClass:"tocbot-active-link",listClass:"tocbot-list",isCollapsedClass:"tocbot-is-collapsed",collapsibleClass:"tocbot-is-collapsible",scrollSmooth:!0,includeTitleTags:!0,headingsOffset:-t},CONFIG.toc)),0<o.find(".toc-list-item").length&&o.css("visibility","visible"),Fluid.events.registerRefreshCallback(function(){var t;"tocbot"in window&&(tocbot.refresh(),0!==(t=jQuery("#toc")).length)&&tocbot&&0<t.find(".toc-list-item").length&&t.css("visibility","visible")}))})</script><script src=https://lib.baomitu.com/clipboard.js/2.0.11/clipboard.min.js></script><script>Fluid.plugins.codeWidget()</script><script>Fluid.utils.createScript("https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js",function(){window.anchors.options={placement:CONFIG.anchorjs.placement,visible:CONFIG.anchorjs.visible},CONFIG.anchorjs.icon&&(window.anchors.options.icon=CONFIG.anchorjs.icon);var n,o=[];for(n of(CONFIG.anchorjs.element||"h1,h2,h3,h4,h5,h6").split(","))o.push(".markdown-body > "+n.trim());"left"===CONFIG.anchorjs.placement&&(window.anchors.options.class="anchorjs-link-left"),window.anchors.add(o.join(", ")),Fluid.events.registerRefreshCallback(function(){if("anchors"in window){anchors.removeAll();var n,o=[];for(n of(CONFIG.anchorjs.element||"h1,h2,h3,h4,h5,h6").split(","))o.push(".markdown-body > "+n.trim());"left"===CONFIG.anchorjs.placement&&(anchors.options.class="anchorjs-link-left"),anchors.add(o.join(", "))}})})</script><script>Fluid.utils.createScript("https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js",function(){Fluid.plugins.fancyBox()})</script><script>Fluid.plugins.imageCaption()</script><script src=/js/local-search.js></script><script src=/js/boot.js></script><noscript><div class=noscript-warning>博客在允许 JavaScript 运行的环境下浏览效果更佳</div></noscript></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang=zh-CN data-default-color-scheme=auto><head><meta charset=UTF-8><link rel=apple-touch-icon sizes=76x76 href=/images/favicon.webp><link rel=icon href=/images/favicon.webp><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=theme-color content=#2f4154><meta name=author content=mobeicanyue><meta name=keywords content=""><meta name=description content="目录Hexo Github-Pages 自动部署 Hexo 环境搭建部署 Hexo 博客域名配置 Fluid 主题、美化相关 Fluid 主题安装在 Fluid 主题中使用霞鹜文楷修复 Github Pages 上的文章更新时间 Hexo Fluid 设置页脚博客性能优化将 jpg 转换为 webp 压缩部署的代码"><meta property=og:type content=article><meta property=og:title content=构建博客教程><meta property=og:url content=https://blog.ovvv.top/2023/12/28/Tutorial-of-Building-a-blog/ ><meta property=og:site_name content=Canyue><meta property=og:description content="目录Hexo Github-Pages 自动部署 Hexo 环境搭建部署 Hexo 博客域名配置 Fluid 主题、美化相关 Fluid 主题安装在 Fluid 主题中使用霞鹜文楷修复 Github Pages 上的文章更新时间 Hexo Fluid 设置页脚博客性能优化将 jpg 转换为 webp 压缩部署的代码"><meta property=og:locale content=zh_CN><meta property=article:published_time content=2023-12-28T11:03:00.000Z><meta property=article:modified_time content=2023-12-28T13:35:31.000Z><meta property=article:author content=mobeicanyue><meta name=twitter:card content=summary_large_image><title>构建博客教程 - Canyue</title><link rel=stylesheet href=https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css><link rel=stylesheet href=https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css><link rel=stylesheet href=https://lib.baomitu.com/hint.css/2.7.0/hint.min.css><link rel=stylesheet href=https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css><link rel=stylesheet href=//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css><link rel=stylesheet href=//at.alicdn.com/t/font_1736178_lbnruvf0jn.css><link rel=stylesheet href=/css/main.css><link id=highlight-css rel=stylesheet href=/css/highlight.css><link id=highlight-css-dark rel=stylesheet href=/css/highlight-dark.css><link rel=stylesheet href=https://cdn.jsdelivr.net/gh/CMBill/lxgw-wenkai-gb-web/fonts/lxgwwenkaigb-bold/result.css><script id=fluid-configs>var dntVal,Fluid=window.Fluid\|\|{},CONFIG=(Fluid.ctx=Object.assign({},Fluid.ctx),{hostname:"blog.ovvv.top",root:"/",version:"1.9.7",typing:{enable:!0,typeSpeed:80,cursorChar:"_",loop:!1,scope:[]},anchorjs:{enable:!0,element:"h1,h2,h3,h4,h5,h6",placement:"left",visible:"hover",icon:""},progressbar:{enable:!0,height_px:3,color:"#29d",options:{showSpinner:!1,trickleSpeed:100}},code_language:{enable:!0,default:"TEXT"},copy_btn:!0,image_caption:{enable:!0},image_zoom:{enable:!0,img_url_replace:["",""]},toc:{enable:!0,placement:"right",headingSelector:"h1,h2,h3,h4,h5,h6",collapseDepth:0},lazyload:{enable:!0,loading_img:"/img/loading.gif",onlypost:!1,offset_factor:2},web_analytics:{enable:!1,follow_dnt:!0,baidu:null,google:{measurement_id:null},tencent:{sid:null,cid:null},woyaola:null,cnzz:null,leancloud:{app_id:null,app_key:null,server_url:null,path:"window.location.pathname",ignore_local:!1}},search_path:"/local-search.xml",include_content_in_search:!0});CONFIG.web_analytics.follow_dnt&&(dntVal=navigator.doNotTrack\|\|window.doNotTrack\|\|navigator.msDoNotTrack,Fluid.ctx.dnt=dntVal&&(dntVal.startsWith("1")\|\|dntVal.startsWith("yes")\|\|dntVal.startsWith("on")))</script><script src=/js/utils.js></script><script src=/js/color-schema.js></script><meta name=generator content="Hexo 7.0.0"></head><body><header><div class=header-inner style=height:70vh><nav id=navbar class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar"><div class=container><a class=navbar-brand href=/ ><strong>漠北残月的博客</strong> </a><button id=navbar-toggler-btn class=navbar-toggler type=button data-toggle=collapse data-target=#navbarSupportedContent aria-controls=navbarSupportedContent aria-expanded=false aria-label="Toggle navigation"><div class=animated-icon><span></span><span></span><span></span></div></button><div class="collapse navbar-collapse" id=navbarSupportedContent><ul class="navbar-nav ml-auto text-center"><li class=nav-item><a class=nav-link href=/ target=_self><i class="iconfont icon-home-fill"></i> <span>首页</span></a></li><li class=nav-item><a class=nav-link href=/archives/ target=_self><i class="iconfont icon-archive-fill"></i> <span>归档</span></a></li><li class=nav-item><a class=nav-link href=/categories/ target=_self><i class="iconfont icon-category-fill"></i> <span>分类</span></a></li><li class=nav-item><a class=nav-link href=/tags/ target=_self><i class="iconfont icon-tags-fill"></i> <span>标签</span></a></li><li class=nav-item><a class=nav-link href=/about/ target=_self><i class="iconfont icon-user-fill"></i> <span>关于</span></a></li><li class=nav-item id=search-btn><a class=nav-link target=_self href=javascript:; data-toggle=modal data-target=#modalSearch aria-label=Search><i class="iconfont icon-search"></i></a></li><li class=nav-item id=color-toggle-btn><a class=nav-link target=_self href=javascript:; aria-label="Color Toggle"><i class="iconfont icon-dark" id=color-toggle-icon></i></a></li></ul></div></div></nav><div id=banner class=banner parallax=true style="background:url(https://api.vvhan.com/api/bing?size=1920x1080) no-repeat center center;background-size:cover"><div class=full-bg-img><div class="mask flex-center" style=background-color:rgba(0,0,0,.3)><div class="banner-text text-center fade-in-up"><div class=h2><span id=subtitle data-typed-text=构建博客教程></span></div><div class=mt-3><span class="post-meta mr-2"><i class="iconfont icon-author" aria-hidden=true></i> mobeicanyue </span><span class=post-meta><i class="iconfont icon-date-fill" aria-hidden=true></i> <time datetime="2023-12-28 19:03" pubdate>2023年12月28日</time></span></div><div class=mt-1><span class="post-meta mr-2"><i class="iconfont icon-chart"></i> 72 字 </span><span class="post-meta mr-2"><i class="iconfont icon-clock-fill"></i> 1 分钟</span></div></div></div></div></div></div></header><main><div class="container-fluid nopadding-x"><div class="row nomargin-x"><div class="side-col d-none d-lg-block col-lg-2"></div><div class="col-lg-8 nopadding-x-md"><div class="container nopadding-x-md" id=board-ctn><div id=board><article class="post-content mx-auto"><h1 id=seo-header>构建博客教程</h1><p id=updated-time class="note note-info" style="">本文最后更新于 2023年12月28日 21:35</p><div class=markdown-body><h2 id=目录><a href=#目录 class=headerlink title=目录></a>目录</h2><h3 id=Hexo-Github-Pages-自动部署><a href=#Hexo-Github-Pages-自动部署 class=headerlink title="Hexo Github-Pages 自动部署"></a>Hexo Github-Pages 自动部署</h3><ul><li><a href=Build-the-environment.md>Hexo 环境搭建</a></li><li><a href=My-first-hexo-blog.md>部署 Hexo</a></li><li><a href=Configure-blog-domain.md>博客域名配置</a></li></ul><h3 id=Fluid-主题、美化相关><a href=#Fluid-主题、美化相关 class=headerlink title="Fluid 主题、美化相关"></a>Fluid 主题、美化相关</h3><ul><li><a href=Fluid-theme-installation.md>Fluid 主题安装</a></li><li><a href=Use-lxgw-wenkai-in-fluid.md>在 Fluid 主题中使用霞鹜文楷</a></li><li><a href=Fix-article-updated-time-on-github-pages.md>修复 Github Pages 上的文章更新时间</a></li><li><a href=Hexo-Fluid-set-footer.md>Hexo Fluid 设置页脚</a></li></ul><h3 id=博客性能优化><a href=#博客性能优化 class=headerlink title=博客性能优化></a>博客性能优化</h3><ul><li><a href=Convert-jpg-to-webp.md>将 jpg 转换为 webp</a></li><li><a href=Compress-deploy-code-size.md>压缩部署的代码</a></li></ul></div><hr><div><div class="post-metas my-3"></div><div class="license-box my-3"><div class=license-title><div>构建博客教程</div><div>https://blog.ovvv.top/2023/12/28/Tutorial-of-Building-a-blog/</div></div><div class=license-meta><div class=license-meta-item><div>作者</div><div>mobeicanyue</div></div><div class="license-meta-item license-meta-date"><div>发布于</div><div>2023年12月28日 19:03</div></div><div class="license-meta-item license-meta-date"><div>更新于</div><div>2023年12月28日 21:35</div></div><div class=license-meta-item><div>许可协议</div><div><a class=print-no-link target=_blank href=https://creativecommons.org/licenses/by-nc-sa/4.0/ ><span class="hint--top hint--rounded" aria-label="BY - 署名"><i class="iconfont icon-by"></i> </span></a><a class=print-no-link target=_blank href=https://creativecommons.org/licenses/by-nc-sa/4.0/ ><span class="hint--top hint--rounded" aria-label="NC - 非商业性使用"><i class="iconfont icon-nc"></i> </span></a><a class=print-no-link target=_blank href=https://creativecommons.org/licenses/by-nc-sa/4.0/ ><span class="hint--top hint--rounded" aria-label="SA - 相同方式共享"><i class="iconfont icon-sa"></i></span></a></div></div></div><div class="license-icon iconfont"></div></div><div class="post-prevnext my-3"><article class="post-prev col-6"><a href=/2023/12/28/Build-the-environment/ title="Hexo 环境搭建"><i class="iconfont icon-arrowleft"></i> <span class=hidden-mobile>Hexo 环境搭建</span> <span class=visible-mobile>上一篇</span></a></article><article class="post-next col-6"><a href=/2023/12/28/1panel-Configuration-Tutorial/ title="1panel 配置教程"><span class=hidden-mobile>1panel 配置教程</span> <span class=visible-mobile>下一篇</span> <i class="iconfont icon-arrowright"></i></a></article></div></div></article></div></div></div><div class="side-col d-none d-lg-block col-lg-2"><aside class=sidebar style=margin-left:-1rem><div id=toc><p class=toc-header><i class="iconfont icon-list"></i> <span>目录</span></p><div class=toc-body id=toc-body></div></div></aside></div></div></div><a id=scroll-top-button aria-label=TOP href=# role=button><i class="iconfont icon-arrowup" aria-hidden=true></i></a><div class="modal fade" id=modalSearch tabindex=-1 role=dialog aria-labelledby=ModalLabel aria-hidden=true><div class="modal-dialog modal-dialog-scrollable modal-lg" role=document><div class=modal-content><div class="modal-header text-center"><h4 class="modal-title w-100 font-weight-bold">搜索</h4><button type=button id=local-search-close class=close data-dismiss=modal aria-label=Close><span aria-hidden=true>×</span></button></div><div class="modal-body mx-3"><div class="md-form mb-5"><input type=text id=local-search-input class="form-control validate"> <label data-error=x data-success=v for=local-search-input>关键词</label></div><div class=list-group id=local-search-result></div></div></div></div></div></main><footer><div class=footer-inner><div class=footer-content><div>Copyright © 2023<span id=copyrightYear></span> \| <a href=https://github.com/mobeicanyue/mobeicanyue.github.io target=_blank rel="nofollow noopener"><span>mobeicanyue</span></a></div><div><span id=timeDate>载入天数...</span> <span id=times>载入时分秒...</span><script src=/js/duration.js></script></div>Powered by <a href=https://hexo.io target=_blank rel="nofollow noopener"><span>Hexo</span></a> <i class="iconfont icon-love"></i> <a href=https://github.com/fluid-dev/hexo-theme-fluid target=_blank rel="nofollow noopener"><span>Fluid</span></a></div></div></footer><script src=https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js></script><link rel=stylesheet href=https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css><script>NProgress.configure({showSpinner:!1,trickleSpeed:100}),NProgress.start(),window.addEventListener("load",function(){NProgress.done()})</script><script src=https://lib.baomitu.com/jquery/3.6.4/jquery.min.js></script><script src=https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js></script><script src=/js/events.js></script><script src=/js/plugins.js></script><script src=https://lib.baomitu.com/typed.js/2.0.12/typed.min.js></script><script>!function(t){var e=Fluid.plugins.typing,t=t.getElementById("subtitle");t&&e&&e(t.getAttribute("data-typed-text"))}((window,document))</script><script src=/js/img-lazyload.js></script><script>Fluid.utils.createScript("https://lib.baomitu.com/tocbot/4.20.1/tocbot.min.js",function(){var t,o=jQuery("#toc");0!==o.length&&window.tocbot&&(t=jQuery("#board-ctn").offset().top,window.tocbot.init(Object.assign({tocSelector:"#toc-body",contentSelector:".markdown-body",linkClass:"tocbot-link",activeLinkClass:"tocbot-active-link",listClass:"tocbot-list",isCollapsedClass:"tocbot-is-collapsed",collapsibleClass:"tocbot-is-collapsible",scrollSmooth:!0,includeTitleTags:!0,headingsOffset:-t},CONFIG.toc)),0<o.find(".toc-list-item").length&&o.css("visibility","visible"),Fluid.events.registerRefreshCallback(function(){var t;"tocbot"in window&&(tocbot.refresh(),0!==(t=jQuery("#toc")).length)&&tocbot&&0<t.find(".toc-list-item").length&&t.css("visibility","visible")}))})</script><script src=https://lib.baomitu.com/clipboard.js/2.0.11/clipboard.min.js></script><script>Fluid.plugins.codeWidget()</script><script>Fluid.utils.createScript("https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js",function(){window.anchors.options={placement:CONFIG.anchorjs.placement,visible:CONFIG.anchorjs.visible},CONFIG.anchorjs.icon&&(window.anchors.options.icon=CONFIG.anchorjs.icon);var n,o=[];for(n of(CONFIG.anchorjs.element\|\|"h1,h2,h3,h4,h5,h6").split(","))o.push(".markdown-body > "+n.trim());"left"===CONFIG.anchorjs.placement&&(window.anchors.options.class="anchorjs-link-left"),window.anchors.add(o.join(", ")),Fluid.events.registerRefreshCallback(function(){if("anchors"in window){anchors.removeAll();var n,o=[];for(n of(CONFIG.anchorjs.element\|\|"h1,h2,h3,h4,h5,h6").split(","))o.push(".markdown-body > "+n.trim());"left"===CONFIG.anchorjs.placement&&(anchors.options.class="anchorjs-link-left"),anchors.add(o.join(", "))}})})</script><script>Fluid.utils.createScript("https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js",function(){Fluid.plugins.fancyBox()})</script><script>Fluid.plugins.imageCaption()</script><script src=/js/local-search.js></script><script src=/js/boot.js></script><noscript><div class=noscript-warning>博客在允许 JavaScript 运行的环境下浏览效果更佳</div></noscript></body></html>