-
Notifications
You must be signed in to change notification settings - Fork 0
/
search.xml
87 lines (87 loc) · 12.1 KB
/
search.xml
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
<?xml version="1.0" encoding="utf-8"?>
<search>
<entry>
<title>博客搭建教程</title>
<url>/Home/hexo/</url>
<content><![CDATA[<span id="more"></span>
<h2 id="0-前言"><a href="#0-前言" class="headerlink" title="0. 前言"></a>0. 前言</h2><p>大部分 $OIer$ 都想要一个自己的博客。当然你可以直接用 <code>洛谷博客</code> 或 <code>cnblogs</code> 等在线博客托管平台。但如果你追求更高的拓展性与美观度,那么 Hexo 应该是不二之选。</p>
<p>如果你要自己搭 Hexo 博客,并上传至 github 服务器,不建议<strong>网络直连</strong>。或者可以使用 gitee 国内服务器,操作类似,不过需要手持身份证照片。</p>
<h2 id="1-安装-hexo"><a href="#1-安装-hexo" class="headerlink" title="1. 安装 hexo"></a>1. 安装 hexo</h2><p>首先它需要两个依赖软件,<a href="https://nodejs.org/en/">NodeJS</a>和<a href="https://git-scm.com/">Git</a></p>
<p>可以点上面的链接去官网下载,也可以直接点快捷链接:</p>
<ul>
<li><a href="https://nodejs.org/dist/v16.13.2/node-v16.13.2-x64.msi">NodeJS 16.13.2 LTS 安装包</a> </li>
<li><a href="https://github.com/git-for-windows/git/releases/download/v2.34.1.windows.1/Git-2.34.1-64-bit.exe">Git v2.34.1 安装包</a> </li>
</ul>
<p>安装完之后,直接打开终端(PowerShell 和 cmd 都是可以的),在随便一个目录下输入</p>
<figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">npm install hexo-cli -g</span><br></pre></td></tr></table></figure>
<p>这就是最基本的框架,运行 hexo 指令的前提。</p>
<h2 id="2-配置框架依赖"><a href="#2-配置框架依赖" class="headerlink" title="2. 配置框架依赖"></a>2. 配置框架依赖</h2><p>首先新建一个文件夹,起好名字。用终端打开,输入如下指令:</p>
<p><img src="/Home/imgs/post_imgs/hexo-p1.png" alt=""></p>
<figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">hexo init .</span><br><span class="line">npm install</span><br></pre></td></tr></table></figure>
<p>如果你的 hexo 指令报错了,那么你可能需要这样:</p>
<p><img src="/Home/imgs/post_imgs/hexo-p2.png" alt=""></p>
<p>把对勾点上然后点应用。如果你是 Windows 10 直接搜索<code>脚本</code>也是可以找到的,壳就差不多了。</p>
<p>你可以找到博客文件夹,找到<code>_config.yml</code>,根据提示个性化修改里面的内容。</p>
<h2 id="3-配主题"><a href="#3-配主题" class="headerlink" title="3. 配主题"></a>3. 配主题</h2><p>这才是自己搭博客的精髓呀,这里推荐:</p>
<p><a href="https://github.com/next-theme/hexo-theme-next">NexT</a></p>
<p><a href="https://github.com/jerryc127/hexo-theme-butterfly">butterfly</a></p>
<p><a href="https://github.com/honjun/hexo-theme-sakura">sakura</a></p>
<p><a href="https://github.com/Fechin/hexo-theme-diaspora">diaspora</a></p>
<p>配主题切记<strong>看官方文档</strong>,不要信一些其他网站。</p>
<p>一般主题间切换有一定成本,不建议从某个主题,除默认,更换到其他主题。建议新建文件夹重新来过。</p>
<h2 id="4-配数学公式"><a href="#4-配数学公式" class="headerlink" title="4. 配数学公式"></a>4. 配数学公式</h2><p>有些主题不直接支持数学公式。如果主题没有自己指定渲染器,那么可以尝试以下操作来支持数学公式。(办法来源于 <a href="https://baoshuo.ren">宝硕</a>)</p>
<p>先来输入两条指令换掉渲染器。</p>
<figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">npm uninstall hexo-renderer-marked --save</span><br><span class="line">npm install hexo-renderer-markdown-it @neilsustc/markdown-it-katex --save</span><br></pre></td></tr></table></figure>
<p>然后在<code>_config.yml</code>中添加一下内容</p>
<figure class="highlight yaml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># Markdown-it config</span></span><br><span class="line"><span class="comment">## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki</span></span><br><span class="line"><span class="attr">markdown:</span></span><br><span class="line"> <span class="attr">render:</span></span><br><span class="line"> <span class="attr">html:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">xhtmlOut:</span> <span class="literal">false</span></span><br><span class="line"> <span class="attr">breaks:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">linkify:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">typographer:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">plugins:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">'@neilsustc/markdown-it-katex'</span></span><br><span class="line"> <span class="attr">anchors:</span></span><br><span class="line"> <span class="attr">level:</span> <span class="number">2</span></span><br><span class="line"> <span class="attr">collisionSuffix:</span> <span class="string">'t'</span></span><br><span class="line"> <span class="attr">permalink:</span> <span class="literal">false</span></span><br><span class="line"> <span class="attr">permalinkClass:</span> <span class="string">header-anchor</span></span><br><span class="line"> <span class="attr">permalinkSymbol:</span> <span class="string">''</span></span><br></pre></td></tr></table></figure>
<p>然后在主题的 <code>source</code> 文件夹里找到 <code>head.ejs</code> 例如默认主题就在这里:</p>
<p><img src="/Home/imgs/post_imgs/hexo-p12.png" alt=""></p>
<p>然后在合适的位置(大概缩进一次后)放入这两行代码:</p>
<figure class="highlight bash"><table><tr><td class="code"><pre><span class="line"><!-- KaTeX --></span><br><span class="line"><link rel=<span class="string">"preload"</span> href=<span class="string">"https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"</span> as=<span class="string">"style"</span> onload=<span class="string">"this.onload=null, this.rel='stylesheet'"</span>></span><br><span class="line"><noscript><link rel=<span class="string">"stylesheet"</span> href=<span class="string">"https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"</span>></noscript></span><br></pre></td></tr></table></figure>
<h2 id="5-一些正常使用时常用指令"><a href="#5-一些正常使用时常用指令" class="headerlink" title="5. 一些正常使用时常用指令"></a>5. 一些正常使用时常用指令</h2><h3 id="创建一个新的文章"><a href="#创建一个新的文章" class="headerlink" title="创建一个新的文章"></a>创建一个新的文章</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html">Writing</a></p>
<p>解释:如果你想写一篇名叫 <code>IAKIOI</code> 的博客,那么你可以这样:<br><img src="/Home/imgs/post_imgs/hexo-p3.png" alt=""></p>
<p>如果你想更改,你大概能在下面的位置找到它:</p>
<p><img src="/Home/imgs/post_imgs/hexo-p5.png" alt=""></p>
<p>如果要删除的话直接删掉文件就行。</p>
<h3 id="本地预览"><a href="#本地预览" class="headerlink" title="本地预览"></a>本地预览</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">hexo server</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html">Server</a></p>
<p>解释:如果你想边写博客边预览,那么你就可以这样输入这条指令,然后<strong>保持终端打开</strong>。</p>
<p>然后在浏览器中输入 <code>http://localhost:4000</code> 就可以看了。</p>
<p>在更改配置文件或组件后要重新启动,否则不需要,刷新页面即可。</p>
<p>补充:</p>
<p>清除缓存,用于在更改一些配置文件或组件后防止引起混乱。<br><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">hexo clean</span><br></pre></td></tr></table></figure></p>
<p>如果你的博客刚刚按照上面的步骤搭好,那么他应该是这样的:</p>
<p><img src="/Home/imgs/post_imgs/hexo-p4.png" alt=""></p>
<h2 id="6-生成并上传至-github-仓库"><a href="#6-生成并上传至-github-仓库" class="headerlink" title="6. 生成并上传至 github 仓库"></a>6. 生成并上传至 github 仓库</h2><h3 id="手把手教你-github。(这里如果之前用过可以选择性跳过)"><a href="#手把手教你-github。(这里如果之前用过可以选择性跳过)" class="headerlink" title="手把手教你 github。(这里如果之前用过可以选择性跳过)"></a>手把手教你 github。(这里如果之前用过可以选择性跳过)</h3><p>首先你登上<a href="https://github.com/">github 官网</a>(前提是你运气够好等得上。。)</p>
<p><img src="/Home/imgs/post_imgs/hexo-p6.png" alt=""></p>
<p>然后按照指引注册账号。</p>
<p><img src="/Home/imgs/post_imgs/hexo-p7.png" alt=""></p>
<p>点击新建仓库:</p>
<p><img src="/Home/imgs/post_imgs/hexo-p8.png" alt=""></p>
<p><img src="/Home/imgs/post_imgs/hexo-p9.png" alt=""></p>
<p>这个仓库名要严格 <code>name.github.io</code> 会方便很多,这里报错是因为我已经有这个仓库了。</p>
<p>然后转入输入网址<code>https://github.com/settings/tokens/new</code>,转入个人密钥设置,Note 随意但必填,勾选 repo :</p>
<p><img src="/Home/imgs/post_imgs/hexo-p10.png" alt=""></p>
<p>点新建后<strong>记下来</strong></p>
<p>然后 github 方面就完成了。</p>
<h3 id="本地配置"><a href="#本地配置" class="headerlink" title="本地配置"></a>本地配置</h3><p>找到博客文件夹,找到<code>_config.yml</code>。</p>
<p>在里面找到</p>
<figure class="highlight yml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># Deployment</span></span><br><span class="line"><span class="comment">## Docs: https://hexo.io/docs/one-command-deployment</span></span><br><span class="line"><span class="attr">deploy:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">''</span></span><br></pre></td></tr></table></figure>
<p>改成<br><figure class="highlight yml"><table><tr><td class="code"><pre><span class="line"><span class="attr">deploy:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">git</span></span><br><span class="line"> <span class="attr">repo:</span> <span class="string">https://github.com/'yourname'/'yourname'.github.io.git</span></span><br><span class="line"> <span class="attr">branch:</span> <span class="string">master</span></span><br><span class="line"> <span class="attr">name:</span> <span class="string">'yourname'</span></span><br><span class="line"> <span class="attr">email:</span> <span class="string">'youremail'</span></span><br><span class="line"> <span class="attr">token:</span> <span class="string">'yourtoken'</span></span><br></pre></td></tr></table></figure></p>
<p>加单引号部分为你个人信息。</p>
<p>然后终端跳转到文件夹,输入指令: </p>
<figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">npm install hexo-deployer-git --save</span><br></pre></td></tr></table></figure>
<p><img src="/Home/imgs/post_imgs/hexo-p11.png" alt=""></p>
<p>然后你就可以尝试用 <code>hexo g</code> 和 <code>hexo d</code> 或直接 <code>hexo g -d</code>。</p>
<p>第一次上传应该会提醒输入密码,这时,要输入密钥,即 token。</p>
<p>应该差不多了吧。。。</p>
]]></content>
<categories>
<category>杂项</category>
</categories>
<tags>
<tag>life</tag>
</tags>
</entry>
</search>