如何搭建一个独立博客——简明Github Pages与Hexo教程

摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册、DNS设置、github和Hexo设置等过程,这是我写得最长的一篇教程。我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后来者一个明确的指引,同时用这篇教程开篇,正式开始我的第八大洲之旅。

前言

因为这篇文章是我搭建完博客之后,过了很长一段时间写的,所以最后写的有点模糊,如果有问题可以私信我。后期有机会我在尝试搭建一个,把后面的问题补充完善

我的博客点击打开链接

一、说明

刚开始接触网页设计的时候就想着要建立一个自己的网站但一直都没有开始行动,前段时间刚接触到Hexo的时候就觉得非常的方便,然后开始查找这方面的资料,就当是一次学习的总结吧。
网上有很多关于Hexo搭建网站的教程,很多都是前几年的,博主在搭建网站的时候也遇到了很多的坑,此文章是为了记录建博客时采取的一些操作以及引用的文档和教程资料,主要参考Hexo官方文档,博主会对其中的一些我认为值得注意和学习的地方进行解释说明,希望能与大家一同分享^ ^。
文章若有不恰当的地方手动点击左侧栏联系方式,请多指教 (:зゝ∠)

二、安装git

1、下载git

方式一(官网下载):https://git-scm.com/download/win(到此页面后,稍微等一下会有下载弹框)
方式二(百度云盘下载):链接:https://pan.baidu.com/s/1htl1D3Y 密码:b477(我这个版本是Git-2.15.1.2-64-bit)

2、安装git(按照图上选择即可)

基本都是默认,下一步下一步的
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程

至此,安装git步骤结束。

三、安装node.js

1、下载node.js

方式一(官网下载):http://nodejs.cn/download/(到此页面后,稍微等一下会有下载弹框)
方式二(百度云盘下载):链接:https://pan.baidu.com/s/1c302VhI 密码:4znh(我这个版本是node-v8.9.4-x64)

2、安装node.js(按照图上选择即可)

基本都是默认,下一步下一步的
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程
如何搭建一个独立博客——简明Github Pages与Hexo教程

至此,安装node.js步骤结束。

四、安装hexo

1、安装hexo

hexo的官网
首先在本地磁盘中建立一个Hexo文件夹用于存储本地文件做本地文件保存以及测试使用
如何搭建一个独立博客——简明Github Pages与Hexo教程
然后在文件夹中右击打开git命令框 我第一次直接在桌面右击,所以命令行无效果
如何搭建一个独立博客——简明Github Pages与Hexo教程
在git命令框中安装Hexo(npm install -g hexo)
如何搭建一个独立博客——简明Github Pages与Hexo教程
初始化(hexoinit)
如何搭建一个独立博客——简明Github Pages与Hexo教程
启动服务(npm install –>hexo server –>hexo clean –>hexo generate –>hexo deploy)
如何搭建一个独立博客——简明Github Pages与Hexo教程

浏览器输入http://localhost:4000,按理来说应该会出现本地访问页面,但是按照此步骤可能不会出现
注意 访问本地页面的时候hexo server 不可以按ctrl+c停止服务,否则会报404 
解决:(npm install hexo-deployer-git –save) 
如何搭建一个独立博客——简明Github Pages与Hexo教程

如果试过还不可以的话,请根据报错,复制到百度自行查找解决方案

本地测试:如何搭建一个独立博客——简明Github Pages与Hexo教程
如果你们的跟我的不一样,正常,因为我的是已经更换了模板之后的,你们只要根据网址可以访问到页面即可.

2、重新部署更新(下面这条命令会经常用到)

(hexo clean –>hexo generate –>hexo deploy)或(hexo clean –>hexo d -g)

五、申请GitHub

1、注册github

点击->GitHub进入官网注册帐号

六、购买域名

请参考我另外一篇文章
Hexo+Github 绑定域名