Hexo博客部署到远程仓库（Conding、Gitee、Github）
<h2 id="一本地环境搭建">一、本地环境搭建</h2><h3 id="1安装git">1、安装Git</h3>
<p>Git可以有效、高速的处理各种项目版本管理。也就是用来管理你的hexo博客文章，上传到GitHub的工具。</p>
<p>Git下载地址</p>
<p>安装好了之后使用<code>git -version</code>查看版本</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200803221340.png" alt="" loading="lazy"></p>
<h3 id="2安装nodejs">2、安装Node.js</h3>
<p>Hexo基Node.js，需要安装一下Node.js和里面的npm工具</p>
<p>Node.js下载地址</p>
<p>安装好了之后win+R，输入cmd 在终端输入<code>node -v</code> <code>npm-v</code>查看是否安装成功</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200803220726.png" alt="" loading="lazy"></p>
<h3 id="3安装hexo">3、安装Hexo</h3>
<p>Hexo是一款基于Node.js的静态博客框架Hexo官网</p>
<p>先创建Blog文件夹随便位置，在文件夹里面右键git bash</p>
<p>安装淘宝镜像源cnpm提高速度</p>
<p><code>npm install -g cnpm --registry=https://registry.npm.taobao.org</code></p>
<p>输入<code>cnpm -v</code>验证是否安装</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200803225631.png" alt="" loading="lazy"></p>
<p>然后输入 <code>cnpm install -g hexo-cli</code> 安装Hexo</p>
<p>输入 <code>hexo -v</code> 验证是否安装成功</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200803222348.png" alt="" loading="lazy"></p>
<p>初始化<code>hexo init</code>，安装所需组件<code>cnpm install</code></p>
<p>输入<code>hexo g</code>生成静态网页，然后输入<code>hexo s</code>打开本地服务器</p>
<p>浏览器进入【http://localhost:4000/】 就可以看刚刚初始化的博客</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200803231900.png" alt="" loading="lazy"></p>
<p>ctrl+c关闭本地服务器</p>
<p>常用的命令：</p>
<pre><code>hexo clean #用来清理缓存文件
hexo generate#生成文件
hexo server #运行本地服务器
hexo deploy #上传到服务器
</code></pre>
<p>Blog目录下有：</p>
<ul>
<li>node_modules: 依赖包</li>
<li>public：存放生成的页面</li>
<li>scaffolds：模版文件。当创建一篇新的文章时，hexo会依据模版文件进行创建</li>
<li>source：用来存放你的文章，图片等资源</li>
<li>themes：主题文件夹</li>
<li>_config.yml 站点配置文件。很多全局配置都在这个文件中</li>
<li>package.json 应用数据，版本信息等</li>
</ul>
<h2 id="二博客部署到conding">二、博客部署到Conding</h2>
<p>先介绍国内的服务器部署，部署到Coding的好处：国内访问速度更快，可以提交百度收录</p>
<h3 id="1conding">1、Conding</h3>
<p>Conding官网</p>
<p>Coding已经和腾讯云合作，没有账号就注册一个，现在应该是要创建团队项目，没关系反正不要钱</p>
<p>点击创建项目，输入相关参数，没有强制要求</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804104642.png" alt="" loading="lazy"></p>
<p>完成项目创建后，点击项目设置，把持续部署打开（新版默认关闭了）找了我好久</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804104935.png" alt="" loading="lazy"></p>
<h3 id="2添加公钥">2、添加公钥</h3>
<p>在本地Blog文件内打开git bash输入：</p>
<pre><code>ssh-keygen -t rsa -C "你的邮箱"
</code></pre>
<p>然后连续3次回车，最终会生成一个文件在用户目录下，打开C盘用户目录，找到id_rsa.pub文件，记事本打开并复制里面的内容</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804105539.png" alt="" loading="lazy"></p>
<p>进入你个人设置，个人账户设置-SHH公钥-新增公钥，公钥名称可以随便写，将刚才复制的公钥粘贴在公钥内容里面。把授予权限打上勾，然后添加就可以了</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804105714.png" alt="" loading="lazy"></p>
<h3 id="3配置连接地址">3、配置连接地址</h3>
<p>到自己创建的仓库，复制克隆SHH连接</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804110128.png" alt="" loading="lazy"></p>
<p>打开，Blog文件夹下面的站点配置文件，_config.yml<br>
用文本编辑器打开，找到里面的deploy</p>
<pre><code>deploy:
type: git
repo:
coding: git@e.coding.net:guixinchn/blog.coding.me/blog.git
branch: master
</code></pre>
<p>把coding换成刚刚复制下来的SSH链接地址</p>
<h3 id="4将hexo部署到conding">4、将Hexo部署到Conding</h3>
<p>然后打开bash，安装deploy-git，这样才能用命令部署到远程的git仓库</p>
<pre><code>cnpm install hexo-deployer-git --save
</code></pre>
<p>在git bash上测试是否连接成功：</p>
<pre><code>ssh -T git@git.coding.net
</code></pre>
<p>最后就是</p>
<pre><code>hexo clean
hexo g
hexo s #在本地测试通过了在上传
hexo d #上传到git仓库
</code></pre>
<p>刷新仓库就会看到里面增加了一些内容，打开持续部署-静态网站-新建静态网站</p>
<p>网站名字随便取（并不是网站的title）点击保存即可</p>
<p>然后就会生成一个静态的访问地址</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804112820.png" alt="" loading="lazy"></p>
<p>这个地址就是你的博客地址了，当人也可以自定义域名</p>
<h3 id="5conding静态网站">5、Conding静态网站</h3>
<p>Conding静态网站用以搭建个人博客，公司官网等简易网站。 支持自定义域名，全自动续期的 SSL 证书等特性。 如果多人访问的话，就太慢了</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804114650.png" alt="" loading="lazy"></p>
<h2 id="三博客部署到gitee推荐">三、博客部署到gitee【推荐】</h2>
<h3 id="1码云">1、码云</h3>
<p>Conding访问的速度太慢了，几个人同时访问你的网站的时候就挂了，主要是他的服务器在香港，于是我更推荐国内的码云平台：码云官网</p>
<p>没有账户的话，就先注册一个，然后创建仓库，仓库的名称随便写，仓库的路径要和用户名（个人空间地址）一致</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804121316.png" alt="" loading="lazy"></p>
<h3 id="2添加ssh公钥">2、添加SSH公钥</h3>
<p>由于上面已经写了如何配置本地公钥，在C盘用户目录，找到id_rsa.pub文件，记事本打开已经生成的公钥，复制里面的内容</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804105539.png" alt="" loading="lazy"></p>
<p>然后打开gitee个人设置里面的安全设置SSH公钥，标题随便取，粘贴刚刚复制好的密钥内容，点击确认即可</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804122716.png" alt="" loading="lazy"></p>
<h3 id="3配置连接地址-1">3、配置连接地址</h3>
<p>打开刚建立好的博客仓库，点击克隆/下载，复制里面的SHH链接</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804123940.png" alt="" loading="lazy"></p>
<p>然后进入Blog目录，打开博客配置文件_config.yml</p>
<p>用文本编辑器打开，找到里面的deploy</p>
<p>把刚刚复制的SSH链接粘贴在对应的位置记得注释掉其他仓库的链接</p>
<pre><code>deploy:
type: git
repo:
#coding: git@e.coding.net:guixinchn/blog/blog.git
gitee: git@gitee.com:guixinchn/guixinchn.git
branch: master
</code></pre>
<p>然后就是</p>
<pre><code>hexo clean
hexo g
hexo d
</code></pre>
<h3 id="4gitee-pages">4、Gitee Pages</h3>
<p>这时你看自己的Bolg仓库已经有很多的文件了，点击上方服务，gitee Pages，开启网站服务</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804130633.png" alt="" loading="lazy"></p>
<p>直接点击生成即可，就会显示已开启 Gitee Pages 服务，网站地址： xxxxxx</p>
<p>至此，一个用户名.gitee.io的博客网站部署完成</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804131406.png" alt="" loading="lazy"></p>
<h2 id="四博客部署到github">四、博客部署到Github</h2>
<p>由于国内访问这个网站比较慢，除非你有特殊手段，不过github的资源是真的丰富</p>
<h3 id="1github创建个人仓库">1、github创建个人仓库</h3>
<ol>
<li>首先注册一个github账号GitHub挂网</li>
<li>我的主页 https://github.com/guixinchn ，那么我的用户名为“guixinchn”</li>
<li>新建一个名为 <code>用户名.github.io</code> 的仓库，不然会有一些问题，比如将来博客的网站就会是 https://github.com/guixinchn/仓库名 ，而且博客的图片显示有问题(亲测)，所以建议还是用我上面那个方式命名，除非你买个域名</li>
<li>将来网站访问地址就是 http://guixinchn.github.io</li>
</ol>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804143927.png" alt="" loading="lazy"></p>
<h3 id="2添加ssh-公钥">2、添加SSH 公钥</h3>
<p>ssh，简单来讲就是一个秘钥，其中id_rsa是你这台电脑的私人秘钥，id_rsa.pub是公共秘钥，把这个公钥放在GitHub上，这样当你链接GitHub自己的账户时，它就会根据公钥匹配你的私钥，如果用SSH连接就不用输入密码，如果用https连接，则还是需要输入密码进行推送</p>
<p>在Blog文件夹，右键git bash</p>
<p>设置user.name和user.email配置信息</p>
<pre><code>git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
</code></pre>
<p>生成ssh密钥文件：</p>
<pre><code>ssh-keygen -t rsa -C "你的GitHub注册邮箱"
</code></pre>
<p>按步骤，最终会生成一个文件在用户目录下，打开C盘用户目录，找到id_rsa.pub文件，记事本打开并复制里面的内容</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804105539.png" alt="" loading="lazy"></p>
<p>进入github主页，点击setting，右边的SSH and GPG keys，然后点击New SSH key</p>
<p>title随便写，内容就是粘贴刚刚复制的key，保存</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804145014.png" alt="" loading="lazy"></p>
<p>在 git bash 输入 <code>ssh -T git@github.com</code> 检验是否搭建完成</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804145136.png" alt="" loading="lazy"></p>
<h3 id="3将hexo部署到github">3、将Hexo部署到GitHub</h3>
<p>先复制GitHub仓库的SSH链接地址</p>
<p>打开，Blog文件夹下面的站点配置文件，_config.yml<br>
用文本编辑器打开，找到里面的deploy</p>
<pre><code>deploy:
type: git
repo:
github: git@github.com:guixinchn/Blog.git
#coding: git@e.coding.net:guixinchn/blog/blog.git
#gitee: git@gitee.com:guixinchn/guixinchn.git
branch: master
</code></pre>
<p>把github换成刚刚复制下来的SSH链接地址</p>
<p>上面已经安装过了的deploy-git，也就是部署的命令,这样你才能用命令部署到GitHub</p>
<pre><code>cnpm install hexo-deployer-git --save
</code></pre>
<p>然后又是那三部曲</p>
<pre><code>hexo clean //清除了你之前生成的东西
hexo generate//生成静态文章，可以用 hexo g 缩写
hexo deploy //部署文章，可以用 hexo d 缩写
</code></pre>
<p>然后就可以访问你的博客啦https://guixinchn.github.io/</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804151414.png" alt="" loading="lazy"></p>
<h3 id="4自定义域名">4、自定义域名</h3>
<p>域名需要自行先去购买</p>
<p>打开你本地博客Blog文件夹下面的soruce目录，新建 CNAME 文件，注意没有后缀</p>
<p>然后在里面写上你的域名，保存。最后运行 <code>hexo g</code> 、 <code>hexo d</code> 上传到github</p>
<p>这时候你的Github项目根目录应该会出现一个名为 CNAM 的文件了。然后打开你的github博客项目，点setting，拉到下GitHub Pages处，你也会发现自己的域名</p>
<p>然后就可以用你自己的域名进行登录博客啦</p>
<p><img src="https://cdn.jsdelivr.net/gh/guixinchn/image/Hexo/20200804152044.png" alt="" loading="lazy"></p>
<p>对了自己购买的域名需要设置解析</p><br><br>
来源：https://www.cnblogs.com/guixinchn/p/13433578.html
頁:
[1]