Node.js+Hexo+GitHub搭建属于本身的我的博客

踩了各类坑/(ㄒoㄒ)/~~，看了各类资料文档，终于搭建好了hexo，node和hexo我下载的都是最新版的。

---

什么是Hexo?

Hexo是一个快速，简洁且高效而且基于Node.js的静态博客框架，使用Markdown解析文章，几秒内便可利用靓丽的主题生成静态网页。

---

环境

• Node.js(用于生成静态页面)官网
• Git(用于把本地hexo内容提交到github上)官网
• github帐号(做为博客的远程仓库，域名，服务器等)官网

---

以上环境都安装好之后，就能够正式安装Hexo啦~ 在本地建立一个文件夹，如blog，做为hexo的根目录，有一系列的配置文件，全部的操做都会在里面进行。而后在blog里右击打开GitBash,安装Hexo。

1.安装Hexo

$ npm install -g hexo-cli
复制代码

2.初始化Hexo

$ hexo init
复制代码

至此，所有安装工做已完成！

---

执行如下命令(通常用简写的)，本地测试博客
1.生成静态页面

$ hexo generate
复制代码

2.启动本地服务器

$ hexo service
复制代码

浏览器访问，默认状况下，访问网址为：

http://localhost:4000/
复制代码

---

部署到GitHub

1.建立新的repositiry
仓库名必须为【username.github.io】,固定写法，这是我踩的第一个坑/(ㄒoㄒ)/~~，若是不一致最后域名在浏览器访问时就会出现404页面**

2.设置GitHub Pages
进入当前仓库的setting,拉到最后面就会看到GitHub Page

3.将本地文件部署(上传)到GitHub帐户中

编辑本地blog根目录下的_comfig.yml文件，打开，拉到最后面添加以下代码。repo填的是地址（题主用的是HTTPS），就两种协议，看大家心情吧喜欢哪一个用哪一个。message能够不写。最最最最重要的要必定注意啦！！！！ yml文件下的每一个冒号后面都须要空一格在填写（不然你就会像我同样出现各类莫名其妙的bug,这是我踩的第二个坑），例如type: git（冒号后面要留一个空格再加git）切记啊！！！

deploy:
  type: git
  repo: https://github.com/NIIT123456/NIIT123456.github.io.git
  branch: master
  message: 一个用于记录踩坑填坑及生活的心路历程的地方
复制代码

4.提交
执行命令,安装依赖包

$ npm install hexo-deployer-git --save
复制代码

PS：出现这两个警告的话不用担忧其实你已经安装成功了，fsevent是mac osx系统的，在windows或者Linux下使用了因此会有警告，忽略便可。

再执行部署网站命令(括号里面的是简写)

$ hexo deploy
复制代码

---

而后在浏览器中输入niit123456.github.io/就能够访问啦，把个人niit123456改为你的github的帐户名就好了

每次部署步骤

三步：

$ hexo clean
复制代码

$ hexo generate
复制代码

$ hexo deploy
复制代码

好啦~目前为止，已经你已经会部署啦坚持到如今你也不容易啊~~~///(^v^)\~~~，后面会更新修改主题大法哈哈哈哈哈