使用coding和hexo快速搭建博客

今天教你们怎么用hexo快速搭建本身的博客。我不是专业人士，不懂前端知识，因此我十分讨厌那些专业术语，讲了一大堆，对于技术小白来讲，就像听天书同样，云里雾里的。因此下面的内容都是我本身的理解，语言很通俗，有可能说的不那么专业，还望专业人士勿喷。
首先声明一点，刚开始搭建博客会比较麻烦，有不少东西你们可能之前没有据说过，不要怕，耐着性子一边看教程一边动手操做，你必定可以作出来的！好吧，废话很少说，如今开始！

几个应该知道的概念（固然这个跳过去也是能够的）

hexo
hexo是一种博客框架，所谓框架，就是为了解决和处理一个复杂问题的结构，简单地说，用已经搭建好的框架来搭建博客，就不须要本身一砖一瓦地去构造了。
git
git是一种版本管理系统。当咱们要开发一款软件时，软件有不少的功能须要完善，因此会出现不少版本，好比1.0,2.0等等，可是，当咱们升级到高版本后，忽然发现曾经的版本更好用，这时候该怎么办呢？那么git就是记录大家每次改版发生的改动，当你想要退回到某一个曾经的版本时，那么就用git直接回退到曾经的版本就能够了。这时候你可能会问，为何你不把曾经的版本备份下来呢？这样不是更方便吗？想法很简单，可是一个软件有不少的版本，并且有些软件还很大，因此这样直接备份会占用很大空间，会浪费不少资源。并且，git会记录软件改版的详细信息，包括改版的时间，哪一个文件发生了变化等等，因此用git管理开发十分方便，这也是将来的趋势。注意的是，git须要用命令行管理。
GitHub和coding
这两个是线上的版本管理系统，你能够理解为线上的git，同时他们还有社区的性质。不一样的是，GitHub是国外的，也能够说是世界的，由于有不少大牛在上面贡献本身的开源代码，包括Google，苹果，微软等等世界一流的工程师，在上面开发软件，会有更多的大牛给你提出意见，帮助你完成开发。而coding是中国的，相对来讲名气更弱一些，可是访问速度快，还能够免费拥有私人仓库。因此，这篇教程咱们使用coding pages部署博客。

须要下载的东西

1.git
2.node.js
3.notepad++
4.hexo（这个须要用git命令行下载，没有安装包，须要在电脑的某一个盘里新建一个文件夹，名字能够随便取，好比hexo,用来存放你的博客代码，进入这个文件夹，右键，你会看到有git bash hexo的选项，点击，你就进入了git命令行，输入命令 npm install hexo-cli -g,稍等片刻，下面出现一堆英文，那证实已经下载完hexo了！）

 

1

 

开始搭建

初始化

在命令行中输入命令：

hexo init

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

 

 

2

 

 

3

生成网页代码

输入命令：

hexo g

g是generate的缩写，生成的意思。
这时命令行中出现下面的状况：

 

 

4

 

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

 

 

5

本地预览

在命令行中输入命令：

hexo s

s是service的缩写，在这里你能够理解成在本地预览你的博客。
这是命令行中出现下面的情形：

 

6

这时不要关闭命令行界面，打开浏览器，输入网址localhost:4000
你会看到下面的页面：

 

7

这说明你已经在本地搭建起本身的博客了，你离成功已经近了一半了，加油！
下面关掉本地预览，在命令行中按Ctrl+C，结束预览。

 

注册coding

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

仓库名.coding.me 

而你须要创建的仓库名须要与你的用户名保持一致，否则会出现问题，因此慎重起名字。而后填好我的信息，就会升级为银牌会员（能拥有5个私人仓库）。

新建仓库

在coding上面新建仓库
出现下面的状况：

 

 

9

 

项目名称写成你的用户名，好比个人仓库名字为vzhiwen,而后描述写不写都行，本身选择公有仍是私有，而后直接选择建立项目。

配置ssh

这个过程的目的是在你的电脑和coding之间创建联系的通道，否则谁都能往上面增长内容，那你的博客岂不乱套了？
首先查看目录C:Users\用户名
有没有.ssh目录,若是没有，在本地blog文件内打开git bash hexo,输入命令:

ssh-keygen -t rsa -C "这里填上你的邮箱地址" 

而后按3个回车。
再检查有没有.ssh目录，打开目录，你会看到出现3个文件：

 

10

而后用notepad++打开id——rsa.pub(这个是公钥，不带pub的是私钥，这个不要泄露出去），你会开到一堆字母，全选复制下来。
下面打来浏览器，进入你刚才建立的仓库，设置-部署公钥-新建部署公钥，公钥名称能够不填，将刚才复制的公钥粘贴在公钥内容里面。把授予权限打上勾！，而后添加就能够了。

 

11

 

站点配置

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

 

8

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

 

12

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

 

13

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

 

上传代码

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

hexo clean
    hexo g
    hexo d

若是提交不上去，那就下载一个插件，在命令行中输入命令

npm install hexo-deployer-git --save

再次提交，就能够了。

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

 

 

14

打开pages服务

打开浏览器，进入coding，代码-pages服务，部署来源选择master，而后能够选择https访问（）这个就是打开你网页的时候地址栏前面显示的绿锁头，后面写着安全，若是不选择，就会出现叹号，不过影响不大。
如今，你的博客已经基本配置完成，如今就打开你的浏览器，输入你的网址试试吧！

怎么写博客

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

hexo new post 2018-02-28 

这样在_posts文件夹下就出现了一个文件，而后就开始写做吧！
写完后，在命令行中依次输入命令：

hexo clean
                        hexo g
                        hexo d

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

高级进阶配置

如今，一个基本的博客已经搭建完成，那么怎么让博客变得更加好看，更换不一样的主题，拥有更多功能，好比评论，打赏，统计等，都须要咱们不停地去折腾才行，下面我给一个连接，若是有须要的同窗能够本身去研究，这里面的内容不少，我就不在这里说了。
连接地址：

http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html 

写在后面

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