-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhexo-build.html
154 lines (154 loc) · 33.9 KB
/
hexo-build.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#222"><meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><link rel="icon" type="image/ico" sizes="32x32" href="/assets/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png"><link rel="alternate" href="/rss.xml" title="Jiankychen's Blog" type="application/rss+xml"><link rel="alternate" href="/atom.xml" title="Jiankychen's Blog" type="application/atom+xml"><link rel="alternate" type="application/json" title="Jiankychen's Blog" href="https://jiankychen.github.io/feed.json"><link rel="preconnect" href="https://lf9-cdn-tos.bytecdntp.com"><link rel="preconnect" href="https://at.alicdn.com"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mulish:400,400italic,700,700italic%7CFredericka%20the%20Great:400,400italic,700,700italic%7CNoto%20Serif%20JP:400,400italic,700,700italic%7CNoto%20Serif%20SC:400,400italic,700,700italic%7CInconsolata:400,400italic,700,700italic&display=swap&subset=latin,latin-ext" media="none" onload="this.media='all'"><link rel="stylesheet" href="/css/app.css?v=0.4.2"><link rel="modulepreload" href="/js/chunk-7IVLRIQ3.js"><link rel="modulepreload" href="/js/chunk-IXT6LZJL.js"><link rel="modulepreload" href="/js/chunk-PHSEV26P.js"><link rel="modulepreload" href="/js/chunk-XHQGHZCW.js"><link rel="modulepreload" href="/js/comments-TUWNDU5I.js"><link rel="modulepreload" href="/js/post-P6IN2S3Y.js"><link rel="modulepreload" href="/js/quicklink-HAJEHOPK.js"><link rel="modulepreload" href="/js/search-WFXK2K66.js"><link rel="modulepreload" href="/js/siteInit.js"><link rel="stylesheet" href="https://npm.webcache.cn/@waline/[email protected]/dist/waline.css" media="none" onload="this.media='all'"><link rel="preload" href="https://img.timelessq.com/images/2022/07/26/1135e8eb0ca0a462aa1c2f6ecb6a5ae2.jpg" as="image" fetchpriority="high"><link rel="preload" href="https://i.imgtg.com/2023/03/09/YS6XY.jpg" as="image" fetchpriority="high"><link rel="preload" href="https://i.imgtg.com/2023/03/09/Y0iNK.jpg" as="image" fetchpriority="high"><link rel="preload" href="https://i.imgtg.com/2023/03/09/YSIlc.jpg" as="image" fetchpriority="high"><link rel="preload" href="https://img.timelessq.com/images/2022/07/26/9b626c5ba21d7cb4dbcba2b507688bbb.jpg" as="image" fetchpriority="high"><link rel="preload" href="https://img.timelessq.com/images/2022/07/26/65d0bfef68566882ce0560cab2e87921.jpg" as="image" fetchpriority="high"><link rel="canonical" href="https://jiankychen.github.io/hexo-build"><title>hexo 博客搭建与配置</title><meta name="generator" content="Hexo 7.0.0"></head><body itemscope="" itemtype="http://schema.org/WebPage"><div id="loading"><div class="cat"><div class="body"></div><div class="head"><div class="face"></div></div><div class="foot"><div class="tummy-end"></div><div class="bottom"></div><div class="legs left"></div><div class="legs right"></div></div><div class="paw"><div class="hands left"></div><div class="hands right"></div></div></div></div><div id="container"><header id="header" itemscope="" itemtype="http://schema.org/WPHeader"><div class="inner"><div id="brand"><div class="pjax"><h1 itemprop="name headline">hexo 博客搭建与配置</h1><div class="meta"><span class="item" title="创建时间：2021-10-24 23:06:24"><span class="icon"><i class="ic i-calendar"></i></span><span class="text">发表于</span><time itemprop="dateCreated datePublished" datetime="2021-10-24T23:06:24+08:00">2021-10-24</time></span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i></span><span class="text">本文字数</span><span>9k</span><span class="text">字</span></span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i></span><span class="text">阅读时长</span><span>8 分钟</span></span></div></div></div><nav id="nav"><div class="inner"><div class="toggle"><div class="lines" aria-label="切换导航栏"><span class="line"></span><span class="line"></span><span class="line"></span></div></div><ul class="menu"><li class="item title"><a href="/" rel="start">Jiankychen</a></li></ul><ul class="right" id="rightNav"><li class="item theme"><i class="ic i-sun"></i></li><li class="item search"><i class="ic i-search"></i></li></ul></div></nav></div><div class="pjax" id="imgs"><ul><li class="item" style="background-image: url("https://img.timelessq.com/images/2022/07/26/1135e8eb0ca0a462aa1c2f6ecb6a5ae2.jpg");"></li><li class="item" style="background-image: url("https://i.imgtg.com/2023/03/09/YS6XY.jpg");"></li><li class="item" style="background-image: url("https://i.imgtg.com/2023/03/09/Y0iNK.jpg");"></li><li class="item" style="background-image: url("https://i.imgtg.com/2023/03/09/YSIlc.jpg");"></li><li class="item" style="background-image: url("https://img.timelessq.com/images/2022/07/26/9b626c5ba21d7cb4dbcba2b507688bbb.jpg");"></li><li class="item" style="background-image: url("https://img.timelessq.com/images/2022/07/26/65d0bfef68566882ce0560cab2e87921.jpg");"></li></ul></div></header><div id="waves"><svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"><defs><path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path></defs><g class="parallax"><use xlink:href="#gentle-wave" x="48" y="0"></use><use xlink:href="#gentle-wave" x="48" y="3"></use><use xlink:href="#gentle-wave" x="48" y="5"></use><use xlink:href="#gentle-wave" x="48" y="7"></use></g></svg></div><main><div class="inner"><div class="pjax" id="main"><div class="article wrap"><div class="breadcrumb" itemlistelement="" itemscope="" itemtype="https://schema.org/BreadcrumbList"><i class="ic i-home"></i><span><a href="/">首页</a></span><i class="ic i-angle-right"></i><span itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a href="/categories/Tutorial/" itemprop="item" rel="index" title="分类于Tutorial"><span itemprop="name">Tutorial<meta itemprop="position" content="0"></span></a></span><i class="ic i-angle-right"></i><span class="current" itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a href="/categories/Tutorial/Hexo/" itemprop="item" rel="index" title="分类于Hexo"><span itemprop="name">Hexo<meta itemprop="position" content="1"></span></a></span></div><article class="post block" itemscope="itemscope" itemtype="http://schema.org/Article" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://jiankychen.github.io/hexo-build.html"><span hidden="hidden" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person"><meta itemprop="image" content="/assets/avatar.jpg"><meta itemprop="name" content="Jiankychen"><meta itemprop="description" content="Never put off till tomorrow what you can do today, "></span><span hidden="hidden" itemprop="publisher" itemscope="itemscope" itemtype="http://schema.org/Organization"><meta itemprop="name" content="Jiankychen's Blog"></span><div class="body md" itemprop="articleBody"><h1 id="前期准备"><a class="anchor" href="#前期准备">#</a> 前期准备</h1>
<h2 id="安装git"><a class="anchor" href="#安装git">#</a> 安装 git</h2>
<ol>
<li>下载：<a target="_blank" rel="noopener" href="https://git-scm.com/download">https://git-scm.com/download</a></li>
<li>安装：除了选择安装路径外，一直点 next 就行</li>
</ol>
<p>可参考教程<a target="_blank" rel="noopener" href="https://blog.csdn.net/hahameier/article/details/86312530"> https://blog.csdn.net/hahameier/article/details/86312530</a></p>
<h2 id="安装nodejs"><a class="anchor" href="#安装nodejs">#</a> 安装 node.js</h2>
<ol>
<li>下载：<a target="_blank" rel="noopener" href="https://nodejs.org/en/">https://nodejs.org/en/</a></li>
<li>安装：除了选择路径以外，一直点 next 就行</li>
</ol>
<h1 id="hexo环境搭建"><a class="anchor" href="#hexo环境搭建">#</a> hexo 环境搭建</h1>
<h2 id="进入命令行"><a class="anchor" href="#进入命令行">#</a> 进入命令行</h2>
<p>打开命令行窗口：按 <code>win+r</code> 键，输入 <code>cmd</code> ，回车，后续操作均在命令行进行</p>
<h2 id="安装cnpm"><a class="anchor" href="#安装cnpm">#</a> 安装 cnpm</h2>
<p>安装 cnpm 镜像源：输入 <code>npm install -g cnpm --registry=http://registry.npm.taobao.org</code> ，回车，等待...</p>
<h2 id="安装hexo"><a class="anchor" href="#安装hexo">#</a> 安装 hexo</h2>
<p>安装 hexo 框架：输入 <code>cnpm install -g hexo-cli</code> ，回车</p>
<h2 id="新建blog文件"><a class="anchor" href="#新建blog文件">#</a> 新建 blog 文件</h2>
<ol>
<li>以管理员权限打开 <code>cmd</code></li>
<li>输入 <code>mkdir e:\blog</code> 并回车，实现在 <code>e:\</code> 路径下创建 <code>blog</code> 文件夹</li>
<li>配置路径：先输入 <code>e:</code> 回车，切换默认目录至 <code>e</code> 盘；然后输入 <code>cd e:\blog</code> 回车，切换至 <code>e:\blog</code> 目录</li>
</ol>
<blockquote>
<p><code>cmd</code> 切换目录：</p>
<ul>
<li>“盘符 <code>:</code> ” 命令：进入指定硬盘区域，例： <code>D:</code> 命令，切换到 D 盘</li>
<li>“ <code>cd</code> + 空格 + 文件位置” 命令：切换到该磁盘下的指定目录</li>
<li><code>dir</code> 命令，显示当前目录下的所有文件</li>
<li><code>cd ..</code> 命令：返回上一级目录</li>
</ul>
</blockquote>
<h2 id="初始化"><a class="anchor" href="#初始化">#</a> 初始化</h2>
<ol>
<li>初始化博客：输入 <code>hexo init</code> ，回车，等待... 直到出现 <code>INFO Starting blogging with Hexo</code></li>
<li>启动本地博客服务：输入 <code>hexo s</code> ，回车，得到本地访问地址 <code>http://localhost:4000</code></li>
<li>访问本地博客：浏览器打开 <a target="_blank" rel="noopener" href="https://localhost:4000/">https://localhost:4000/</a></li>
</ol>
<h2 id="安装git插件"><a class="anchor" href="#安装git插件">#</a> 安装 git 插件</h2>
<ol>
<li>配置到 <code>blog</code> 目录：在 <code>cmd</code> 命令行输入 <code>e:</code> 回车，然后输入 <code>cd e:\blog</code> 回车</li>
<li>安装部署插件：输入 <code>cnpm install --save hexo-deployer-git</code> 并回车，等待安装完成，如若出现 warning 可直接忽略</li>
</ol>
<h2 id="配置git"><a class="anchor" href="#配置git">#</a> 配置 git</h2>
<ol>
<li>打开 <strong>git bash</strong></li>
<li>输入 <code>git config --global user.email YourEmail</code> ，其中 <code>YourEmail</code> 是 github 邮箱</li>
<li>输入 <code>git config --global user.name YourName</code> ， <code>YourName</code> 是 github 用户名</li>
</ol>
<h2 id="创建github仓库"><a class="anchor" href="#创建github仓库">#</a> 创建 github 仓库</h2>
<p>登录 github 网页，右上角 <code>New repository</code> 新建仓库， <code>Repository name</code> 命名为 <code>YourName.github.io</code> （以避免二级域名）</p>
<h2 id="配置_configyml"><a class="anchor" href="#配置_configyml">#</a> 配置_config.yml</h2>
<p>打开 <code>e:\blog</code> 路径下的 <code>_config.yml</code> 文件，找到 <code>Deployment</code> 板块，配置如下</p>
<figure class="highlight yml"><figcaption data-lang="YAML"></figcaption><table><tbody><tr><td data-num="1"></td><td><pre><span class="token comment"># Deployment</span></pre></td></tr><tr><td data-num="2"></td><td><pre><span class="token key atrule">deploy</span><span class="token punctuation">:</span> </pre></td></tr><tr><td data-num="3"></td><td><pre> <span class="token key atrule">type</span><span class="token punctuation">:</span> git</pre></td></tr><tr><td data-num="4"></td><td><pre> <span class="token key atrule">repo</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/YourGithubName/YourGithubName.github.io.git</pre></td></tr><tr><td data-num="5"></td><td><pre> <span class="token key atrule">branch</span><span class="token punctuation">:</span> master</pre></td></tr></tbody></table></figure><p>其中， <code>repo</code> 后面的链接为个人 github 仓库的链接， <code>branch</code> 填写仓库默认分支</p>
<blockquote>
<p>注：冒号后面需要有英文环境下的空格</p>
</blockquote>
<h2 id="部署到github仓库"><a class="anchor" href="#部署到github仓库">#</a> 部署到 github 仓库</h2>
<ol>
<li><code>cmd</code> 命令行配置到路径 <code>e:\blog</code></li>
<li>部署：输入 <code>hexo d</code> 并回车，部署到 github 仓库里</li>
<li>等待弹窗，输入 github 账户密码，即配置完成</li>
</ol>
<h2 id="hexo相关命令"><a class="anchor" href="#hexo相关命令">#</a> hexo 相关命令</h2>
<ul>
<li><code>hexo c</code> ：清理</li>
<li><code>hexo n</code> ：新建</li>
<li><code>hexo g</code> ：生成博客</li>
<li><code>hexo s</code> ：启动本地博客服务</li>
<li><code>hexo d</code> ：部署到远端 github 博客</li>
</ul>
<h1 id="其他配置"><a class="anchor" href="#其他配置">#</a> 其他配置</h1>
<h2 id="主题"><a class="anchor" href="#主题">#</a> 主题</h2>
<p>本博客采用的是 <a target="_blank" rel="noopener" href="https://github.com/amehime/hexo-theme-shoka">Shoka</a> 主题</p>
<p>其相关配置可参考：</p>
<ul>
<li><a target="_blank" rel="noopener" href="https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/">Shoka 主题使用说明</a></li>
<li><a target="_blank" rel="noopener" href="https://www.reversesacle.com/Supplement-for-shoka-theme/">Shoka 主题功能介绍补充点</a></li>
<li><a target="_blank" rel="noopener" href="https://www.lavenderdh.cn/categories/SHOKA/">Shoka 主题进阶玩法</a></li>
<li><a target="_blank" rel="noopener" href="https://github.com/amehime/hexo-theme-shoka/issues/65">添加 Jsdelivr CDN 的链接无法访问</a></li>
<li><a target="_blank" rel="noopener" href="https://hikki.site/6f010433.html">Jsdelivr 刷新缓存</a></li>
</ul>
<p>可访问 <a target="_blank" rel="noopener" href="https://hexo.io/themes/">hexo 主题列表</a> 查看更多主题</p>
<h2 id="链接格式"><a class="anchor" href="#链接格式">#</a> 链接格式</h2>
<p><a target="_blank" rel="noopener" href="https://blog.dejavu.moe/posts/hexo-permalinks/">优化 Hexo 网站的永久链接格式</a></p>
<h2 id="插件"><a class="anchor" href="#插件">#</a> 插件</h2>
<p><a target="_blank" rel="noopener" href="https://github.com/rozbo/hexo-abbrlink">静态链接转换：hexo-abbrlink</a> / <a target="_blank" rel="noopener" href="https://github.com/viko16/hexo-permalink-pinyin">hexo-permalink-pinyin</a></p>
<p><a target="_blank" rel="noopener" href="https://github.com/yiyungent/hexo-asset-img">显示本地图片：hexo-asset-img</a></p>
<p><a target="_blank" rel="noopener" href="https://github.com/tcatche/hexo-generator-readme-file">为 github 生成 readme.md 文件：hexo-generator-readme-file</a></p>
<p><a target="_blank" rel="noopener" href="https://hexo.io/plugins/">hexo 插件列表</a></p>
<h2 id="评论系统"><a class="anchor" href="#评论系统">#</a> 评论系统</h2>
<p>本博客搭建的是 <a target="_blank" rel="noopener" href="https://valine.js.org/quickstart.html">Valine</a> 评论系统</p>
<p>在 <code>_config.yml</code> 主题配置文件中，添加如下配置（具体参数可参考 <a target="_blank" rel="noopener" href="https://valine.js.org/configuration.html">Valine 配置项</a>）：</p>
<figure class="highlight yml"><figcaption data-lang="YAML"></figcaption><table><tbody><tr><td data-num="1"></td><td><pre><span class="token comment"># valine</span></pre></td></tr><tr><td data-num="2"></td><td><pre><span class="token key atrule">valine</span><span class="token punctuation">:</span></pre></td></tr><tr><td data-num="3"></td><td><pre> <span class="token key atrule">appId</span><span class="token punctuation">:</span> <span class="token comment"># Leancloud 的 AppID</span></pre></td></tr><tr><td data-num="4"></td><td><pre> <span class="token key atrule">appKey</span><span class="token punctuation">:</span> <span class="token comment"># Leancloud 的 AppKey</span></pre></td></tr><tr><td data-num="5"></td><td><pre> <span class="token key atrule">placeholder</span><span class="token punctuation">:</span> 欢迎评论~ <span class="token comment"># Comment box placeholder</span></pre></td></tr><tr><td data-num="6"></td><td><pre> <span class="token key atrule">avatar</span><span class="token punctuation">:</span> mp <span class="token comment"># Gravatar style : mp, identicon, monsterid, wavatar, robohash, retro</span></pre></td></tr><tr><td data-num="7"></td><td><pre> <span class="token key atrule">pageSize</span><span class="token punctuation">:</span> <span class="token number">10</span> <span class="token comment"># Pagination size</span></pre></td></tr><tr><td data-num="8"></td><td><pre> <span class="token key atrule">lang</span><span class="token punctuation">:</span> zh<span class="token punctuation">-</span>CN</pre></td></tr><tr><td data-num="9"></td><td><pre> <span class="token key atrule">visitor</span><span class="token punctuation">:</span> <span class="token boolean important">true</span> <span class="token comment"># 文章访问量统计</span></pre></td></tr><tr><td data-num="10"></td><td><pre> <span class="token key atrule">NoRecordIP</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不记录 IP</span></pre></td></tr><tr><td data-num="11"></td><td><pre> <span class="token key atrule">serverURLs</span><span class="token punctuation">:</span> <span class="token comment"># Leanclound 的 REST API 服务器地址</span></pre></td></tr></tbody></table></figure><p>需自行填写 <code>appId</code> 和 <code>appKey</code> ，其值分别为 Leancloud 的 <code>AppID</code> 和 <code>AppKey</code></p>
<blockquote>
<p>若 Leancloud 为国际版，需在 <code>_config.yml</code> 文件中设置 <code>serverURLs</code> ，其值为 Leancloud 中的 <code>REST API 服务器地址</code></p>
</blockquote>
<p>注：Valine 没有评论管理、邮件通知等功能</p>
<p>邮件通知、评论管理功能可参考以下教程：</p>
<ul>
<li>
<p><a target="_blank" rel="noopener" href="https://deserts.io/valine-admin-document/">Valine Admin</a></p>
</li>
<li>
<p><a target="_blank" rel="noopener" href="https://reinness.com/blog/vuepress/#">Valine Admin 升级版（含 QQ、微信提醒功能）</a></p>
</li>
</ul>
<h1 id="参考资料"><a class="anchor" href="#参考资料">#</a> 参考资料</h1>
<p><a target="_blank" rel="noopener" href="https://www.bilibili.com/video/BV1Yb411a7ty?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1635071237&unique_k=kYdWS1">Hexo 博客搭建的视频教程</a></p>
<p><a target="_blank" rel="noopener" href="https://www.cnblogs.com/philobing/p/15670470.html">解决 Github 连接不上的问题：HOSTS 文件配置</a></p>
<p><a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_42569846/article/details/105808683">使用 SSH 地址</a></p>
<p><a target="_blank" rel="noopener" href="https://blog.csdn.net/z952957407/article/details/111642548?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&utm_relevant_index=1">hexo + github 本地和线上图片不显示问题</a></p>
<p><a target="_blank" rel="noopener" href="https://blog.justlovesmile.top/posts/c8972b63.html?time=1653530771767">Hexo 博客搭建超级指南</a></p>
<p><a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_23858785/article/details/123104823">Hexo 博客同时部署到 Github 和 Gitee</a></p>
<p><a target="_blank" rel="noopener" href="https://hikki.site/edaa94fb.html">为博客添加免费的 CDN 加速</a></p>
<p><a target="_blank" rel="noopener" href="https://lizhening.github.io/posts/b467327c/">将 Hexo 博客提交 Google 并配置 Google Analysis</a></p>
<p><a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_41800884/article/details/103750683">百度，必应，谷歌收录</a></p>
</div><footer><div class="meta"><span class="item"><span class="icon"><i class="ic i-calendar-check"></i></span><span class="text">更新于</span><time title="修改时间：2024-06-08 23:09:28" itemprop="dateModified" datetime="2024-06-08T23:09:28+08:00">2024-06-08</time></span></div><div id="copyright"><ul><li class="author"><strong>本文作者：</strong>Jiankychen<i class="ic i-at"><em>@</em></i>Jiankychen's Blog</li><li class="link"><strong>本文链接：</strong><a href="https://jiankychen.github.io/hexo-build.html" title="hexo 博客搭建与配置">https://jiankychen.github.io/hexo-build.html</a></li><li class="license"><strong>版权声明：</strong>本站所有文章除特别声明外，均采用 <a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh"><i class="ic i-creative-commons"><em>(CC)</em></i>BY-NC-SA</a> 许可协议。转载请注明出处！</li></ul></div></footer></article></div><div class="post-nav"><div class="item left"><a href="/markdown.html" rel="prev" itemprop="url" data-background-image="https://img.timelessq.com/images/2022/07/26/e5221f7d85b0900837a45fb933fa34ec.jpg" title="markdown"><span class="type">上一篇</span><span class="category"><i class="ic i-flag"></i>Tutorial</span><h3>markdown</h3></a></div><div class="item right"><a href="/vscode-intro.html" rel="next" itemprop="url" data-background-image="https://i.imgtg.com/2023/03/09/YS2LU.jpg" title="vscode 使用"><span class="type">下一篇</span><span class="category"><i class="ic i-flag"></i>Tutorial</span><h3>vscode 使用</h3></a></div></div><div class="wrap" id="comments"></div></div><div id="sidebar"><div class="inner"><div class="panels"><div class="inner"><div class="contents panel pjax" data-title="文章目录"><ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%89%8D%E6%9C%9F%E5%87%86%E5%A4%87"><span class="toc-number">1.</span> <span class="toc-text"> 前期准备</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%AE%89%E8%A3%85git"><span class="toc-number">1.1.</span> <span class="toc-text"> 安装 git</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%AE%89%E8%A3%85nodejs"><span class="toc-number">1.2.</span> <span class="toc-text"> 安装 node.js</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#hexo%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA"><span class="toc-number">2.</span> <span class="toc-text"> hexo 环境搭建</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%BF%9B%E5%85%A5%E5%91%BD%E4%BB%A4%E8%A1%8C"><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="#%E5%AE%89%E8%A3%85cnpm"><span class="toc-number">2.2.</span> <span class="toc-text"> 安装 cnpm</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%AE%89%E8%A3%85hexo"><span class="toc-number">2.3.</span> <span class="toc-text"> 安装 hexo</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%96%B0%E5%BB%BAblog%E6%96%87%E4%BB%B6"><span class="toc-number">2.4.</span> <span class="toc-text"> 新建 blog 文件</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%88%9D%E5%A7%8B%E5%8C%96"><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%AE%89%E8%A3%85git%E6%8F%92%E4%BB%B6"><span class="toc-number">2.6.</span> <span class="toc-text"> 安装 git 插件</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%85%8D%E7%BD%AEgit"><span class="toc-number">2.7.</span> <span class="toc-text"> 配置 git</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%88%9B%E5%BB%BAgithub%E4%BB%93%E5%BA%93"><span class="toc-number">2.8.</span> <span class="toc-text"> 创建 github 仓库</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%85%8D%E7%BD%AE_configyml"><span class="toc-number">2.9.</span> <span class="toc-text"> 配置_config.yml</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%83%A8%E7%BD%B2%E5%88%B0github%E4%BB%93%E5%BA%93"><span class="toc-number">2.10.</span> <span class="toc-text"> 部署到 github 仓库</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#hexo%E7%9B%B8%E5%85%B3%E5%91%BD%E4%BB%A4"><span class="toc-number">2.11.</span> <span class="toc-text"> hexo 相关命令</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE"><span class="toc-number">3.</span> <span class="toc-text"> 其他配置</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%BB%E9%A2%98"><span class="toc-number">3.1.</span> <span class="toc-text"> 主题</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%93%BE%E6%8E%A5%E6%A0%BC%E5%BC%8F"><span class="toc-number">3.2.</span> <span class="toc-text"> 链接格式</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%8F%92%E4%BB%B6"><span class="toc-number">3.3.</span> <span class="toc-text"> 插件</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F"><span class="toc-number">3.4.</span> <span class="toc-text"> 评论系统</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%8F%82%E8%80%83%E8%B5%84%E6%96%99"><span class="toc-number">4.</span> <span class="toc-text"> 参考资料</span></a></li></ol></div><div class="related panel pjax" data-title="系列文章"><ul><li class="active"><a href="/hexo-build.html" rel="bookmark" title="hexo 博客搭建与配置">hexo 博客搭建与配置</a></li><li><a href="/shoka-opt.html" rel="bookmark" title="shoka 主题的若干改动">shoka 主题的若干改动</a></li></ul></div><div class="overview panel" data-title="站点概览"><div class="author" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person"><img class="image" loading="lazy" decoding="async" itemprop="image" alt="Jiankychen" src="/assets/avatar.webp"><p class="name" itemprop="name">Jiankychen</p><div class="description" itemprop="description"></div></div><nav class="state"><div class="item posts"><a href="/archives/"><span class="count">51</span><span class="name">文章</span></a></div><div class="item categories"><a href="/categories/"><span class="count">8</span><span class="name">分类</span></a></div><div class="item tags"><a href="/tags/"><span class="count">20</span><span class="name">标签</span></a></div></nav><div class="social"><a target="_blank" rel="noopener" href="https://github.com/jiankychen" class="item github" title="https://github.com/jiankychen"><i class="ic i-github"></i></a><a href="mailto:[email protected]" class="item email" title="mailto:[email protected]"><i class="ic i-envelope"></i></a><a target="_blank" rel="noopener" href="https://music.163.com/#/user/home?id=447771275" class="item music" title="https://music.163.com/#/user/home?id=447771275"><i class="ic i-cloud-music"></i></a><a target="_blank" rel="noopener" href="https://www.zhihu.com/people/jiankychen" class="item zhihu" title="https://www.zhihu.com/people/jiankychen"><i class="ic i-zhihu"></i></a></div><div class="menu"><li class="item"><a href="/" rel="section"><i class="ic i-home"></i>首页</a></li><li class="item dropdown"><a href="#" onclick="return false;"><i class="ic i-feather"></i>文章</a><ul class="submenu"><li class="item"><a href="/archives/" rel="section"><i class="ic i-list-alt"></i>归档</a></li><li class="item"><a href="/categories/" rel="section"><i class="ic i-th"></i>分类</a></li><li class="item"><a href="/tags/" rel="section"><i class="ic i-tags"></i>标签</a></li></ul></li><li class="item dropdown"><a href="#" onclick="return false;"><i class="ic i-feather"></i>链接</a><ul class="submenu"><li class="item"><a href="/peers/" rel="section"><i class="ic i-magic"></i>链环</a></li><li class="item"><a href="/friends/" rel="section"><i class="ic i-heart"></i>友链</a></li></ul></li><li class="item dropdown"><a href="#" onclick="return false;"><i class="ic i-stars"></i>关于</a><ul class="submenu"><li class="item"><a href="/owner/" rel="section"><i class="ic i-user"></i>关于博主</a></li><li class="item"><a href="/site/" rel="section"><i class="ic i-paw"></i>关于本站</a></li><li class="item"><a href="/update/" rel="section"><i class="ic i-cloud"></i>更新日志</a></li></ul></li></div></div></div></div><ul id="quick"><li class="prev pjax"><a href="/vscode-intro.html" rel="prev" title="上一篇"><i class="ic i-chevron-left"></i></a></li><li class="up"><i class="ic i-arrow-up"></i></li><li class="down"><i class="ic i-arrow-down"></i></li><li class="next pjax"><a href="/markdown.html" rel="next" title="下一篇"><i class="ic i-chevron-right"></i></a></li><li class="percent"></li></ul></div></div><div class="dimmer"></div></div></main><footer id="footer"><div class="inner"><div class="widgets"><div class="rpost pjax"><h2>随机文章</h2><ul><li class="item"><div class="breadcrumb"><a href="/categories/Coding/" title="分类于Coding">Coding</a></div><span><a href="/leetcode-stacks&queues.html">LeetCode - 栈与队列专题</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Data-Structure/" title="分类于Data Structure">Data Structure</a></div><span><a href="/Dijkstra.html">Dijkstra</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/SQL/" title="分类于SQL">SQL</a></div><span><a href="/sql-basics.html">SQL 基础</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Data-Structure/" title="分类于Data Structure">Data Structure</a></div><span><a href="/recursive.html">递推与递归</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Data-Structure/" title="分类于Data Structure">Data Structure</a></div><span><a href="/sort-algorithm.html">排序</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Data-Structure/" title="分类于Data Structure">Data Structure</a></div><span><a href="/KMP.html">KMP 算法</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Data-Structure/" title="分类于Data Structure">Data Structure</a></div><span><a href="/date-structure.html">数据结构简介</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Python/" title="分类于Python">Python</a></div><span><a href="/python-pandas.html">pandas 基础</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Data-Structure/" title="分类于Data Structure">Data Structure</a></div><span><a href="/binary-search.html">二分查找</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/Coding/" title="分类于Coding">Coding</a></div><span><a href="/leetcode-analog.html">LeetCode - 模拟专题</a></span></li></ul></div><div class="rpost pjax"><h2>最新评论</h2><ul class="leancloud-recent-comment" id="new-comment"></ul></div></div><div class="status"><div class="copyright">© 2021 -<span itemprop="copyrightYear">2024</span><span class="with-love"><i class="ic i-sakura rotate"></i></span><span class="author" itemprop="copyrightHolder">Jiankychen @ Jiankychen</span></div><div class="count"><span class="post-meta-item-icon"><i class="ic i-chart-area"></i></span><span title="站点总字数">955k 字</span><span class="post-meta-divider"> | </span><span class="post-meta-item-icon"><i class="ic i-coffee"></i></span><span title="站点阅读时长">14:28</span></div><div class="powered-by">基于 <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a> & Theme.<a target="_blank" rel="noopener" href="https://github.com/theme-shoka-x/hexo-theme-shokaX/">ShokaX</a></div></div><script src="https://unpkg.com/[email protected]/bsz.pure.mini.js"></script><div id="busuanzi-wrap"><span class="ic i-eye"></span><span id="busuanzi_container_site_pv">本站总访问量 <span id="busuanzi_value_site_pv"></span> 次</span> | <span class="ic i-user"></span><span id="busuanzi_container_site_uv">本站总访客量 <span id="busuanzi_value_site_uv"></span> 次</span></div></div></footer></div><script data-config="" type="text/javascript">var LOCAL = {
ispost: true,
path: `/hexo-build`,
favicon: {
show: `Jiankychen`,
hide: `Jiankychen`
},
search: {
placeholder: "文章搜索",
empty: "关于 「 ${query} 」，什么也没搜到",
stats: "${time} ms 内找到 ${hits} 条结果"
},
copy_tex: true,
katex: true,
mermaid: false,
audio: undefined,
fancybox: true,
nocopy: false,
outime: true,
template: `<div class="note warning"><p><span class="label warning">文章时效性提示</span><br>这是一篇发布于 {{publish}} 天前，最后一次更新在 {{updated}} 天前的文章，部分信息可能已经发生改变，请注意甄别。</p></div>`,
quiz: {
choice: `单选题`,
multiple: `多选题`,
true_false: `判断题`,
essay: `问答题`,
gap_fill: `填空题`,
mistake: `错题备注`
},
ignores: [
(uri) => uri.includes('#'),
(uri) => new RegExp(LOCAL.path + '$').test(uri),
[]
]
};
</script><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-6-M/pace/1.2.4/pace.min.js" async=""></script><script src="https://polyfill.io/v3/polyfill.min.js?features=default,fetch" defer=""></script><script src="/js/siteInit.js?v=0.4.2" type="module" fetchpriority="high" defer=""></script></body></html>