沿途风景 發表於 2019-9-25 16:54:00

hexo教程(一)——使用hexo+github搭建个人博客

<h1 id="使用hexogithub搭建个人博客">使用hexo+github搭建个人博客</h1>
<h2 id="安装nodejs">安装node.js</h2>
<h2 id="安装git环境">安装git环境</h2>
<p>由于之前在做项目的过程中已经安装过node.js和git,故此处不再演示,可以参考网上其他教程</p>
<h2 id="安装hexo">安装hexo</h2>
<p>想必到了这里,你已经安装好了node.js和git,下面开始安装hexo。</p>
<ul>
<li>
<p>在某一磁盘创建文件夹<br>
我选择的是G盘,文件夹名为 Blog</p>
</li>
<li>
<p>进入Blog文件夹,右键鼠标-&gt;选择Git Bash Here<br>
<img src="https://s2.ax1x.com/2019/01/20/kC0Epn.png"></p>
</li>
<li>
<p>输入 <code>npm install -g hexo-cli</code> ,耐心等待一段时间后,如下图所示<br>
<img src="https://s2.ax1x.com/2019/01/20/kC0jN4.png"></p>
</li>
<li>
<p>输入 <code>npm install hexo -save</code>,耐心等待一段时间后,如下图所示<br>
<img src="https://s2.ax1x.com/2019/01/20/kC0v4J.png"></p>
</li>
<li>
<p>我们发现,Blog文件夹中多了如下所示的内容<img src="https://s2.ax1x.com/2019/01/20/kC0zC9.png"></p>
</li>
</ul>
<p><strong>在接下来的步骤中,我出现了 <code>Command Not Found</code>的情况,在网上查找解决办法,于是有了后续步骤</strong></p>
<ul>
<li>在Blog文件夹中新建文件夹,命名为hexo<img src="https://s2.ax1x.com/2019/01/20/kCB9jx.png"></li>
<li>关闭当前Git Bash,进入hexo文件夹,右键鼠标-&gt;选择Git Bash Here。或者直接在当前的Git Bash中输入 <code>cd hexo</code><img src="https://s2.ax1x.com/2019/01/20/kCBngI.png"></li>
<li>输入<code>hexo init</code>,初始化hexo环境,耐心等待一段时间后,如下图所示<img src="https://s2.ax1x.com/2019/01/20/kCBiDK.png"></li>
<li>输入<code>npm install</code>,安装npm依赖包,耐心等待一段时间后,如下图所示<img src="https://s2.ax1x.com/2019/01/20/kCBV4H.png"></li>
<li>输入<code>hexo generate</code>或者是<code>hexo g</code>,生成静态页面,耐心等待一段时间后,如下图所示<img src="https://s2.ax1x.com/2019/01/20/kCBQDf.png"></li>
<li>输入<code>hexo server</code>或者是<code>hexo s</code>,生成本地服务,如下图所示。我们每次写完博客,也可以现在本地预览一下,然后再发布到网上去。<img src="https://s2.ax1x.com/2019/01/20/kCBm8A.png"></li>
<li>接着,我们在浏览器中访问<code>http://localhost:4000/</code>,如下图所示。这就是在本地生成的一个博客。<img src="https://s2.ax1x.com/2019/01/20/kCBMKP.png"></li>
<li>在Git Bash中按下Ctrl+C,关闭当前端口服务。</li>
<li>到这里,我们的本地博客就已经搭建完成了。下一篇博客将介绍如何与Github连接,将博客上传至Internet</li>
</ul><br><br>
来源:https://www.cnblogs.com/xrblog/p/11585885.html
頁: [1]
查看完整版本: hexo教程(一)——使用hexo+github搭建个人博客