搭建博客(利用hexo+Github或者Gitee(码云))

本文讲述利用hexo+Github与hexo+Gitee(码云)两种方法搭建博客！

在文章开头我想建议大家在安装与创建博客的时候，尽量自己系统的管理好自己的文件，每一个文件可以知道在哪个位置，这样方便管理与提升找文件的速度！不会手忙脚乱，找文件的时候没有头绪！

1.下载Node.js与Git!

这个是必须要下载的，无论你是用哪一个方法来搭建你自己的博客！
百度node.js和git for windows，找到官网，进去下载。(点击上方文字中的关键字直接进入对应网址)。
个人认为官网有个缺点，就是下载比较缓慢,这里分享一下的对应文件的百度云盘下载地址git for windows(提取码：kdzl)和node.js(提取码：sixf )

2.安装Node.js和Git!

打开node.js安装程序，开始安装，一路next，下面可以改变安装位置，便于管理文件。

这里选择第四个Add to PATH,之后的就一路next到最后安装完成。

安装完成之后可以打开cmd命令，输入node -v可以查看安装的版本以及确认是否安装成功。

打开git安装程序，开始安装，同node.js相同，你也可以改变安装位置，但有个地方需要改动,如下

这里选择第二个Use Windows’default console windows,之后就一路next到安装完成！安装完成之后打开cmd命令，输入git可以检查是否安装成功。不用一模一样，只要出现和这个差不多的样式就OK的！

3.hexo博客框架的本地安装使用！

安装完毕之后，就开始准备搭建博客了。这里可以用npm下载一个cnpm(淘宝镜像)，cnpm相对npm要快的，你也可以不用安装，用npm也完全可以。
打开cmd命令，直接输入下面语句

npm install -g cnpm --registry=https://registry.npm.taobao.org

之后便开始安装cnpm，再接着输入cnpm检查安装是否成功。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B2XiitYm-1603088214167)(6.jpg)]
之后就开始全局安装hexo框架，输入下面命令

cnpm install -g hexo-cli

可以用hexo -v来查看一下。

然后创建一个放置博客的文件夹(以上的操作在你搭建博客失误之后,并不需要再来操作，只需要重新建立一个文件夹，把原来的删除掉就行)。右键该文件夹，会增加两个选项——Git GUI Here和Git Bash Here!

点击第二个，也就是Git Bash Here,会出现下面的弹出框。

接着，便开始生成和初始化博客，在刚刚出现的弹出框里面输入下面命令

hexo init

便出现下面的生成过程

生成成功会出现“Start blogging with hexo”这样的字句。

接下来，要启动博客，就输入下面的命令

hexo s

会出现下面的内容

然后Hexo is running at http://localhost:4000 . Press Ctrl+C to stop这句话说了，你可以在本地的4000端口查看已经启动的博客，之后用Ctrl+C来停止运行。
然后你就可以本地预览了！

4.部署到Github！

博客创建完成之后，当然不能只是自己在本地使用，所以就要部署到远端去，先介绍怎么部署到Github上面去！
首先就是在Github创建一个账号，这个不用说明吧！之后就是在your profile里面创建一个新的仓库，在这里仓库命名要注意符合特定要求才行，也就是你的昵称加上.github.io，例如：With-L.github.io。之后选择Public(这里应该是默认的)，然后点击创建即可。

之后要去，创建好的博客文件里面找到config.yml文件，修改里面的设置，这里你可以用最原始的记事本打开，也可以用其他的可读取此类文件的软件打开，这里我用的是Sublime Text 3这个软件打开。

4.1修改相关设置

4.1.1修改tape

之后要去，创建好的博客文件里面找到config.yml文件，修改里面的设置，这里你可以用最原始的记事本打开，也可以用其他的可读取此类文件的软件打开，这里我用的是Sublime Text 3这个软件打开

4.1.2增加repo

在这个config.yml文件的下面找到type,在type的下添加一个设置，即repo地址。(冒号后面写上你仓库的地址)
如图所示，打开你新创建的仓库，点击绿色的Code即可出现下面样式，地址最右边的按钮可以一键复制。

或者下面这样的最右边也可以直接复制。

然后把地址复制到冒号的后面，注意冒号后面要添加一个空格。

4.1.3增加branch

在repo的下面，添加一个branch: master这样的设置，直接复制我的即可，然后记得保存。

4.2部署

这里我们要下载一个插件，在打开的Git Bush Here里面输入下面命令下载

cnpm install --save hexo-deployer-git

下载完之后再输入下面命令先生成博客

hexo g

之后再输入下面命令部署到远端

hexo d

部署的时候会弹出下面的窗口需要你输入你GitHub的用户名和密码。

有的时候用在命令行界面操作会出现错误，大部分错误是需要设置你GitHub的用户名和邮箱，你需要自己设置，所以你需要输入下面的命令

git config --global user.name “你的用户名”
git config --global user.email “你的邮箱”

完成之后刷新你的仓库可以看到多出来一些相对应的东西，这就是你博客生成的东西。

4.3设置ssh密钥

之后还有个重要的东西要设置，就是ssh密钥。
点击右上角的头像，点击设置，点解SSH and GPG keys，点击右上角的添加，里面的标题可以随便编写。
在打开的Git Bush Here里面输入下面命令

ssh-keygen -t rsa -C "你的邮箱"

之后连续的回车直至结束，应该要回车两次。然后在下面地址会出现.ssh文件。

打开，点击id_ras.pub文件，以记事本的形式打开复制里面的所有东西到GitHub刚刚新建的ssh密钥的哪个里面，然后点击创建（如果没看到，就搜索一下）
这时候在你仓库的网址下面，取出后面的网址，如图所示区域，然后在浏览器里访问。

然后就可以看到一个默认主题的博客了。如果，没显示就再刷新一下，或者手动在前面加上https://。第一次有的需要这样，之后就不需要了。

5.部署到Gitee(码云)上！

和上面部署到GIthub上面差别不是很大，首先，当然是先创建一个账号，然后进去你的工作台，然后在下图的+号地方新建一个仓库。

然后在里面的话，如下图

设置一个名字，这个名字会自动的设置到下面的路径里面去的，所以自己好好思考一个好名字,如果你起名字为中文的话，它会自动翻译成英文设置到你的路径里面去，所以做好想一个英文名字。然后把下面的私有设置为公开。

这里的话，本地博客文件里面的_config文件里的repo要改成你码云上面仓库的路径。与Github不一样的是不用设置密钥，需要进入你的仓库里

点击服务，然后点击第一个Gitee Page，进入进去，然后到最下面点击更新即可，之后每次更改的话都要去更新的。然后复制网站地址即可进入创建的博客。

6.文件_config修改补充

在文件_config里面

url和root都要改，url后面改成你博客的网址，root则是部署到码云上面的需要改动，在root后面写上之前在创建库的时候的路径就行

即图片里的内容。

7.更改主题！

默认主题我觉得不是很好看，你要是觉得还行就不用改了。
推荐Butterfly，我用的就是这个主题，不过还有很多的主题你可以在Hexo官网去找，也可以百度问一下有哪些好看的主题。不多说了，先说一下改主题的方法，这里采用butterfly主题，你可以直接去butterfly这里查看，在Git Bush Here里面输入下面命令

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

安装完之后要去_config.yml里面去修改相关设置，在里面找到theme

把landscape改成butterfly，也就是改成相应的主题名称。另外这个主题还要下载一个插件，输入下面命令

cnpm install hexo-renderer-pug hexo-renderer-stylus --save

之后输入下面命令清理一下

hexo clean

然后重新生成和部署一下

hexo g
hexo d

之后就可以看到你的主题更改了。
一些相关主题的修改问题可以去主题作者写的博客去看，去寻找！这里我就不详细介绍了。

8.题外话

创建自己的博客我就说这么多，毕竟还有很多很多的相关知识，一下子讲不完，例如关于怎么写博客、怎么再创立一个博文、怎么修改别人主题里的相关设置等等，想要学的更多需要百度自己去寻找，也可以在Hexo的官网去学习相关的知识，写这个博文的原因是因为第一篇也不知到要写什么，想了想就把自己创建博客的经历写下来作为我博客的起始文章，想要属于自己的博客来记录自己想记录的一些东西，就这样吧，也希望你们也有所收获。
人生就是不断学习的过程！
(如果我写的部分有问题可以联系我！这也是一种学习！)