快速搭建高逼格的博客

今天教大家怎么用hexo快速搭建自己的博客。我不是专业人士，不懂前端知识，所以我十分讨厌那些专业术语，讲了一大堆，对于技术小白来说，就像听天书一样，云里雾里的。所以下面的内容都是我自己的理解，语言很通俗，有可能说的不那么专业，还望专业人士勿喷。

首先声明一点，刚开始搭建博客会比较麻烦，有很多东西大家可能以前没有听说过，不要怕，耐着性子一边看教程一边动手操作，你一定能够做出来的！好吧，废话不多说，现在开始！

几个应该知道的概念（当然这个跳过去也是可以的）

hexo

hexo是一种博客框架，所谓框架，就是为了解决和处理一个复杂问题的结构，简单地说，用已经搭建好的框架来搭建博客，就不需要自己一砖一瓦地去构造了。

git

git是一种版本管理系统。当我们要开发一款软件时，软件有很多的功能需要完善，所以会出现很多版本，比如1.0,2.0等等，但是，当我们升级到高版本后，突然发现曾经的版本更好用，这时候该怎么办呢？那么git就是记录你们每次改版发生的改动，当你想要退回到某一个曾经的版本时，那么就用git直接回退到曾经的版本就可以了。这时候你可能会问，为什么你不把曾经的版本备份下来呢？这样不是更方便吗？想法很简单，但是一个软件有很多的版本，而且有些软件还很大，所以这样直接备份会占用很大空间，会浪费很多资源。而且，git会记录软件改版的详细信息，包括改版的时间，哪个文件发生了变化等等，所以用git管理开发十分方便，这也是未来的趋势。注意的是，git需要用命令行管理。

GitHub和coding

这两个是线上的版本管理系统，你可以理解为线上的git，同时他们还有社区的性质。不同的是，GitHub是国外的，也可以说是世界的，因为有很多大牛在上面贡献自己的开源代码，包括Google，苹果，微软等等世界一流的工程师，在上面开发软件，会有更多的大牛给你提出意见，帮助你完成开发。而coding是中国的，相对来说名气更弱一些，但是访问速度快，还可以免费拥有私人仓库。所以，这篇教程我们使用coding pages部署博客。

需要下载的东西

开始搭建

初始化

在命令行中输入命令：

稍等一会，出现下面这样，就初始化完成了。

生成网页代码

输入命令：

g是generate的缩写，生成的意思。

这时命令行中出现下面的情况：

文件夹中出现了一个public的文件夹，这里面就是刚才生成的静态页面的代码，那么下面我们就让它呈现在浏览器中。

本地预览

在命令行中输入命令：

s是service的缩写，在这里你可以理解成在本地预览你的博客。

这是命令行中出现下面的情形：

这时不要关闭命令行界面，打开浏览器，输入网址localhost:4000

你会看到下面的页面：

这说明你已经在本地搭建起自己的博客了，你离成功已经近了一半了，加油！

下面关掉本地预览，在命令行中按Ctrl+C，结束预览。

注册coding

现在我们的博客已经在本地搭建完成，那要怎么才能让别人看到我们的博客呢？我们选择把我们的静态网页的代码发到coding上去，然后由coding负责将我们的代码展现出来。注册步骤比较简单，需要声明的是，如果你以后不想绑定独立域名，那么coding给你的域名默认为

而你需要建立的仓库名需要与你的用户名保持一致，不然会出现问题，所以慎重起名字。然后填好个人信息，就会升级为银牌会员（能拥有5个私人仓库）。

新建仓库

在coding上面新建仓库

出现下面的情况：

项目名称写成你的用户名，比如我的仓库名字为vzhiwen,然后描述写不写都行，自己选择公有还是私有，然后直接选择创建项目。

配置ssh

这个过程的目的是在你的电脑和coding之间建立联系的通道，不然谁都能往上面增加内容，那你的博客岂不乱套了？

首先查看目录C:Users\用户名\

有没有.ssh目录,如果没有，在本地blog文件内打开git bash hexo,输入命令:

然后按3个回车。

再检查有没有.ssh目录，打开目录，你会看到出现3个文件：

然后用notepad++打开id——rsa.pub(这个是公钥，不带pub的是私钥，这个不要泄露出去），你会开到一堆字母，全选复制下来。

下面打来浏览器，进入你刚才创建的仓库，设置-部署公钥-新建部署公钥，公钥名称可以不填，将刚才复制的公钥粘贴在公钥内容里面。把授予权限打上勾！，然后添加就可以了。

站点配置

下面我们进行博客的站点配置，打开blog文件夹，你会看到这样的文件：

这个文件的意思就是对你的博客进行一些设置，比如的你的用户名等等，记住这个文件特别重要！，以后你进行配置都要在这里进行，下面我们用notepad++打开它，这是你的网站信息

要是不懂英文就查字典写，注意：名称后面要放空格，不然会出错！！！。然后滑倒最下面，填写你的git地址，这一步特别关键，你可以照我这个写，同样，别忘了空格！

然后点击文件保存或者直接按Ctrl+S。

上传代码

在blog文件夹中打开命令行，依次输入命令：

clean表示清除缓存，d是deploy的缩写，意思是将代码推送到coding，然后等待一些时间，第一次需要输入coding的用户名和密码或者询问你yes/no，按照说明输入即可，出现下面的字样说明推送完毕

打开pages服务

打开浏览器，进入coding，代码-pages服务，部署来源选择master，然后可以选择https访问（）这个就是打开你网页的时候地址栏前面显示的绿锁头，后面写着安全，如果不选择，就会出现叹号，不过影响不大。

现在，你的博客已经基本配置完成，现在就打开你的浏览器，输入你的网址试试吧！

怎么写博客

hexo博客是需要用markdown语法的，所以方便起见，你最好下载一个markdown的写作软件。不过不要为难，markdown特别好用，语法也没有几个，上网一搜就会了。你的文章都藏在blog\source_posts,你可以直接在里面新建后缀为.md文件,进行写作，不过这样你得写好文章名和时间等等，我推荐用命令行直接新建，打开命令行，输入

这样在_posts文件夹下就出现了一个文件，然后就开始写作吧！

写完后，在命令行中依次输入命令：

就发表完文章了。不过建议在hexo d 之前输入hexo s在本地检查一下在发表。

高级进阶配置

现在，一个基本的博客已经搭建完成，那么怎么让博客变得更加好看，更换不同的主题，拥有更多功能，比如评论，打赏，统计等，都需要我们不停地去折腾才行，下面我给一个链接，如果有需要的同学可以自己去研究，这里面的内容很多，我就不在这里说了。

链接地址：

写在后面

折腾的步骤会话费很长时间，但是我们不能在怎么在配置博客的过程中迷失自我，忘记了搭建博客的目的。最后，祝大家生活愉快！