手把手教小白用 hexo + Github 搭建属于自己的博客 (上)

2017-07-22


大概可以分为以下几个步骤

  1. 搭建环境准备(包括node.js和git环境,gitHub账户的配置)
  1. 安装Hexo 、配置Hexo
  1. 怎样将Hexo与github page 联系起来、怎样发布文章
  1. 主题 推荐 和 主题配置

搭建环境准备

大概可以分为以下三步

  1. Node.js 的安装和准备
  1. git的安装和准备
  1. gitHub账户的配置

配置Node.js环境

  1. 下载Node.js安装文件:

https://nodejs.org/en/

node.js官网下载
根据自己的Windows版本来选择相应的安装文件,例如我选择的是64-bit

保持默认设置即可,一路Next,安装很快就结束了。 然后我们检查一下是不是要求的组件都安装好了,同时按下Win和R,打开运行窗口,
在新打开的窗口中输入cmd,敲击回车,打开命令行界面。
在打开的命令行界面中,输入

`node   -v`

`nmp    -v`

如果结果如下图所示,则说明安装正确,可以进行下一步了,如果不正确,则需要回头检查自己的安装过程。

Git的安装和准备

下载Git安装文件:

https://git-scm.com/downloads
git官网下载
根据自己的Windows版本选择git版本,我选择的是64-bit

安装时一直next,默认设置即可
检查一个Git是否安装正确,打开命令行,输入:

`git    --version   `

结果如图所示,则说明安装成功,可以进行下一步了,如果不正确,回头检查自己的安装过程

github账户的注册和配置

如果已经拥有账号,请跳过此步

第一步: Github注册

打开 https://github.com/, 在下图的框中,分别输入自己的用户名,邮箱,密码。

然后前往自己刚才填写的邮箱,点开Github发送给你的注册确认信,确认注册,结束注册流程。

一定要确认注册,否则无法使用gh-pages!

第二步: 创建代码库
登陆之后,点击页面右上角的加号,选择New repository:

新建代码库
进入代码库创建页面:

在Repository name下填写yourname.github.io,Description (optional)下填写一些简单的描述(不写也没有关系),如图所示:

注意:比如我的github名称是ldaisy847800926 ,这里你就填 ldaisy847800926.github.io,如果你的名字是xujun,那你就填 xujun.github.io

第三步: . 代码库设置
正确创建之后,你将会看到如下界面:

接下来开启gh-pages功能,点击界面右侧的Settings,你将会打开这个库的setting页面,向下拖动,直到看见GitHub Pages,如图:

Github pages

在GitHub page设置时候,会选择一个GitHub page的主题,随便选择自己想要的主题即可。

点击Automatic page generator,Github将会自动替你创建出一个gh-pages的页面。 如果你的配置没有问题,那么大约15分钟之后,yourname.github.io这个网址就可以正常访问了~ 如果yourname.github.io已经可以正常访问了,那么Github一侧的配置已经全部结束了。

参考的教程链接:
http://blog.csdn.net/gdutxiaoxu/article/details/53576018

https://www.cnblogs.com/fengxiongZz/p/7707219.html

http://www.cnblogs.com/fengxiongZz/p/7707568.html