GitHub+Hexo搭建个人网站详细教程
<p></p><div class="toc"><div class="toc-container-header">目录</div><ul><li>01.安装及配置Git</li><li>02.安装Nodes.js</li><li>03.安装hexo</li><li>04.运行测试</li><li>05.错误集锦</li></ul></div><p></p><h2 id="01安装及配置git">01.安装及配置Git</h2>
<p>01.1下载Git</p>
<p>打开官方网站</p>
<blockquote>
<p>https://git-scm.com/downloads</p>
</blockquote>
<p>01.2配置git</p>
<p>环境变量配置具体步骤:</p>
<blockquote>
<p>右键计算机-属性-高级系统设置-环境变量-PATH 将你自己git安装位置的bin目录添加到后面</p>
</blockquote>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228222139959-1313238578.jpg" alt="" loading="lazy"></p>
<p>安装完成后使用 <code>git --version</code> 命令查看一下git版本，测试是否安装、配置成功。</p>
<p>点击Git Bash,设置user.name和user.email配置信息:</p>
<blockquote>
<p>git config --global user.name "你的GitHub用户名"</p>
<p>git config --global user.email "你的GitHub注册邮箱"</p>
</blockquote>
<p>(这里面的双引号都要加上哦)</p>
<p>生成ssh密钥文件:</p>
<blockquote>
<p>ssh-keygen -t rsa -C "你的GitHub注册邮箱"</p>
</blockquote>
<p>然后直接三个回车即可,默认不需要设置密码</p>
<p>然后找到生成的.ssh的文件夹中的id_rsa.pub密钥，将内容全部复制</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228221843241-1065430101.png" alt="" loading="lazy"></p>
<p>打开GitHub_ Setting_ keys页面,新建new SSH Key</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228221910216-2078482519.jpg" alt="" loading="lazy"></p>
<p>Title为标题，任意填即可，将刚刚复制的id_rsa.pub内容粘贴进去，最后点击Add SSH key。<br>
在Git Bash中检测GitHub公钥设置是否成功，输入 ssh git@github.com ：</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228221935750-554526226.jpg" alt="" loading="lazy"></p>
<p>如上则说明成功。这里之所以设置GitHub密钥原因是，通过非对称加密的公钥与私钥来完成加密，公钥放置在GitHub上，私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户，所以每次推送都需要输入账号密码验证推送用户是否是合法用户，为了省去每次输入密码的步骤，采用了ssh，当你推送的时候，git就会匹配你的私钥跟GitHub上面的公钥是否是配对的，若是匹配就认为你是合法用户，则允许推送。这样可以保证每次的推送都是正确合法的。</p>
<h2 id="02安装nodesjs">02.安装Nodes.js</h2>
<p>打开官方网站</p>
<blockquote>
<p>https://nodejs.org</p>
</blockquote>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228221949632-1793931502.jpg" alt="" loading="lazy"></p>
<p>安装步骤非常简单,一直next,下一步就可以,默认安装就行</p>
<p>安装后，检测Node.js是否安装成功，在命令行中输入<br>
node -v :</p>
<p>检测npm是否安装成功，在命令行中输入<br>
npm -v</p>
<p>到这了，安装Hexo的环境已经全部搭建完成。</p>
<h2 id="03安装hexo">03.安装hexo</h2>
<p>新建一个文件夹，比如我在F盘建了 blog2</p>
<p>然后在开始菜单中找到<code>Git Bash</code> 右键以管理员身份打开</p>
<pre><code>npm install -g cnpm --registry=https://registry.npm.taobao.org
</code></pre>
<p>测试cnpm</p>
<pre><code>cnpm
cnpm -v
</code></pre>
<p>安装hexo</p>
<pre><code>cnpm install -g hexo-cli
</code></pre>
<p>验证是否成功</p>
<pre><code>hexo -v
</code></pre>
<p>首先看看当前路径的命令 <code>pwd</code></p>
<p>然后进入blog2文件夹 <code>cd f:/blog2</code></p>
<p>然后我们运行命令,这部是关键,主要是建立整个项目</p>
<p>输入<code>hexo init</code></p>
<p>(这需要等一段时间,这里出现问题的话直接把blog2文件夹删了,重新操作一遍就可以)</p>
<p>输入<code>npm install</code></p>
<h2 id="04运行测试">04.运行测试</h2>
<p> <code>hexo clean</code>用来清理缓存文件<br>
<code>hexo g</code> 生成文件<br>
<code>hexo s</code> 运行本地服务器<br>
<code>hexo d</code> 上传到服务器</p>
<p>运行 <code>hexo s</code></p>
<p>打开浏览器,输入<code>localhost:4000</code> -----成功</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228222027892-1741551718.jpg" alt="" loading="lazy"></p>
<h2 id="05错误集锦">05.错误集锦</h2>
<p>如果打开<code>localhost:4000</code>出现下列状况</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202002/1714745-20200228222042572-214070926.jpg" alt="" loading="lazy"></p>
<p>原因是页面没有渲染(partial转义失败)</p>
<p>解决方法: 在博客所在目录下管理员方式执行<code>npm install</code>用以安装插件</p>
<p>如果还是不行,就换<code>xshell</code>终端 (可百度自行下载) 执行</p><br><br>
来源：https://www.cnblogs.com/codecheng99/p/12380688.html
頁:
[1]