PageSourceSearch

https://blog-tlbh.onrender.com/20220312/init-your-hexo-blog/

html blog-tlbh.onrender.com collected 2026-10-03 11:39:16 UTC 53,678 bytes, 506 lines download raw bytes

1<!DOCTYPE html><html lang="zh-CN" data-theme="dark"><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, maximum-scale=1.0, user-scalable=no"><title>【搭建Hexo博客(一)】初始化框架 | 咕咕云梦泽</title><meta name="keywords" content="Blog,Hexo,Node.js,Git"><meta name="author" content="pai233,[email protected]"><meta name="copyright" content="pai233"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#0d0d0d"><meta name="description" content="前几天更换了博客主题,现在趁这个机会,来写个教程。">
2<meta property="og:type" content="article">
3<meta property="og:title" content="【搭建Hexo博客(一)】初始化框架">
4<meta property="og:url" content="https://blog.pai233.top/20220312/init-your-hexo-blog/index.html">
5<meta property="og:site_name" content="咕咕云梦泽">
6<meta property="og:description" content="前几天更换了博客主题,现在趁这个机会,来写个教程。">
7<meta property="og:locale" content="zh_CN">
8<meta property="og:image" content="https://cdn.pai233.top/32.png">
9<meta property="article:published_time" content="2022-03-12T07:42:01.000Z">
10<meta property="article:modified_time" content="2022-03-13T09:25:34.267Z">
11<meta property="article:author" content="pai233">
12<meta property="article:tag" content="Blog">
13<meta property="article:tag" content="Hexo">
14<meta property="article:tag" content="Node.js">
15<meta property="article:tag" content="Git">
16<meta name="twitter:card" content="summary">
17<meta name="twitter:image" content="https://cdn.pai233.top/32.png"><link rel="shortcut icon" href="/img/avatar.jpg"><link rel="canonical" href="https://blog.pai233.top/20220312/init-your-hexo-blog/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//static.cloudflareinsights.com"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><meta name="bing-site-verification" content="EFBC205B9793AC6CEBE7ADB52D66A679"/><meta name="baidu-site-verification" content="code-ShsJ6oj9Oj"/><link rel="manifest" href="/manifest.json"/><link rel="apple-touch-icon" sizes="180x180" href="/icon-256x256.png"/><link rel="icon" type="image/png" sizes="32x32" href="/icon-256x256.png"/><link rel="icon" type="image/png" sizes="16x16" href="/icon-256x256.png"/><link rel="mask-icon" href="/icon-256x256.png" color="#5bbad5"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://jsdelivr.pai233.top/npm/@fortawesome/fontawesome-free@6/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://jsdelivr.pai233.top/npm/node-snackbar/dist/snackbar.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://jsdelivr.pai233.top/npm/@fancyapps/ui/dist/fancybox.css" media="print" onload="this.media='all'">
17<script defer="defer" data-pjax="data-pjax" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{&quot;token&quot;: &quot;32c621e7bc7b446594315412c5c30180&quot;}"></script>
17<script>const GLOBAL_CONFIG = { 
18  root: '/',
19  algolia: undefined,
20  localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容:${query}"}},
21  translate: {"defaultEncoding":2,"translateDelay":2,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"简"},
22  noticeOutdate: {"limitDay":90,"position":"top","messagePrev":"本文上次更新于","messageNext":"天前,文章内容可能已经过时。"},
23  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
24  copy: {
25    success: '复制成功',
26    error: '复制错误',
27    noSupport: '浏览器不支持'
28  },
29  relativeDate: {
30    homepage: false,
31    post: false
32  },
33  runtime: '天',
34  date_suffix: {
35    just: '刚刚',
36    min: '分钟前',
37    hour: '小时前',
38    day: '天前',
39    month: '个月前'
40  },
41  copyright: {"limitCount":50,"languages":{"author":"作者: pai233","link":"链接: ","source":"来源: 咕咕云梦泽","info":"著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。"}},
42  lightbox: 'fancybox',
43  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#1f1f1f","position":"bottom-left"},
44  source: {
45    justifiedGallery: {
46      js: 'https://jsdelivr.pai233.top/npm/flickr-justified-gallery@2/dist/fjGallery.min.js',
47      css: 'https://jsdelivr.pai233.top/npm/flickr-justified-gallery@2/dist/fjGallery.min.css'
48    }
49  },
50  isPhotoFigcaption: true,
51  islazyload: true,
52  isAnchor: false
53}</script>
53<script id="config-diff">var GLOBAL_CONFIG_SITE = {
54  title: '【搭建Hexo博客(一)】初始化框架',
55  isPost: true,
56  isHome: false,
57  isHighlightShrink: false,
58  isToc: true,
59  postUpdate: '2022-03-13 17:25:34'
60}</script>
60<noscript><style type="text/css">
61  #nav {
62    opacity: 1
63  }
64  .justified-gallery img {
65    opacity: 1
66  }
67
68  #recent-posts time,
69  #post-meta time {
70    display: inline !important
71  }
72</style></noscript>
72<script>(win=>{
73    win.saveToLocal = {
74      set: function setWithExpiry(key, value, ttl) {
75        if (ttl === 0) return
76        const now = new Date()
77        const expiryDay = ttl * 86400000
78        const item = {
79          value: value,
80          expiry: now.getTime() + expiryDay,
81        }
82        localStorage.setItem(key, JSON.stringify(item))
83      },
84
85      get: function getWithExpiry(key) {
86        const itemStr = localStorage.getItem(key)
87
88        if (!itemStr) {
89          return undefined
90        }
91        const item = JSON.parse(itemStr)
92        const now = new Date()
93
94        if (now.getTime() > item.expiry) {
95          localStorage.removeItem(key)
96          return undefined
97        }
98        return item.value
99      }
100    }
101  
102    win.getScript = url => new Promise((resolve, reject) => {
103      const script = document.createElement('script')
104      script.src = url
105      script.async = true
106      script.onerror = reject
107      script.onload = script.onreadystatechange = function() {
108        const loadState = this.readyState
109        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
110        script.onload = script.onreadystatechange = null
111        resolve()
112      }
113      document.head.appendChild(script)
114    })
115  
116      win.activateDarkMode = function () {
117        document.documentElement.setAttribute('data-theme', 'dark')
118        if (document.querySelector('meta[name="theme-color"]') !== null) {
119          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
120        }
121      }
122      win.activateLightMode = function () {
123        document.documentElement.setAttribute('data-theme', 'light')
124        if (document.querySelector('meta[name="theme-color"]') !== null) {
125          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
126        }
127      }
128      const t = saveToLocal.get('theme')
129    
130          if (t === 'dark') activateDarkMode()
131          else if (t === 'light') activateLightMode()
132        
133      const asideStatus = saveToLocal.get('aside-status')
134      if (asideStatus !== undefined) {
135        if (asideStatus === 'hide') {
136          document.documentElement.classList.add('hide-aside')
137        } else {
138          document.documentElement.classList.remove('hide-aside')
139        }
140      }
141    
142    const detectApple = () => {
143      if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
144        document.documentElement.classList.add('apple')
145      }
146    }
147    detectApple()
148    })(window)</script>
148<link rel="stylesheet" href="https://jsdelivr.pai233.top/npm/aplayer/dist/APlayer.min.css"><link rel="stylesheet" href="/css/font.css">
148<script src="https://jsdelivr.pai233.top/npm/[email protected]/dist/Meting.min.js"></script>
148<script src="https://jsdelivr.pai233.top/npm/aplayer/dist/APlayer.min.js"></script>
148<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
148<script src="/js/link-checker.js"></script>
148<script type="text/javascript" src ="/js/serverlist-loader.js" ></script>
148<script type="text/javascript" src ="/js/welcome.js" ></script>
148<script src="/js/sweetalert.js"></script>
148<link rel="stylesheet" href="/css/sweetalert.css">
148<script async defer data-website-id="2f318098-14d3-4c57-87a5-09bd69b5f3b1" src="https://umami.pai233.top/umami.js"></script>
148<meta name="generator" content="Hexo 5.4.2"><link rel="alternate" href="/atom.xml" title="咕咕云梦泽" type="application/atom+xml">
149</head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">加载中...</div></div></div><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="/img/avatar.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data is-center"><div class="data-item"><a href="/archives/"><div class="headline">文章</div><div class="length-num">37</div></a></div><div class="data-item"><a href="/tags/"><div class="headline">标签</div><div class="length-num">42</div></a></div><div class="data-item"><a href="/categories/"><div class="headline">分类</div><div class="length-num">28</div></a></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-user"></i><span> 关于</span></a></div><div class="menus_item"><a class="site-page" href="/friend-links/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/talking/"><i class="fa-fw fas fa-cubes"></i><span> 咕言咕语</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fa-solid fa-vial"></i><span> 高级</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/message-board/"><i class="fa-fw fas fa-comment"></i><span> 留言板</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://status.pai233.top/"><i class="fa-fw fa-solid fa-gears"></i><span> 服务状态</span></a></li><li><a class="site-page child" href="/server-list/"><i class="fa-fw fas fa-server"></i><span> 切换线路</span></a></li><li><a class="site-page child" href="/sitemap.xml"><i class="fa-fw fas fa-sitemap"></i><span> 站点地图</span></a></li><li><a class="site-page child" href="/atom.xml"><i class="fa-fw fas fa-rss"></i><span> RSS</span></a></li></ul></div><div class="menus_item"><a class="site-page" target="_blank" rel="noopener" href="https://travellings.link/"><i class="fa-fw fas fa-subway"></i><span> 开往</span></a></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('https://cdn.pai233.top/32.png')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">咕咕云梦泽</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-user"></i><span> 关于</span></a></div><div class="menus_item"><a class="site-page" href="/friend-links/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/talking/"><i class="fa-fw fas fa-cubes"></i><span> 咕言咕语</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fa-solid fa-vial"></i><span> 高级</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/message-board/"><i class="fa-fw fas fa-comment"></i><span> 留言板</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://status.pai233.top/"><i class="fa-fw fa-solid fa-gears"></i><span> 服务状态</span></a></li><li><a class="site-page child" href="/server-list/"><i class="fa-fw fas fa-server"></i><span> 切换线路</span></a></li><li><a class="site-page child" href="/sitemap.xml"><i class="fa-fw fas fa-sitemap"></i><span> 站点地图</span></a></li><li><a class="site-page child" href="/atom.xml"><i class="fa-fw fas fa-rss"></i><span> RSS</span></a></li></ul></div><div class="menus_item"><a class="site-page" target="_blank" rel="noopener" href="https://travellings.link/"><i class="fa-fw fas fa-subway"></i><span> 开往</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">【搭建Hexo博客(一)】初始化框架</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2022-03-12T07:42:01.000Z" title="发表于 2022-03-12 15:42:01">2022-03-12</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2022-03-13T09:25:34.267Z" title="更新于 2022-03-13 17:25:34">2022-03-13</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/%E9%9A%8F%E7%AC%94/">随笔</a><i class="fas fa-angle-right post-meta-separator"></i><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/%E9%9A%8F%E7%AC%94/
149Hexo%E6%90%AD%E5%BB%BA/">Hexo搭建</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-wordcount"><i class="far fa-file-word fa-fw post-meta-icon"></i><span class="post-meta-label">字数总计:</span><span class="word-count">973</span><span class="post-meta-separator">|</span><i class="far fa-clock fa-fw post-meta-icon"></i><span class="post-meta-label">阅读时长:</span><span>2分钟</span></span><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" id="" data-flag-title="【搭建Hexo博客(一)】初始化框架"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><p>前几天更换了博客主题,现在趁这个机会,来写个教程。</p>
150<span id="more"></span>
151<h1 id="博客是什么"><a class="markdownIt-Anchor" href="#博客是什么"></a> 博客是什么?</h1>
152<div class="note info flat"><p>以下内容摘自Wikipedia。</p>
153</div>
154<blockquote>
155<p>博客(英语:Blog)是一种在线日记型式的个人网站,借由张帖子章、图片或视频来记录生活、抒发情感或分享信息。博客上的文章通常根据张贴时间,以倒序方式由新到旧排列。<br />
156许多博客作者专注评论特定的课题或新闻,其他则作为个人日记。一个典型的博客结合了文字、图像、其他博客或网站的超链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见,是许多博客的重要要素。大部分的博客内容以文字为主,也有一些博客专注艺术、摄影、视频、音乐、播客等各种主题。博客是社交媒体网络的一部分。</p>
157</blockquote>
158<h1 id="写博客有什么好处"><a class="markdownIt-Anchor" href="#写博客有什么好处"></a> 写博客有什么好处?</h1>
159<div class="note info flat"><p>以下内容摘自Wikipedia。</p>
160</div>
161<h2 id="纪录个人生活点滴"><a class="markdownIt-Anchor" href="#纪录个人生活点滴"></a> 纪录个人生活点滴</h2>
162<p>如同日记一般,事实上,博客(blog)原本的字义(weblog)就是网络日志(web log),可将自己每日生活中发生的事情记录下来,并且跟朋友或网友们分享.</p>
163<h2 id="抒发与分享个人情绪"><a class="markdownIt-Anchor" href="#抒发与分享个人情绪"></a> 抒发与分享个人情绪</h2>
164<p>博客常用来抒发个人情绪,把生活中的不满、郁闷或愤怒宣泄到博客上,或是与网络上的网友们分享个人开心的心情。</p>
165<h2 id="分享与交流知识-技术"><a class="markdownIt-Anchor" href="#分享与交流知识-技术"></a> 分享与交流知识、技术</h2>
166<p>如果有专长、兴趣的人,可以借由撰写博客来分享自己的知识与技术,并和网络上的网友交流讨论。</p>
167<h2 id="认识同好-结交朋友"><a class="markdownIt-Anchor" href="#认识同好-结交朋友"></a> 认识同好、结交朋友</h2>
168<p>借由博客的社群性质可以吸引兴趣或性格相合的网友来观看,并且借此认识结交新朋友。</p>
169<h2 id="分享创作文学-绘图作品"><a class="markdownIt-Anchor" href="#分享创作文学-绘图作品"></a> 分享创作文学、绘图作品</h2>
170<p>借由博客可分享自己的文学创作或图像作品,并供网友们观看取用。创作者获得与阅听者在网络上沟通的机会,进而扩大参与和影响。</p>
171<h2 id="医学价值"><a class="markdownIt-Anchor" href="#医学价值"></a> 医学价值</h2>
172<p>科学家早已知道写下自己的个人经验是具有医学价值的。博客提供了一个方便纪录个人经验的管道。研究显示它可帮助记忆和睡眠、增强免疫细胞的活动、减少艾滋病患者病毒量,甚至可以加速手术后的复原。</p>
173<h1 id="hexo简介"><a class="markdownIt-Anchor" href="#hexo简介"></a> Hexo简介</h1>
174<p>Hexo是一款快速、简洁且高效的博客框架,渲染速度快,支持Markdown,且支持各类型的Extensions,十分容易上手。</p>
175<p><img src= "/img/loading.gif" data-lazy-src="https://xg3.jiashumao.net/2022/03/12/y11Pi0gq.png" alt="1647071265245.png" /></p>
176<h1 id="初始化"><a class="markdownIt-Anchor" href="#初始化"></a> 初始化</h1>
177<p>在使用Hexo前,你需要先安装好Git和Node.js,本处不再赘述。在安装完成后,你只需要运行以下的Bash命令(在操作前,请先<code>cd</code>到您的目录下,以免不必要的麻烦):</p>
178<figure class="highlight bash"><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></pre></td><td class="code"><pre><span class="line">npm i hexo-cli -g</span><br><span class="line">hexo init blog</span><br><span class="line"><span class="built_in">cd</span> blog</span><br><span class="line">npm install</span><br></pre></td></tr></table></figure>
179<p>Hexo会自动将框架Clone至<code>blog</code>文件夹,我们只需要等待其完成。</p>
180<p><img src= "/img/loading.gif" data-lazy-src="https://xg3.jiashumao.net/2022/03/12/pEa5RGGU.png" alt="1647071608112.png" /></p>
181<p>在文件夹下,我们只需要运行<code>hexo s</code>就可以在本地一览博客啦!</p>
182<p><img src= "/img/loading.gif" data-lazy-src="https://xg3.jiashumao.net/2022/03/12/LQga0xlN.png" alt="1647071680840.png" /></p>
183<p><img src= "/img/loading.gif" data-lazy-src="https://xg3.jiashumao.net/2022/03/12/okVHTMO9.png" alt="1647071700051.png" /></p>
184<p>可以看到,Hexo已经自动创建了一篇叫<code>Hello World</code>的默认文章,这说明我们的博客框架已经初始化完成了!不过这时候的博客还很单调,需要我们后续的修改,这段内容将会在未来的教程中展开叙述。</p>
185<h1 id="新建文章页面"><a class="markdownIt-Anchor" href="#新建文章页面"></a> 新建文章/页面</h1>
186<p>如果你想新建一篇文章,可以运行以下的Bash:</p>
187<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">
187hexo new post <span class="string">&quot;xxx&quot;</span></span><br></pre></td></tr></table></figure>
188<p><img src= "/img/loading.gif" data-lazy-src="https://xg3.jiashumao.net/2022/03/12/jcRzy0YG.png" alt="1647071902142.png" /></p>
189<p>Hexo就会自动创建一篇叫<code>xxx</code>的文章。</p>
190<p>但如果我想创建的不是文章,是一个单独的页面呢?</p>
191<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">hexo new page <span class="string">&quot;xxx&quot;</span></span><br></pre></td></tr></table></figure>
192<p>这样就能创建一个叫<code>xxx</code>的页面。</p>
193<p>限于篇幅与博主的时间原因,这篇教程只能拆开来一点点讲,还请关注qaq</p>
194</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="mailto:[email protected]">pai233</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="https://blog.pai233.top/20220312/init-your-hexo-blog/">https://blog.pai233.top/20220312/init-your-hexo-blog/</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外,均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="https://blog.pai233.top" target="_blank">咕咕云梦泽</a>!</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/Blog/">Blog</a><a class="post-meta__tags" href="/tags/Hexo/">Hexo</a><a class="post-meta__tags" href="/tags/Node-js/">Node.js</a><a class="post-meta__tags" href="/tags/Git/">Git</a></div><div class="post_share"><div class="addtoany"><div class="a2a_kit a2a_kit_size_32 a2a_default_style"><a class="a2a_button_facebook"></a><a class="a2a_button_twitter"></a><a class="a2a_button_wechat"></a><a class="a2a_button_sina_weibo"></a><a class="a2a_button_facebook_messenger"></a><a class="a2a_button_email"></a><a class="a2a_button_copy_link"></a><a class="a2a_dd" target="_blank" rel="noopener" href="https://www.addtoany.com/share"></a></div></div>
194<script async="async" src="https://static.addtoany.com/menu/page.js"></script>
194</div></div><div class="post-reward"><div class="reward-button"><i class="fas fa-qrcode"></i> 打赏</div><div class="reward-main"><ul class="reward-all"><li class="reward-item"><a href="/img/wechatpay.png" target="_blank"><img class="post-qr-code-img" src="/img/wechatpay.png" alt="微信支付"/></a><div class="post-qr-code-desc">微信支付</div></li><li class="reward-item"><a href="/img/qqwallet.png" target="_blank"><img class="post-qr-code-img" src="/img/qqwallet.png" alt="QQ钱包"/></a><div class="post-qr-code-desc">QQ钱包</div></li></ul></div></div><div class="ads-wrap"><div style = "width: fit-content;margin: 0 auto;"><a target="_blank" rel="noopener" href="https://s.qiniu.com/FJfm2a" title="多款云产品长期免费使用,注册即享超值赠送!"><img src="/img/qiniu-actfree-wide.jpg" style="max-width:100%;overflow:hidden;"></img></a><a target="_blank" rel="noopener" href="https://s.qiniu.com/2MJVNf" title="全球2000+节点无盲区覆盖,注册即可免费使用!"><img src="/img/qiniu-cdn-wide.jpg" style="max-width:100%;overflow:hidden;"></img></a><a target="_blank" rel="noopener" href="https://s.qiniu.com/zuQrue" title="注册免费领取云服务器,享免费数据迁移服务!"><img src="/img/qiniu-server-wide.jpg" style="max-width:100%;overflow:hidden;"></img></a></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/20220227/change-the-cdn-of-butterfly-from-jsdelivr-to-your-proxy-server/"><img class="prev-cover" src="https://cdn.pai233.top/57.png" onerror="onerror=null;src='/img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">快速将Butterfly主题的CDN从jsDelivr切换至自建反向代理源</div></div></a></div><div class="next-post pull-right"><a href="/20220327/some-good-themes-for-hexo/"><img class="next-cover" src="https://cdn.pai233.top/14.png" onerror="onerror=null;src='/img/404.jpg'" alt="cover of next post"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">【搭建Hexo博客(二)】选择主题</div></div></a></div></nav><div class="relatedPosts"><div class="headline"><i class="fas fa-thumbs-up fa-fw"></i><span>相关推荐</span></div><div class="relatedPosts-list"><div><a href="/20220327/some-good-themes-for-hexo/" title="【搭建Hexo博客(二)】选择主题"><img class="cover" src="https://cdn.pai233.top/14.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-03-27</div><div class="title">【搭建Hexo博客(二)】选择主题</div></div></a></div><div><a href="/20220409/butterfly-popup-welcome-window/" title="【Butterfly主题】弹出欢迎弹窗"><img class="cover" src="https://cdn.pai233.top/56.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-04-09</div><div class="title">【Butterfly主题】弹出欢迎弹窗</div></div></a></div><div><a href="/20220503/butterfly-go-jumper/" title="【Butterfly主题】添加二级跳转页"><img class="cover" src="https://cdn.pai233.top/33.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2022-05-03</div><div class="title">【Butterfly主题】添加二级跳转页</div></div></a></div><div><a href="/20210815/hexo-clicker/" title="【NexT主题美化】点击页面浮现24字核心价值观"><img class="cover" src="https://cdn.pai233.top/2.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2021-08-15</div><div class="title">【NexT主题美化】点击页面浮现24字核心价值观</div></div></a></div><div><a href="/20210930/hexo-katex/" title="【Hexo】博客数学公式解决方案,亲测有效"><img class="cover" src="https://cdn.pai233.top/58.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2021-09-30</div><div class="title">【Hexo】博客数学公式解决方案,亲测有效</div></div></a></div><div><a href="/20210912/hexo-pop-welcome-window/" title="【Hexo+NexT主题】弹出欢迎弹窗"><img class="cover" src="https://cdn.pai233.top/10.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2021-09-12</div><div class="title">【Hexo+NexT主题】弹出欢迎弹窗</div></div></a></div></div></div><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div><div id="comment-switch"><span class="first-comment">Twikoo</span><span class="switch-btn"></span><span class="second-comment">Gitalk</span></div></div><div class="comment-wrap"><div><div id="twikoo-wrap"></div></div><div><div id="gitalk-container"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/img/avatar.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">
194pai233</div><div class="author-info__description">Write Down My Life.</div></div><div class="card-info-data is-center"><div class="card-info-data-item"><a href="/archives/"><div class="headline">文章</div><div class="length-num">37</div></a></div><div class="card-info-data-item"><a href="/tags/"><div class="headline">标签</div><div class="length-num">42</div></a></div><div class="card-info-data-item"><a href="/categories/"><div class="headline">分类</div><div class="length-num">28</div></a></div></div><a id="card-info-btn" target="_blank" rel="noopener" href="https://discord.gg/KZUcfu3YwR"><i class="fab fa-discord"></i><span>Chat on Discord</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/pai233" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:[email protected]" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="https://weibo.com/p/1005057307480731" target="_blank" title="Weibo"><i class="fab fa-weibo"></i></a><a class="social-icon" href="https://twitter.com/gugugupai233" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a><a class="social-icon" href="https://www.facebook.com/jobsau233" target="_blank" title="Facebook"><i class="fab fa-facebook"></i></a><a class="social-icon" href="https://www.youtube.com/channel/UCUv1mBq0QR3OvypuFnIRdkg/" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a><a class="social-icon" href="https://www.instagram.com/jobsau233/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a><a class="social-icon" href="https://vk.com/id562467714" target="_blank" title="VK"><i class="fab fa-vk"></i></a><a class="social-icon" href="skype:live:.cid.193930fcd00765f5?call|chat" target="_blank" title="Skype"><i class="fab fa-skype"></i></a><a class="social-icon" href="https://space.bilibili.com/473777430" target="_blank" title="Bilibili"><i class="fa-brands fa-bilibili"></i></a><a class="social-icon" href="https://account.xbox.com/zh-cn/profile?gamertag=gugugupai233" target="_blank" title="Xbox"><i class="fab fa-xbox"></i></a><a class="social-icon" href="https://gitlab.com/gugugupai233" target="_blank" title="Gitlab"><i class="fab fa-gitlab"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">欢迎来到咕咕云梦泽!请各位大大们评论时注意文明用语哦~</div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span><span class="toc-percentage"></span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%8D%9A%E5%AE%A2%E6%98%AF%E4%BB%80%E4%B9%88"><span class="toc-number">1.</span> <span class="toc-text"> 博客是什么?</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%86%99%E5%8D%9A%E5%AE%A2%E6%9C%89%E4%BB%80%E4%B9%88%E5%A5%BD%E5%A4%84"><span class="toc-number">2.</span> <span class="toc-text"> 写博客有什么好处?</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%BA%AA%E5%BD%95%E4%B8%AA%E4%BA%BA%E7%94%9F%E6%B4%BB%E7%82%B9%E6%BB%B4"><span class="toc-number">2.1.</span> <span class="toc-text"> 纪录个人生活点滴</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%8A%92%E5%8F%91%E4%B8%8E%E5%88%86%E4%BA%AB%E4%B8%AA%E4%BA%BA%E6%83%85%E7%BB%AA"><span class="toc-number">2.2.</span> <span class="toc-text"> 抒发与分享个人情绪</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%88%86%E4%BA%AB%E4%B8%8E%E4%BA%A4%E6%B5%81%E7%9F%A5%E8%AF%86-%E6%8A%80%E6%9C%AF"><span class="toc-number">2.3.</span> <span class="toc-text"> 分享与交流知识、技术</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%AE%A4%E8%AF%86%E5%90%8C%E5%A5%BD-%E7%BB%93%E4%BA%A4%E6%9C%8B%E5%8F%8B"><span class="toc-number">2.4.</span> <span class="toc-text"> 认识同好、结交朋友</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%88%86%E4%BA%AB%E5%88%9B%E4%BD%9C%E6%96%87%E5%AD%A6-%E7%BB%98%E5%9B%BE%E4%BD%9C%E5%93%81"><span class="toc-number">2.5.</span> <span class="toc-text"> 分享创作文学、绘图作品</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%8C%BB%E5%AD%A6%E4%BB%B7%E5%80%BC"><span class="toc-number">2.6.</span> <span class="toc-text"> 医学价值</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#hexo%E7%AE%80%E4%BB%8B"><span class="toc-number">3.</span> <span class="toc-text"> Hexo简介</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%88%9D%E5%A7%8B%E5%8C%96"><span class="toc-number">4.</span> <span class="toc-text"> 初始化</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E6%96%B0%E5%BB%BA%E6%96%87%E7%AB%A0%E9%A1%B5%E9%9D%A2"><span class="toc-number">5.</span> <span class="toc-text"> 新建文章&#x2F;页面</span></a></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/20220805/noip2006pj-t3/" title="【NOIP2006普及组】Jam的计数法"><img src="https://cdn.pai233.top/8.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="【NOIP2006普及组】Jam的计数法"/></a><div class="content"><a class="title" href="/20220805/noip2006pj-t3/" title="【NOIP2006普及组】Jam的计数法">【NOIP2006普及组】Jam的计数法</a><time datetime="2022-08-05T02:21:02.000Z" title="发表于 2022-08-05 10:21:02">2022-08-05</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220707/noip2008tg-t1/" title="【NOIP2008提高组】笨小猴"><img src="https://cdn.pai233.top/2.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="【NOIP2008提高组】笨小猴"/></a><div class="content"><a class="title" href="/20220707/noip2008tg-t1/" title="【NOIP2008提高组】笨小猴">【NOIP2008提高组】笨小猴</a><time datetime="2022-07-07T01:58:38.000Z" title="发表于 2022-07-07 09:58:38">2022-07-07</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220503/butterfly-go-jumper/" title="【Butterfly主题】添加二级跳转页"><img src="https://cdn.pai233.top/33.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="【Butterfly主题】添加二级跳转页"/></a><div class="content"><a class="title" href="/20220503/butterfly-go-jumper/" title="【Butterfly主题】添加二级跳转页">【Butterfly主题】添加二级跳转页</a><time datetime="2022-05-03T11:17:22.000Z" title="发表于 2022-05-03 19:17:22">2022-05-03</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220503/how-to-get-a-microsoft-365-e5-account/" title="2022å¹´Microsoft 365开发者E5订阅白嫖教程"><img src="https://cdn.pai233.top/9.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="2022å¹´Microsoft 365开发者E5订阅白嫖教程"/></a><div class="content"><a class="title" href="/20220503/how-to-get-a-microsoft-365-e5-account/" title="2022å¹´Microsoft 365开发者E5订阅白嫖教程">2022å¹´Microsoft 365开发者E5订阅白嫖教程</a><time datetime="2022-05-03T10:28:21.000Z" title="发表于 2022-05-03 18:28:21">2022-05-03</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220409/butterfly-popup-welcome-window/" title="【Butterfly主题】弹出欢迎弹窗"><img src="https://cdn.pai233.top/56.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="【Butterfly主题】弹出欢迎弹窗"/></a><div class="content"><a class="title" href="/20220409/butterfly-popup-welcome-window/" title="【Butterfly主题】弹出欢迎弹窗">【Butterfly主题】弹出欢迎弹窗</a><time datetime="2022-04-09T09:26:19.000Z" title="发表于 2022-04-09 17:26:19">2022-04-09</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220327/some-good-themes-for-hexo/" title="【搭建Hexo博客(二)】选择主题"><img src="https://cdn.pai233.top/14.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="【搭建Hexo博客(二)】选择主题"/></a><div class="content"><a class="title" href="/20220327/some-good-themes-for-hexo/" title="【搭建Hexo博客(二)】选择主题">【搭建Hexo博客(二)】选择主题</a><time datetime="2022-03-27T09:08:44.000Z" title="发表于 2022-03-27 17:08:44">2022-03-27</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220312/init-your-hexo-blog/" title="【搭建Hexo博客(一)】初始化框架"><img src="https://cdn.pai233.top/32.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="【搭建Hexo博客(一)】初始化框架"/></a><div class="content"><a class="title" href="/20220312/init-your-hexo-blog/" title="【搭建Hexo博客(一)】初始化框架">【搭建Hexo博客(一)】初始化框架</a><time datetime="2022-03-12T07:42:01.000Z" title="发表于 2022-03-12 15:42:01">2022-03-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/20220227/change-the-cdn-of-butterfly-from-jsdelivr-to-your-proxy-server/" title="快速将Butterfly主题的CDN从jsDelivr切换至自建反向代理源"><img src="https://cdn.pai233.top/57.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="快速将Butterfly主题的CDN从jsDelivr切换至自建反向代理源"/></a><div class="content"><a class="title" href="/20220227/change-the-cdn-of-butterfly-from-jsdelivr-to-your-proxy-server/" title="快速将Butterfly主题的CDN从jsDelivr切换至自建反向代理源">快速将Butterfly主题的CDN从jsDelivr切换至自建反向代理源</a><time datetime="2022-02-27T08:48:33.000Z" title="发表于 2022-02-27 16:48:33">2022-02-27</time></div></div></div></div><div class="card-widget ads-wrap"><a target="_blank" rel="noopener" href="https://s.qiniu.com/zm2yQr" title="10年专注云存储,注册即可免费使用!"><img src="/img/qiniu-storage-aside.jpg" style="max-width:100%;overflow:hidden;"></img></a></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2021 - 2022 By pai233</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div><div class="footer_custom_text">咕咕云梦泽 - 气蒸云梦泽,波撼岳阳城。<br><a href="https://icp.gov.moe/?keyword=20229989" target="_blank">萌ICP备20229989号</a><div align="center" style = "width: fit-content;margin: 0 auto;"><meting-js server="netease" type="playlist" id="6888258472" list-folded=1 theme=#ffffff></meting-js></div></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="translateLink" type="button" title="简繁转换">繁</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></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 class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><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="is-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></div><div id="search-mask"></div></div><div>
194<script src="/js/utils.js"></script>
194<script src="/js/main.js"></script>
194<script src="/js/tw_cn.js"></script>
194<script src="https://jsdelivr.pai233.top/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
194<script src="https://jsdelivr.pai233.top/npm/instant.page/instantpage.min.js" type="module"></script>
194<script src="https://jsdelivr.pai233.top/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script>
194<script src="https://jsdelivr.pai233.top/npm/node-snackbar/dist/snackbar.min.js"></script>
194<script src="/js/search/local-search.js"></script>
194<script>var preloader = {
195  endLoading: () => {
196    document.body.style.overflow = 'auto';
197    document.getElementById('loading-box').classList.add("loaded")
198  },
199  initLoading: () => {
200    document.body.style.overflow = '';
201    document.getElementById('loading-box').classList.remove("loaded")
202
203  }
204}
205window.addEventListener('load',preloader.endLoading())</script>
205<div class="js-pjax"><link rel="stylesheet" type="text/css" href="https://jsdelivr.pai233.top/npm/katex@latest/dist/katex.min.css">
205<script src="https://jsdelivr.pai233.top/npm/katex@latest/dist/contrib/copy-tex.min.js"></script>
205<link rel="stylesheet" type="text/css" href="https://jsdelivr.pai233.top/npm/katex@latest/dist/contrib/copy-tex.css">
205<script>(() => {
206  document.querySelectorAll('#article-container span.katex-display').forEach(item => {
207    btf.wrap(item, 'div', { class: 'katex-wrap'})
208  })
209})()</script>
209<script>(()=>{
210  const init = () => {
211    twikoo.init(Object.assign({
212      el: '#twikoo-wrap',
213      envId: 'https://twikoo.pai233.top/',
214      region: '',
215      onCommentLoaded: function () {
216        btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.vemoji)'))
217      }
218    }, null))
219  }
220
221  const getCount = () => {
222    twikoo.getCommentsCount({
223      envId: 'https://twikoo.pai233.top/',
224      region: '',
225      urls: [window.location.pathname],
226      includeReply: false
227    }).then(function (res) {
228      document.getElementById('twikoo-count').innerText = res[0].count
229    }).catch(function (err) {
230      console.error(err);
231    });
232  }
233
234  const runFn = () => {
235    init()
236    GLOBAL_CONFIG_SITE.isPost && getCount()
237  }
238
239  const loadTwikoo = () => {
240    if (typeof twikoo === 'object') {
241      setTimeout(runFn,0)
242      return
243    } 
244    getScript('https://jsdelivr.pai233.top/npm/twikoo/dist/twikoo.all.min.js').then(runFn)
245  }
246
247  if ('Twikoo' === 'Twikoo' || !true) {
248    if (true) btf.loadComment(document.getElementById('twikoo-wrap'), loadTwikoo)
249    else loadTwikoo()
250  } else {
251    window.loadOtherComment = () => {
252      loadTwikoo()
253    }
254  }
255})()</script>
255<script>function addGitalkSource () {
256  const ele = document.createElement('link')
257  ele.rel = 'stylesheet'
258  ele.href= 'https://jsdelivr.pai233.top/npm/gitalk/dist/gitalk.min.css'
259  document.getElementsByTagName('head')[0].appendChild(ele)
260}
261
262function loadGitalk () {
263  function initGitalk () {
264    var gitalk = new Gitalk(Object.assign({
265      clientID: 'ba1046120bdbc14284e8',
266      clientSecret: 'a6d0140d30391f63322d68489979cc7a7b58f3ff',
267      repo: 'Blog',
268      owner: 'pai233',
269      admin: ['pai233'],
270      id: '91553e676c88d0de1aa212f7a5aeec0e',
271      updateCountCallback: commentCount
272    },null))
273
274    gitalk.render('gitalk-container')
275  }
276
277  if (typeof Gitalk === 'function') initGitalk()
278  else {
279    addGitalkSource()
280    getScript('https://jsdelivr.pai233.top/npm/gitalk@latest/dist/gitalk.min.js').then(initGitalk)
281  }
282}
283
284function commentCount(n){
285  let isCommentCount = document.querySelector('#post-meta .gitalk-comment-count')
286  if (isCommentCount) {
287    isCommentCount.innerHTML= n
288  }
289}
290
291if ('Twikoo' === 'Gitalk' || !true) {
292  if (true) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk)
293  else loadGitalk()
294} else {
295  function loadOtherComment () {
296    loadGitalk()
297  }
298}</script>
298</div>
298<script>window.addEventListener('load', () => {
299  const changeContent = (content) => {
300    if (content === '') return content
301
302    content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[图片]') // replace image link
303    content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[链接]') // replace url
304    content = content.replace(/<pre><code>.*?<\/pre>/gi, '[代码]') // replace code
305    content = content.replace(/<[^>]+>/g,"") // remove html tag
306
307    if (content.length > 150) {
308      content = content.substring(0,150) + '...'
309    }
310    return content
311  }
312
313  const getComment = () => {
314    const runTwikoo = () => {
315      twikoo.getRecentComments({
316        envId: 'https://twikoo.pai233.top/',
317        region: '',
318        pageSize: 6,
319        includeReply: true
320      }).then(function (res) {
321        const twikooArray = res.map(e => {
322          return {
323            'content': changeContent(e.comment),
324            'avatar': e.avatar,
325            'nick': e.nick,
326            'url': e.url + '#' + e.id,
327            'date': new Date(e.created).toISOString()
328          }
329        })
330
331        saveToLocal.set('twikoo-newest-comments', JSON.stringify(twikooArray), 10/(60*24))
332        generateHtml(twikooArray)
333      }).catch(function (err) {
334        const $dom = document.querySelector('#card-newest-comments .aside-list')
335        $dom.innerHTML= "无法获取评论,请确认相关配置是否正确"
336      })
337    }
338
339    if (typeof twikoo === 'object') {
340      runTwikoo()
341    } else {
342      getScript('https://jsdelivr.pai233.top/npm/twikoo/dist/twikoo.all.min.js').then(runTwikoo)
343    }
344  }
345
346  const generateHtml = array => {
347    let result = ''
348
349    if (array.length) {
350      for (let i = 0; i < array.length; i++) {
351        result += '<div class=\'aside-list-item\'>'
352
353        if (true) {
354          const name = 'data-lazy-src'
355          result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
356        }
357        
358        result += `<div class='content'>
359        <a class='comment' href='${array[i].url}' title='${array[i].content}'>${array[i].content}</a>
360        <div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
361        </div></div>`
362      }
363    } else {
364      result += '没有评论'
365    }
366
367    let $dom = document.querySelector('#card-newest-comments .aside-list')
368    $dom.innerHTML= result
369    window.lazyLoadInstance && window.lazyLoadInstance.update()
370    window.pjax && window.pjax.refresh($dom)
371  }
372
373  const newestCommentInit = () => {
374    if (document.querySelector('#card-newest-comments .aside-list')) {
375      const data = saveToLocal.get('twikoo-newest-comments')
376      if (data) {
377        generateHtml(JSON.parse(data))
378      } else {
379        getComment()
380      }
381    }
382  }
383
384  newestCommentInit()
385  document.addEventListener('pjax:complete', newestCommentInit)
386})</script>
386<script src="https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js"></script>
386<script>POWERMODE.colorful = true;
387POWERMODE.shake = false;
388POWERMODE.mobile = false;
389document.body.addEventListener('input', POWERMODE);
390</script>
390<script id="click-show-text" src="https://jsdelivr.pai233.top/npm/butterfly-extsrc@1/dist/click-show-text.min.js" data-mobile="false" data-text="富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善" data-fontsize="15px" data-random="true" async="async"></script>
390<script>window.$crisp = [];
391window.CRISP_WEBSITE_ID = "e0b74d1c-63f5-417a-9b65-defcec9d5b6e";
392(function () {
393  d = document;
394  s = d.createElement("script");
395  s.src = "https://client.crisp.chat/l.js";
396  s.async = 1;
397  d.getElementsByTagName("head")[0].appendChild(s);
398})();
399$crisp.push(["safe", true])
400
401if (false) {
402  $crisp.push(["do", "chat:hide"])
403  $crisp.push(["on", "chat:closed", function() {
404    $crisp.push(["do", "chat:hide"])
405  }])
406  var chatBtnFn = () => {
407    var chatBtn = document.getElementById("chat_btn")
408    chatBtn.addEventListener("click", function(){
409      $crisp.push(["do", "chat:show"])
410      $crisp.push(["do", "chat:open"])
411
412    });
413  }
414  chatBtnFn()
415} else {
416  if (false) {
417    function chatBtnHide () {
418      $crisp.push(["do", "chat:hide"])
419    }
420    function chatBtnShow () {
421      $crisp.push(["do", "chat:show"])
422    }
423  }
424}</script>
424<script>((window.gitter = {}).chat = {}).options = {
425  room: 'pai233_room/community',
426};
427
428if (false) {
429  function chatBtnHide () {
430    document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'none'
431  }
432
433  function chatBtnShow () {
434    document.getElementsByClassName('gitter-open-chat-button')[0].style.display= 'block'
435  }
436}
437</script>
437<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async="async" defer="defer"></script>
437<script src="https://jsdelivr.pai233.top/npm/pjax/pjax.min.js"></script>
437<script>let pjaxSelectors = ["title","#config-diff","#body-wrap","#rightside-config-hide","#rightside-config-show",".js-pjax"]
438
439var pjax = new Pjax({
440  elements: 'a:not([target="_blank"])',
441  selectors: pjaxSelectors,
442  cacheBust: false,
443  analytics: false,
444  scrollRestoration: false
445})
446
447document.addEventListener('pjax:send', function () {
448
449  // removeEventListener scroll 
450  window.tocScrollFn && window.removeEventListener('scroll', window.tocScrollFn)
451  window.scrollCollect && window.removeEventListener('scroll', scrollCollect)
452
453  typeof preloader === 'object' && preloader.initLoading()
454  document.getElementById('rightside').style.cssText = "opacity: ''; transform: ''"
455  
456  if (window.aplayers) {
457    for (let i = 0; i < window.aplayers.length; i++) {
458      if (!window.aplayers[i].options.fixed) {
459        window.aplayers[i].destroy()
460      }
461    }
462  }
463
464  typeof typed === 'object' && typed.destroy()
465
466  //reset readmode
467  const $bodyClassList = document.body.classList
468  $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')
469
470})
471
472document.addEventListener('pjax:complete', function () {
473  window.refreshFn()
474
475  document.querySelectorAll('script[data-pjax]').forEach(item => {
476    const newScript = document.createElement('script')
477    const content = item.text || item.textContent || item.innerHTML || ""
478    Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
479    newScript.appendChild(document.createTextNode(content))
480    item.parentNode.replaceChild(newScript, item)
481  })
482
483  GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()
484
485  typeof chatBtnFn === 'function' && chatBtnFn()
486  typeof panguInit === 'function' && panguInit()
487
488  // google analytics
489  typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});
490
491  // baidu analytics
492  typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);
493
494  typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()
495
496  // prismjs
497  typeof Prism === 'object' && Prism.highlightAll()
498
499  typeof preloader === 'object' && preloader.endLoading()
500})
501
502document.addEventListener('pjax:error', (e) => {
503  if (e.request.status === 404) {
504    pjax.loadUrl('/404.html')
505  }
506})</script>
506<script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
506</div>
506<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script>
506<script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/wanko.model.json"},"display":{"position":"left","width":140,"height":300},"mobile":{"show":true},"log":false});</script>
506<script async>window.onload=function(){var a=document.createElement('script'),b=document.getElementsByTagName('script')[0];a.type='text/javascript',a.async=!0,a.src='/sw-register.js?v='+Date.now(),b.parentNode.insertBefore(a,b)};</script>
506</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.