hexo+gitHub搭建个人独立博客(一)

最新资讯

谷歌的一篇文章则着重说明了新成立的指导小组将如何“让MDN成为最好的Web参考文档，帮助我们更好地进行Web开发”。指导小组目前的成员包括微软、谷歌、Mozilla、三星和W3C。值得注意的是，苹果公司并没有参与这次发布声明。

前言

一直想要一个自己的独立博客，域名跟服务器到现在快买有一年了，由于种种原因最终还是没有搭建自己的博客，服务器差不多放一年了，快要发霉了。去逛gitHub时候发现好多人的项目里都有**.github.io慢慢研究，就偶然的发现Hexo这个优秀的静态博客框架，再搭配现在流行的gitHub，当然也可以放在Coding或码云，简直是完美写博客的黄金搭档（免费+方便）。我就百度好多教程，最后磕磕碰碰的搭建了起来。但是网上的教程多多少少都有点问题。就有了这个自己总结的教程，一是自己总结一下，二是给也想搭建Hexo博客的伙伴们多一点参考。

说明

我这个教程是基于window系统用户，Hexo3.4版本

系统环境配置

要使用Hexo，需要在系统中安装Nodejs以及Git，如果还没有，那就开始安装吧！

安装node.js

下载链接：https://nodejs.org
安装教程就不说了！直接下一步下一步就ok了！！！

安装git

下载链接：https://git-scm.com/downloads
安装教程就不说了！直接下一步下一步就ok了！！！

安装Hexo

安装前先介绍一些hexo常用的命令,#后面为注释。

hexo g #完整命令为hexo generate,用于生成静态文件
hexo s #完整命令为hexo server,用于启动服务器
hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
hexo n “FileName”#完整命令为hexo new,用于新建一篇文章

在桌面右键出现我们刚刚安装的Git , 选择Git Base

输入安装hexo命令：

npm install -g hexo

说明：这个需要安装一段时间

安装完成后，在系统的某一个盘下创建hexo文件夹（如D:\hexo），执行以下指令(在D:\hexo内点击鼠标右键，选择Git Bash)，Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

hexo init

安装依赖包：

npm install

让我们看看刚刚下载的hexo文件带来了什么

在D:\hexo内执行以下命令：

hexo g #生成静态文件
hexo s #启动服务器

然后用浏览器访问http://localhost:4000， 此时，你应该看到了一个漂亮的博客了，当然这个博客只是在本地的，别人是看不到的，hexo3.0使用的默认主题是landscape。

补充说明：此时有可能你启动服务会报错，一般是端口占用，可以通过如下命令更改：

hexo server -p 5000

通过以下命令可以查看我目前的环境：

hexo –v

常用的组合：

hexo d -g #生成部署
hexo s -g #生成预览

GitHub

已经有Github帐号跳过此步，进入Github进行注册。

创建repository

创建时，只需要填写Repository name即可，当然这个名字的格式必须为youname（你github的名字）.github.io，例如我的为hfbin.github.io

部署本地文件到github

在D:\hexo 目录中找到_config.yml , 并打开，加入如下内容

deploy: 
  type: git
  repository: git@github.com:hfbin/hfbin.github.io.git
  branch: master

如果你是第一次使用Github或者是已经使用过，但没有配置过SSH，这时你要配置一下你电脑的SSH：

根据这个路径C:\Users\HUANGFUBIN（你电脑的名字）\.ssh 如果你还没有.ssh
这个文件夹那就不用理往下，如果有将这个文件夹删除 ，下面会教如何生成：

输入以下指令（邮箱就是你注册Github时候的邮箱）后，回车，出现提示让你输入的时候直接先回车，需要三次：

ssh-keygen -t rsa -C "1716850375@qq.com"

命令如下：

ssh-keygen -t rsa -C "1716850375@qq.com"
ssh-agent -s
ssh-add ~/.ssh/id_rsa
eval `ssh-agent -s`
ssh-add
clip < ~/.ssh/id_rsa.pub

这时候打开C:\Users\HUANGFUBIN（你电脑的名字）\.ssh 如图：

打开id_rsa复制里面的内容，复制时候不要复制少 ctrl+A 全选 ctrl+C 复制，这时复制好后可以到到Github上用了：

最后测试一下是否链接成功，键入以下命令：

ssh -T git@github.com

这时候会有警告，输入“yes”就好

继续执行下面命令：

npm install hexo-deployer-git --save

如果不执行上面命令等一下执行 hexo d 会报错

以上就表示SSH配置好了，执行以下命令部署到Github上。

hexo g
hexo d

此时可以说完工了，下面你可以访问一下yuoname(hfbin).githui.io， 就可访问到你部署在github上面的项目了

发布一篇文章

在Git Bash执行命令

hexo new "frist blog"

打开生成的md文件，在E:\hexo\source\_post中打开frist-blog.md 文件，hexo中写文章使用的是Markdown， Markdown编写语法有空我会写一篇文章来介绍：

title: my new post 标题
date: 2016-02-21 16:04:09 发表日期
categories: blog 文章文类
tags: 文章标签
---
#正文，用markdown写

写完后执行命令

hexo g #生成静态文件

部署到github上

hexo d

访问yuoname(hfbin).githui.io ，即可

大功告成 对你有用来个赞呗 老铁们

下一章介绍 Next 主题的使用