2024-05-08 18:59:15 +08:00
<!DOCTYPE html>
< html lang = "zh-CN" data-default-color-scheme = auto >
< head >
< meta charset = "UTF-8" >
< link rel = "apple-touch-icon" sizes = "76x76" href = "/img/logo.png" >
< link rel = "icon" href = "/img/logo.png" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< meta http-equiv = "Content-Security-Policy" content = "upgrade-insecure-requests" >
< meta name = "theme-color" content = "#2f4154" >
< meta name = "author" content = "浪子" >
< meta name = "keywords" content = "DIY,黑苹果,分享,自由" >
< meta name = "description" content = "EasyPanel官方网站 EasyPanel.io EasyPanel是一款基于docker的可视化面板. 拥有付费和免费两种模式 本文介绍以免费模式为主(主要是收费不菲) 从首页的介绍可以看到他的特色就是通过直观的界面部署应用,管理数据库以及签发SSL证书. 安装 建议在纯净的linux系统下安装 通过命令行 1curl -sSL https://get.easypanel.io | sh" >
< meta property = "og:type" content = "article" >
< meta property = "og:title" content = "EasyPanel:一款使用Docker部署的VPS面板" >
< meta property = "og:url" content = "https://blog.jkjoy.cn/posts/b5a1f33a.html" >
< meta property = "og:site_name" content = "提剑追梦" >
< meta property = "og:description" content = "EasyPanel官方网站 EasyPanel.io EasyPanel是一款基于docker的可视化面板. 拥有付费和免费两种模式 本文介绍以免费模式为主(主要是收费不菲) 从首页的介绍可以看到他的特色就是通过直观的界面部署应用,管理数据库以及签发SSL证书. 安装 建议在纯净的linux系统下安装 通过命令行 1curl -sSL https://get.easypanel.io | sh" >
< meta property = "og:locale" content = "zh_CN" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112071321641777.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112073049083915.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112074114481559.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112074948886487.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112075045277316.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112075239607243.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112075722912648.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112080453993746.webp" >
< meta property = "og:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112081537297595.webp" >
< meta property = "article:published_time" content = "2024-04-02T18:39:10.000Z" >
2024-05-08 19:03:25 +08:00
< meta property = "article:modified_time" content = "2024-05-08T11:02:52.451Z" >
2024-05-08 18:59:15 +08:00
< meta property = "article:author" content = "浪子" >
< meta property = "article:tag" content = "VPS" >
< meta property = "article:tag" content = "Docker" >
< meta property = "article:tag" content = "EasyPanel" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:image" content = "https://www.imsun.org/usr/uploads/2024/01/20240112071321641777.webp" >
< meta name = "referrer" content = "no-referrer-when-downgrade" >
< title > EasyPanel:一款使用Docker部署的VPS面板 - 提剑追梦< / 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" / >
<!-- 主题依赖的图标库,不要自行修改 -->
<!-- Do not modify the link that theme dependent icons -->
< link rel = "stylesheet" href = "//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css" >
< link rel = "stylesheet" href = "//at.alicdn.com/t/c/font_4267870_i7km8ozxnbr.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 = "/css/mac.css" >
< script id = "fluid-configs" >
var Fluid = window.Fluid || {};
Fluid.ctx = Object.assign({}, Fluid.ctx)
var CONFIG = {"hostname":"blog.jkjoy.cn","root":"/","version":"1.9.7","typing":{"enable":true,"typeSpeed":70,"cursorChar":"💡","loop":false,"scope":[]},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"left","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"code_language":{"enable":true,"default":"TEXT"},"copy_btn":true,"image_caption":{"enable":true},"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"placement":"right","headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":true,"loading_img":"/img/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":false,"follow_dnt":false,"baidu":"9a59c9b2baa8e43c367f559cd7d9b86c","google":{"measurement_id":"G-EL6EBC27ES"},"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":"qkYaRmrTvy9Og9bRIt4YTIiC-MdYXbMMI","app_key":"BnyRqKMFP7xp6xF0OTU7rC40","server_url":null,"path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml","include_content_in_search":true};
if (CONFIG.web_analytics.follow_dnt) {
var 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 6.3.0" > < link rel = "alternate" href = "/atom.xml" title = "提剑追梦" type = "application/atom+xml" >
< / 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 >
<!-- Collapsible content -->
< 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" > < / i >
< span > 首页< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/archives/" target = "_self" >
< i class = "iconfont icon-archive" > < / i >
< span > 归档< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/categories/" target = "_self" >
< i class = "iconfont icon-categories" > < / i >
< span > 分类< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/tags/" target = "_self" >
< i class = "iconfont icon-tags" > < / i >
< span > 标签< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/links/" target = "_self" >
< i class = "iconfont icon-link1" > < / i >
< span > 友链< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/fcircle/" target = "_self" >
< i class = "iconfont icon-friend" > < / i >
< span > 圈子< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/memos/" target = "_self" >
< i class = "iconfont icon-Chat" > < / i >
< span > 说说< / span >
< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/about/" target = "_self" >
< i class = "iconfont icon-aboutme" > < / 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('/img/default.png') no-repeat center center; background-size: cover;">
< div class = "full-bg-img" >
< div class = "mask flex-center" style = "background-color: rgba(0, 0, 0, 0.3)" >
< div class = "banner-text text-center fade-in-up" >
< div class = "h2" >
< span id = "subtitle" data-typed-text = "EasyPanel:一款使用Docker部署的VPS面板" > < / span >
< / div >
< div class = "mt-3" >
< span class = "post-meta" >
< i class = "iconfont icon-date-fill" aria-hidden = "true" > < / i >
< time datetime = "2024-04-02 18:39" pubdate >
2024年4月2日 晚上
< / time >
< / span >
< / div >
< div class = "mt-1" >
< span class = "post-meta mr-2" >
< i class = "iconfont icon-chart" > < / i >
550 字
< / span >
< span class = "post-meta mr-2" >
< i class = "iconfont icon-clock-fill" > < / i >
5 分钟
< / span >
< span id = "busuanzi_container_page_pv" style = "display: none" >
< i class = "iconfont icon-eye" aria-hidden = "true" > < / i >
< span id = "busuanzi_value_page_pv" > < / span > 次
< / span >
< / div >
< / div >
< div class = "scroll-down-bar" >
< i class = "iconfont icon-arrowdown" > < / i >
< / 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" > EasyPanel:一款使用Docker部署的VPS面板< / h1 >
< p id = "updated-time" class = "note note-info" style = "" >
本文最后更新于 2024年5月8日 上午
< / p >
< div class = "markdown-body" >
< h2 id = "EasyPanel" > < a href = "#EasyPanel" class = "headerlink" title = "EasyPanel" > < / a > EasyPanel< / h2 > < p > 官方网站 < code > EasyPanel.io< / code > < / p >
< p > < code > EasyPanel< / code > 是一款基于< code > docker< / code > 的可视化面板. 拥有< code > 付费< / code > 和< code > 免费< / code > 两种模式< / p >
< p > 本文介绍以免费模式为主(主要是收费不菲)< br > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112071321641777.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 从首页的介绍可以看到他的特色就是通过直观的界面部署应用,管理数据库以及签发SSL证书.< / p >
< h3 id = "安装" > < a href = "#安装" class = "headerlink" title = "安装" > < / a > 安装< / h3 > < ul >
< li > 建议在纯净的linux系统下安装< / li >
< / ul >
< p > 通过命令行< / p >
< figure class = "highlight sh" > < table > < tr > < td class = "gutter" > < pre > < span class = "line" > 1< / span > < br > < / pre > < / td > < td class = "code" > < pre > < code class = "hljs sh" > curl -sSL https://get.easypanel.io | sh< br > < / code > < / pre > < / td > < / tr > < / table > < / figure >
< p > 即可完成安装,官方给出的配置要求内存大于2G,根据实测,1G的vps运行起来问题也不大.< / p >
< p > 由于是容器化的部署方式,各个应用之间独立运行.NICE.< / p >
< h3 id = "使用" > < a href = "#使用" class = "headerlink" title = "使用" > < / a > 使用< / h3 > < h4 id = "访问" > < a href = "#访问" class = "headerlink" title = "访问" > < / a > 访问< / h4 > < p > 安装之后通过< / p >
< figure class = "highlight plaintext" > < table > < tr > < td class = "gutter" > < pre > < span class = "line" > 1< / span > < br > < / pre > < / td > < td class = "code" > < pre > < code class = "hljs auto" > ip:3000< br > < / code > < / pre > < / td > < / tr > < / table > < / figure >
< p > 访问面板,初次访问会要求创建管理员账号和密码.< / p >
< h4 id = "登录" > < a href = "#登录" class = "headerlink" title = "登录" > < / a > 登录< / h4 > < p > 进入面板会发现很简洁< br > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112073049083915.webp" srcset = "/img/loading.gif" lazyload alt = "进入面板" > < / p >
< h4 id = "创建" > < a href = "#创建" class = "headerlink" title = "创建" > < / a > 创建< / h4 > < p > 创建项目点击< code > Create Project< / code > 填写项目名称,确定,进入该项目< / p >
< h4 id = "模板" > < a href = "#模板" class = "headerlink" title = "模板" > < / a > 模板< / h4 > < p > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112074114481559.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 点击< code > templates< / code > 会发现这里有很多常用的应用模板,只要点击就可以部署.< / p >
< p > 譬如< code > memos< / code > < code > uptime< / code > < code > wordpress< / code > < code > Flarum< / code > < code > GoToSocial< / code > < code > Umami< / code > < code > Vaultwarden< / code > 等上百款应用< / p >
< h4 id = "服务" > < a href = "#服务" class = "headerlink" title = "服务" > < / a > 服务< / h4 > < p > 常见的模板应用大多都是全世界著名的应用.国内的某些应用,或者不是很常见的应用该如何部署< / p >
< p > 此处以< code > gatus< / code > 为例< / p >
< p > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112074948886487.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 点击< code > APP< / code > ,填写名称,确认 < / p >
< p > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112075045277316.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 点击< code > General< / code > < br > < code > gatus< / code > 的docker镜像为< code > twinproduction/gatus:latest< / code > < br > 在< code > Docker images< / code > 中填入< code > twinproduction/gatus:latest< / code > < br > 点< code > SAVE< / code > 保存.< br > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112075239607243.webp" srcset = "/img/loading.gif" lazyload > < br > 点击< code > Domain< / code > -< code > ADD Domain< / code > -< code > HOST< / code > 填写域名< / p >
< p > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112075722912648.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 全部填写完成之后,点< code > SAVE< / code > 保存. < / p >
< p > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112080453993746.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 点击< code > Advanced< / code > -< code > Mounts< / code > -< code > ADD VOLUME Mounts< / code > < / p >
< p > < code > Name< / code > 为宿主机名称可以自己设置 < / p >
< p > < code > Mount Path< / code > 为Docker< / p >
< p > 挂载目录 < code > /data< / code > < / p >
< p > 点击< code > ADD File Mounts< / code > ,其中 < code > Mount Path< / code > 为挂载路径,此处填写为< code > /config/config.yaml< / code > < / p >
< p > < code > Content< / code > 为yaml格式的配置文件 与 < code > config.yaml< / code > 内容对应 < / p >
< p > 以下为示例内容可自行修改< / p >
< figure class = "highlight yaml" > < table > < tr > < td class = "gutter" > < pre > < span class = "line" > 1< / span > < br > < span class = "line" > 2< / span > < br > < span class = "line" > 3< / span > < br > < span class = "line" > 4< / span > < br > < span class = "line" > 5< / span > < br > < span class = "line" > 6< / span > < br > < span class = "line" > 7< / span > < br > < span class = "line" > 8< / span > < br > < span class = "line" > 9< / span > < br > < span class = "line" > 10< / span > < br > < span class = "line" > 11< / span > < br > < span class = "line" > 12< / span > < br > < span class = "line" > 13< / span > < br > < span class = "line" > 14< / span > < br > < span class = "line" > 15< / span > < br > < span class = "line" > 16< / span > < br > < span class = "line" > 17< / span > < br > < span class = "line" > 18< / span > < br > < span class = "line" > 19< / span > < br > < span class = "line" > 20< / span > < br > < span class = "line" > 21< / span > < br > < span class = "line" > 22< / span > < br > < span class = "line" > 23< / span > < br > < span class = "line" > 24< / span > < br > < span class = "line" > 25< / span > < br > < span class = "line" > 26< / span > < br > < span class = "line" > 27< / span > < br > < span class = "line" > 28< / span > < br > < span class = "line" > 29< / span > < br > < span class = "line" > 30< / span > < br > < / pre > < / td > < td class = "code" > < pre > < code class = "hljs yaml" > < span class = "hljs-attr" > storage:< / span > < br > < span class = "hljs-attr" > type:< / span > < span class = "hljs-string" > sqlite< / span > < br > < span class = "hljs-attr" > path:< / span > < span class = "hljs-string" > /data/data.db< / span > < br > < br > < span class = "hljs-attr" > ui:< / span > < br > < span class = "hljs-attr" > buttons:< / span > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-attr" > name:< / span > < span class = "hljs-string" > " Home" < / span > < br > < span class = "hljs-attr" > link:< / span > < span class = "hljs-string" > " https://www.imsun.org" < / span > < br > < br > < span class = "hljs-attr" > endpoints:< / span > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-attr" > name:< / span > < span class = "hljs-string" > bloghb< / span > < br > < span class = "hljs-attr" > group:< / span > < span class = "hljs-string" > core< / span > < br > < span class = "hljs-attr" > url:< / span > < span class = "hljs-string" > " https://blog.hb.cn" < / span > < br > < span class = "hljs-attr" > interval:< / span > < span class = "hljs-string" > 3m< / span > < br > < span class = "hljs-attr" > conditions:< / span > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-string" > " [STATUS] == 200" < / span > < br > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-attr" > name:< / span > < span class = "hljs-string" > blogcn< / span > < br > < span class = "hljs-attr" > group:< / span > < span class = "hljs-string" > core< / span > < br > < span class = "hljs-attr" > url:< / span > < span class = "hljs-string" > " https://blog.asbid.cn" < / span > < br > < span class = "hljs-attr" > interval:< / span > < span class = "hljs-string" > 3m< / span > < br > < span class = "hljs-attr" > conditions:< / span > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-string" > " [STATUS] == 200" < / span > < br > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-attr" > name:< / span > < span class = "hljs-string" > blogsd< / span > < br > < span class = "hljs-attr" > group:< / span > < span class = "hljs-string" > core< / span > < br > < span class = "hljs-attr" > url:< / span > < span class = "hljs-string" > " https://blog.sd.cn" < / span > < br > < span class = "hljs-attr" > interval:< / span > < span class = "hljs-string" > 3m< / span > < br > < span class = "hljs-attr" > conditions:< / span > < br > < span class = "hljs-bullet" > -< / span > < span class = "hljs-string" > " [STATUS] == 200" < / span > < br > < / code > < / pre > < / td > < / tr > < / table > < / figure >
< p > 点击< code > SAVE< / code > 保存 < / p >
< p > < img src = "https://www.imsun.org/usr/uploads/2024/01/20240112081537297595.webp" srcset = "/img/loading.gif" lazyload > < / p >
< p > 点击< code > Deploy< / code > . < / p >
< p > 完成部署 别忘记在DNS处解析域名< / p >
< h3 id = "gatus演示" > < a href = "#gatus演示" class = "headerlink" title = "gatus演示" > < / a > gatus演示< / h3 > < p > < a target = "_blank" rel = "noopener" href = "https://status.0tz.top/" > https://status.0tz.top/< / a > < / p >
< h2 id = "总结" > < a href = "#总结" class = "headerlink" title = "总结" > < / a > 总结< / h2 > < p > 优势:不用折腾反代,不用担心证书到期,常用应用傻瓜式部署< / p >
< / div >
< hr / >
< div >
< div class = "post-metas my-3" >
< div class = "post-meta mr-3 d-flex align-items-center" >
< i class = "iconfont icon-category" > < / i >
< span class = "category-chains" >
< span class = "category-chain" >
< a href = "/categories/%E5%88%86%E4%BA%AB/" class = "category-chain-item" > 分享< / a >
< / span >
< / span >
< / div >
< div class = "post-meta" >
< i class = "iconfont icon-tags" > < / i >
< a href = "/tags/VPS/" class = "print-no-link" > #VPS< / a >
< a href = "/tags/Docker/" class = "print-no-link" > #Docker< / a >
< a href = "/tags/EasyPanel/" class = "print-no-link" > #EasyPanel< / a >
< / div >
< / div >
< div class = "post-prevnext my-3" >
< article class = "post-prev col-6" >
< / article >
< article class = "post-next col-6" >
< a href = "/posts/5f4f3026.html" title = "巨械师X99主板/E5 2680 V4/RX5600XT 6G/1TB SSD/BCM94360CS[OpenCore引导]" >
< span class = "hidden-mobile" > 巨械师X99主板/E5 2680 V4/RX5600XT 6G/1TB SSD/BCM94360CS[OpenCore引导]< / span >
< span class = "visible-mobile" > 下一篇< / span >
< i class = "iconfont icon-arrowright" > < / i >
< / a >
< / article >
< / div >
< / div >
< article id = "comments" lazyload >
< div id = "twikoo" > < / div >
< script type = "text/javascript" >
Fluid.utils.loadComments('#comments', function() {
Fluid.utils.createScript('https://unpkg.com/twikoo/dist/twikoo.all.min.js', function() {
var options = Object.assign(
{"envId":"https://t.jkjoy.cn","region":null,"path":"window.location.pathname"},
{
el: '#twikoo',
path: 'window.location.pathname',
onCommentLoaded: function() {
Fluid.utils.listenDOMLoaded(function() {
var imgSelector = '#twikoo .tk-content img:not(.tk-owo-emotion)';
Fluid.plugins.imageCaption(imgSelector);
Fluid.plugins.fancyBox(imgSelector);
});
}
}
)
twikoo.init(options)
});
});
< / script >
< noscript > Please enable JavaScript to view the comments< / noscript >
< / article >
< / 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" >
< link rel = "stylesheet" href = "https://cdnjs.sgcd.net/lxgw-wenkai-screen-webfont/lxgwwenkaigbscreen.css" / > < style > body { font-family : "LXGW WenKai Screen" , sans-serif ; } < / style > < 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 > < br > PowerBy 浪子 ©2024
< / div >
< div class = "statistics" >
< span id = "busuanzi_container_site_pv" style = "display: none" >
总访问量
< span id = "busuanzi_value_site_pv" > < / span >
次
< / span >
< span id = "busuanzi_container_site_uv" style = "display: none" >
总访客数
< span id = "busuanzi_value_site_uv" > < / span >
人
< / span >
< / div >
<!-- 备案信息 ICP for China -->
< div class = "beian" >
< span >
< a href = "http://beian.miit.gov.cn/" target = "_blank" rel = "nofollow noopener" >
鄂ICP备16022970号-16
< / a >
< / span >
< / div >
< / div >
< / footer >
<!-- Scripts -->
< 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":false,"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 (window, document) {
var typing = Fluid.plugins.typing;
var subtitle = document.getElementById('subtitle');
if (!subtitle || !typing) {
return;
}
var text = subtitle.getAttribute('data-typed-text');
typing(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 toc = jQuery('#toc');
if (toc.length === 0 || !window.tocbot) { return; }
var boardCtn = jQuery('#board-ctn');
var boardTop = boardCtn.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 : true,
includeTitleTags: true,
headingsOffset : -boardTop,
}, CONFIG.toc));
if (toc.find('.toc-list-item').length > 0) {
toc.css('visibility', 'visible');
}
Fluid.events.registerRefreshCallback(function() {
if ('tocbot' in window) {
tocbot.refresh();
var toc = jQuery('#toc');
if (toc.length === 0 || !tocbot) {
return;
}
if (toc.find('.toc-list-item').length > 0) {
toc.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
};
if (CONFIG.anchorjs.icon) {
window.anchors.options.icon = CONFIG.anchorjs.icon;
}
var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
var res = [];
for (var item of el) {
res.push('.markdown-body > ' + item.trim());
}
if (CONFIG.anchorjs.placement === 'left') {
window.anchors.options.class = 'anchorjs-link-left';
}
window.anchors.add(res.join(', '));
Fluid.events.registerRefreshCallback(function() {
if ('anchors' in window) {
anchors.removeAll();
var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
var res = [];
for (var item of el) {
res.push('.markdown-body > ' + item.trim());
}
if (CONFIG.anchorjs.placement === 'left') {
anchors.options.class = 'anchorjs-link-left';
}
anchors.add(res.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 defer src = "https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" > < / script >
<!-- 主题的启动项,将它保持在最底部 -->
<!-- the boot of the theme, keep it at the bottom -->
< script src = "/js/boot.js" > < / script >
< noscript >
< div class = "noscript-warning" > 博客在允许 JavaScript 运行的环境下浏览效果更佳< / div >
< / noscript >
< / body >
< / html >