Hexo搭建GitHub博客--初级(一)

简介

因为平时本身喜欢记录开发笔记，写一些博客，可是总想本身搭建属于本身的博客，在网上查阅了一下，发现Hexo在GitHub或者是码云上搭建博客很是给力。
接下来让咱们一块儿进入Hexo搭建博客学习吧。

Hexo

什么是Hexo？

Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。

当咱们在遇到一个新东西的时候，进入其官网能帮助咱们解决不少问题。关于什么是Hexo？还有一些关于Hexo的问题，你们进入Hexo官网进行查看，这里我就很少说咯。

如何使用

咱们在使用Hexo以前须要准备一些东西，也就是须要安装一些咱们必需的。

安装

安装所需

安装Hexo至关简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：

• Node.js
• Git
• cnpm 若是npm运行出错就安装cnpm国内镜像

若是没有安装那么就须要安装咯，你们能够看看Vue-cli项目建立如何检查Node.js、Git和cnpm是否安装成功。

安装Hexo

全部必备的应用程序安装完成后，便可使用npm或者cnpm来安装Hexo。
打开Git Bash Here输入：

$ npm install -g hexo-cli
或者
$ cnpm install -g hexo-cli

检查是否安装Hexo完成,查询是否成功，显示hexo-cli版本就说明成功了

$ hexo -V

建站

安装一切所需的程序后，咱们能够开始建站了，就是建立咱们的博客,你们也能够进入Hexo建站官网查看。
新建一个文件夹，来管理咱们的博客项目，请执行下列命令，Hexo将会在指定文件夹中新建所须要的文件。

运行命令

$ hexo init <folder>
$ cd <folder>
$ cnpm install

• 注：folder是表示建站的博客项目名

打开Git Bash Here，输入：

$ hexo init myblog

再运行如下命令：myblog是我建立博客站。

$ cd myblog
$ cnpm install

访问URL

咱们能够运行看看Hexo建立的博客站是什么样的，运行如下命令

$ hexo server
或者
$ hexo s

访问URL

http://localhost:4000/

好了，到这里你已经学会了经过Hexo建立博客了，接下来咱们将会分析如何将咱们的博客上传到咱们的GitHub服务器上呢？
还有咱们如何修改咱们的博客让咱们的博客漂亮并且修改不一样的主题来美化咱们的博客呢?
紧跟着脚步。

上传到GitHub

GitHub建立repositories

进入GitHub官网,或者在浏览器输入https://github.com/,若是尚未帐号就建立一个帐号就行了，这里不教你们怎么注册帐号了。登陆本身的帐号，直接点击new repositories或者进入You repositories再new repositories

进入到建立repositories页面来,这里很重要，必定要注意哦！必须将新建的repository的名字为: You account name.github.io。其余默认就行了

配置

GitHub的Repository建立好后。咱们在回到本地的Hexo的Myblog项目中，咱们用代码编辑器工具打开，我这里用的是Webstorm,找到在项目的根目录下_config.yml找到 deploy标签

在该文件下面添加

• 注：repository: https://github.com/eirunye/eirunye.github.io.git 是本身刚刚建立You account name.github.io 的repository，在Clone with HTTPS里面，复制粘贴就好咯。冒号后面记得空格哦。branch 后面是master就行了。

deploy:
  type: git
  repository: https://github.com/eirunye/eirunye.github.io.git #复制过来
  branch: master

在_config.yml找到url 进行修改成：

url: http://eirunye.github.io # eirunye是个人帐号，修改成本身的帐号

部署

到这里就差不到了，接下来咱们须要执行一些命令，将咱们的博客部署到GitHub上了，惊喜将会到来了。
打开Git Bash Here进入myblog根目录下，首先咱们须要安装一下hexo-deployer-git否则可能出现错误，没法部署成功，执行命令行。

$ cnpm install hexo-deployer-git --save

而后在执行如下命令

• 注：每次提交时必须执行这三个命令

$ hexo clean
$ hexo generate
$ hexo deploy

或者简写方式

$ hexo clean
$ hexo g
$ hexo d

部署成功以下显示

测试

咱们进行访问https://eirunye.github.io/
和 http://localhost:4000/同样的页面说明是已经成功。

总结

咱们已经从如何使用Hexo到部署上GitHub上，没什么困难。须要咱们对一些命令行的操做，还有一些须要咱们必须注意的，必定要当心，否则就出错了。
固然了，咱们还未对Hexo进行一些咱们对于博客的美化，还有修改为为本身独特风格的博客。但愿咱们继续加油吧。接下来的咱们将在下一章讲到哦，请查看Hexo搭建GitHub博客--初级(二)。

推荐

你们也能够查看关于Hexo相关文章。

Hexo搭建GitHub博客--初级(一)

Hexo搭建GitHub博客--初级(二)

Hexo搭建GitHub博客—打造炫酷的Next主题--高级(三)

个人GitHub博客