hexo＋GitHub本地搭建静态博客

目录

准备工作

搭建本地博客

发布到GitHub

主题更换

一、准备工作

1.1 搭建Node.js环境

Hexo是基于Node.js搭建的博客系统，所以我们需要在本地安装搭建Node.js环境。

Node.js有官方网站，可以直接下载，点击下载

由于中国网络的原因，从境外下载也可以选择镜像源，这里提供一个淘宝镜像源供大家下载安装。

软件很小，大家安装过程中直接一路按Next即可。

安装完成后，可以在命令窗口,比如说 的 ，使用 ，查看显示版本判断安装是否成功。

1.2安装Git工具

Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。我们使用Git可以快速高效的将本地博客文件部署到GitHub上。

同样，我们可以在Git官网下载最新版本的安装包。

同样受限于中国网络政策，博主下载了好多次都已失败告终。好在中国存在Git的镜像源，附上链接

安装过程同样一路Next即可。命令行输入 ，确认是否安装成功

1.3安装Hexo博客框架工具

首先，我们在电脑中创建一个文件夹，用来存放Hexo博客框架工具以及存放博客本地源文件，比如说博主的文件夹位置时是 打开我们创建的Hexo文件夹，鼠标反键点击Git Bash Here ，在命令框输入命令：

然后文件夹将会增加一些文件。

1.4注册GitHub账号

GitHub是一个面向开源的代码托管网站。将静态博客页面直接部署在GitHub Pages上，选择GitHub一个原因是免费，再个是管理比较省心。GitHub提供1G大小的储存空间，一个月100G的流量限制，对于个人用户来讲完全足够。

对于国内用户来讲，如果追求访问速度的话，也可以选则[Coding](coding.net)。设置方法百度即可。

首先我们访问GitHub的官方网站,打开的界面就是这样的：

如果大家有账号的话就直接登录进去，没有的话就注册一个。

注册时要想好ID，这个后面GitHub分配域名时使用。（虽然后面可以修改） 自己注册有额外域名的除外。

进去之后是大家的主页面：

我们填写好GitHub给我们提供的域名XXX.github.io ，前面的xxx是你注册GitHub时所填写的id。

在描述中填写好博客描述。

选择公共可读，点击Create repository ，进入下面的界面。

我们选择Settings，填写好我们刚才得到的域名。

如果在万网等网站注册过域名的话，可以直接到此为止，跳过此小结。

页面往下拉动到Github Pages。

在里面我们填写自己的私有域名，绑定到GitHub上。

1.4.1 私有域名的解析

此小节主要讲解需要绑定私有域名情况

我们进入到我们域名提供商的控制台界面。选择域名栏目。

我们看到在域名后面有 选项，点击进入：

现在，我们在浏览器输入GitHub提供的域名或者我们自己绑定的域名就可以顺利访问啦~~~

1.5 配置SSH Key

我们在用Git提交源文件到GitHub上需要拥有GitHub操作权限，但是直接使用用户名与密码不安全，于是就有了SSH Key来连接本地与GitHub之间的通信。

1.5.1设置Git的username和email

打开git Bash控制终端：

1.5.2 生成SSH

新打开终端：

生成路径C:/users/name/.ssh/

1.5.3配置到GitHub

打开GitHub，点击头像，选择Settings 。

随便填写。

就填写我们在前面生成的 文件夹下的 内的文件内容。

前期准备就结束了，下面就是激动人心的写博客环节啦~~

二、Hexo本地配置与文件创建

2.1 Hexo初始化

在Hexo文件夹中，打开Git Bash：

然后：

在浏览器中输入localhost：4000 即可访问界面。

2.2 配置上传GitHub文件

在本地文件夹中找到_config.yml文件，打开编辑：

2.3 文章渲染与上传

同样在Hexo所在目录下：

三、基于Markdown语法博客文章书写

然后在D:\Hexo\source_posts中会出现article_name.MD的文件。

写完后。

关于Markdown写作推荐：

Markdown 语法

关于编辑器，有很多，收费或者不收费的。推荐一款官方推荐的，大佬编写的一款编辑器，重要的是支持Next主题。

HexoEditor ( 安装方法文档详细 )

四、主题配置

在生成网页时，我们发现网页的布局不是非常的漂亮，不过GitHub上大佬非常多。

大家可以直接去Hexo社区寻找，里面包含很多主题，博主选择的是Next主题。

最新v6.0地址

五、结束

现在，博客建完啦~~

大家开启发现之旅吧~~

听会歌儿吧~