想来看到此文章的同学是被【免费】和【快速】字眼吸引到了，笔者小心机，哈哈。不过并未骗大家，那我是如何做的呢？直接来干货！！！本文分为两大块，1.博客的搭建 2.博客发布

不卖关子

笔者是借用github搭建博客，github提供300M的域名空间，免去了购买服务器和搭建的麻烦事，不得不说很贴心（PS:有时候慢的无力吐槽）。没有账号的同学是不是迫不及待的想申请账号了，莫急，搭建博客，你还需要了解这些。

准备

Node.js、Hexo、NexT、git、github帐号，文件存储服务器。

如果这些关键词你都了解，可以直接跳过。

Node为Hexo提供环境支持。 Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具。 NexT Hexo主题，你可以选择其他的，我比较喜欢简洁的事物。 github 全球最大的代码托管平台。 git是将Hexo编译后的文件推送到github上的工具。文件服务用于存储博客需要的图片及音视频文件。

喏，这有你需要的

Node的安装

少有的比较人性的环境安装程序，一直下一步即完成！下载地址（一般选取LTS版本）。

git工具安装

用于管理github代码的工具，你可以理解为另一种svn，当前原理完全不同。下载地址

github账号一枚

作为全球最大的同性社交网站，你不应该不知道。点击注册

Hexo

Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具，支持Markdown格式，有众多优秀插件和主题。官网链接

相信这个官网截图已经让大家为之心动了。

搭建

同样Easy的操作，执行以下指令，即可完成Hexo的安装。

npm install hexo-cli -g //安装hexo的脚手架 hexo init blog //创建博客项目 cd blog //进入博客项目 npm install //安装项目所需要的依赖 hexo server //项目运行

当你看到此界面，说明一切正常，浏览器访问，hexo的搭建完成，so easy!

Hexo的主题，因界面简约而广受大家喜爱。官网地址支持：【设置 RSS】【添加「标签」页面】【添加「分类」页面】等

同时集成了第三方应用，如：评论系统、数据统计与分析、内容分享、搜索服务等如何使用？ 1、你会发现blog根目录有themes文件夹，没错，进入，Git bash执行如下指令 git clone github.com/iissnan/hex… 2、blog根目录找到_config.yml文件，theme改成hexo-theme-next 两步完成主题切换。

个性配置

所有的配置，均在_config.yml文件中。细心的同学可能发现，根目录和主题文件中都有_config.yml文件。根目录下的_config.yml用于配置网站基础的信息，以及上处讲的主题配置和Github项目地址。主题中的_config.yml用于控制博客中的一些主题和风格。注意修改配置时，冒号后要加个空格，否则可能会出问题。

github使用

如何创建

如果没有账号就创建账号，然后创建仓库，如图

到此，仓库创建完毕。

设置上传权限

所谓权限就是通过git bash在本地生成一个key，此key在github账户上保存，任何的代码上传和修改，均要通过有此key的电脑，方可提交。

生成key

分别执行如下指令

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

配置好用户名和邮箱，此步骤必须，所有的Git上传都会携带用户信息，信息就是通过此操作生成。生成ssh key

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

会有三次等待输入，直接回车就好，然后你会看到key所在的文件路径，一般为C:\Users\Administrator.ssh 找到id_rsa.pub文件。

添加授权key

如图所示，将上步得到的key拷入即可。

博客发布

先执行此安装指令（能部署到git的前提条件）。

npm install hexo-deployer-git --save

执行以下指令，就可以发布了

hexo clean hexo generate hexo deploy

虽然官方给出只要执行deploy，但安全起见，建议上述三个指令分别执行。

Hexo常见指令

hexo new "postName" #新建文章 hexo new page "pageName" #新建页面 hexo generate #生成静态页面至public目录 hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server） hexo deploy #部署到GitHub hexo help # 查看帮助 hexo version #查看Hexo的版本

缩写

hexo n = hexo new hexo g = hexo generate hexo s = hexo server hexo d = hexo deploy

免费快速搭建个人博客