http://localhost:1313/tags/hexo/ Recent content in Hexo on 冥王星のBlog Hugo zh-cn Wed, 19 Jan 2022 00:00:00 +0000 http://localhost:1313/posts/hexo/ Wed, 19 Jan 2022 00:00:00 +0000 http://localhost:1313/posts/hexo/ <hr> <blockquote> <p>大家好，我是冥王星</p> </blockquote> <blockquote> <p>今天给大家带来Hexo+Aurora创建博客的教程</p> </blockquote> <hr> <h2 id="前期准备">前期准备：</h2> <h3 id="git"><strong>Git</strong></h3> <ul> <li>一个控制台，跟cmd差不多，可以用于把博客部署到托管平台上</li> <li>下载地址：<a href="https://www.git-scm.com/downloads">https://www.git-scm.com/downloads</a></li> </ul> <h3 id="nodejs"><strong>Nodejs</strong></h3> <ul> <li>Hexo是基于Nodejs开发的，博客用它来生成文件</li> <li>下载地址：<a href="https://nodejs.org/zh-cn/">https://nodejs.org/zh-cn/</a></li> </ul> <hr> <h2 id="环境搭建">环境搭建：</h2> <p>首先，分别安装Git和Nodejs，基本每一步的直接点击跳过即可</p> <p>安装完成后Win+R输入cmd进入命令控制台，输入以下命令,来检查Nodejs是否安装成功：</p> <figure class="code-block" data-code-block data-language="bash"> <figcaption class="code-block__toolbar"> <span class="code-block__language">bash</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <pre class="code-block__fallback" tabindex="0"><code class="language-bash">node -v npm -v</code></pre> </div> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <p><strong>接下来，创建一个Blog文件夹，进入这个文件夹，点击右键使用Git Bash Here,然后输入以下命令：</strong></p> <figure class="code-block" data-code-block data-language="bash"> <figcaption class="code-block__toolbar"> <span class="code-block__language">bash</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <pre class="code-block__fallback" tabindex="0"><code class="language-bash">npm install -g hexo-cli hexo init myblog cd myblog npm install</code></pre> </div> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <blockquote> <p>这个myblog文件夹其实是可以改名字的，不过我为了小白考虑，提供这个一键生成Blog文件的命令</p> </blockquote> <hr> <p>如果安装无误的话，你的Blog(myblog)文件夹的结构应该是这样的：</p> <ul> <li> <p>node_modules: 依赖包</p> </li> <li> <p>public：存放生成的页面</p> </li> <li> <p>scaffolds：生成文章的一些模板</p> </li> <li> <p>source：用来存放你的文章</p> </li> <li> <p>themes：主题</p> </li> <li> <p>_config.yml: 博客的配置文件</p> </li> </ul> <p><strong>接下来，在Git Bash界面输入以下命令，打开Hexo自带的服务器：</strong></p> <figure class="code-block" data-code-block data-language="bash"> <figcaption class="code-block__toolbar"> <span class="code-block__language">bash</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <pre class="code-block__fallback" tabindex="0"><code class="language-bash">hexo g &amp;&amp; hexo s</code></pre> </div> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <p><strong>在浏览器输入loaclhost:4000就可以看见自己的Blog了</strong></p> <hr> <p><strong>接下来，我们就正式进入Aurora主题的安装教程了，请大家检查一下各个步骤</strong></p> <h3 id="第一步安装主题">第一步，安装主题</h3> <p><strong>1.Win+R打开cmd,输入以下命令安装Aurora主题</strong></p> <figure class="code-block" data-code-block data-language="bash"> <figcaption class="code-block__toolbar"> <span class="code-block__language">bash</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <pre class="code-block__fallback" tabindex="0"><code class="language-bash">npm install hexo-theme-aurora --save</code></pre> </div> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <p>安装完成后请检查是否有_confing.yml文件，没有请自行去官方文档复制一份</p>