hexo+git+github+域名搭建个人博客提示404_使用Hexo + Github Pages搭建个人独立博客

之前在弄这个博客的时候踩了一些坑，也看了一些教程，今天试着总结成一篇文章。整个过程我只是做过四五次，所以有什么问题还请大家指出。

效果

https://www.niracler.com

注意： 我这里是在linux系统上搭建的，所以win上搭建会有点不一样，不过大致都差不多。

什么是 Hexo？

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

什么是 Github Pages?

Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服 务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默 认提供的域名 github.io 或者自定义域名来发布站点。Github Pages 支持 自动利用 Jekyll 生成站点，也同样支持纯 HTML 文档，将你的 Jekyll 站 点托管在 Github Pages 上是一个不错的选择。

安装相关工具

安装Node.js以及Git

首先，你要先确保自己的系统中已经安装了下面这些应用程序，Hexo是基于Node.js的，而Git则是用来上传文件到github上的工具：

• Node.js
• Git

检验是否安装成功：

node -vnpm -vgit --version

换源，使用cnpm源

因为在国内直接用npm实在是太慢了，所以我选择使用淘宝的源，而用cnpm命令。

安装Hexo

$ sudo cnpm install hexo-cli -g

初始化Hexo项目

创建并进入blog文件夹

$ mkdir blog$ cd blog

初始化hexo基础配置文件

初始化时间可能会比较长。

$ hexo init

目录结构

生成静态文件

$ hexo g

加载hexo基础html、css、js等文件。

在这完成后等于已经在本地创建了一个网页，想查看的话，输入

$ hexo s

然后相当于开启了一个本地的服务器，会提示你拷贝url到浏览器。

在github上创建并设置远程库

创建仓库

名字必须是 用户名.github.io,这里是因为我已经有这仓库了

创建分支

我们总共有两个分支，master和hexo。之所以要有这两个分支，是为了在电脑出问题的时候或者换新的电脑以后才能快速的恢复blog环境。

设置hexo为默认分支

将项目克隆到本地

$ git clone https://github.com/(用户名)/(仓库名).git:克隆到本地

将文件复制到blog文件夹中

$ cd ..$ git clone https://github.com/(用户名)/(仓库名).git$ cp -r (仓库名)/.git .git

安装主题

可以到下面这个网站看看有什么喜欢的主题,然后安装。

https://hexo.io/themes/

下载主题

$ cd blog$ git clone https://github.com/theme-next/hexo-theme-next themes/next

配置主题

在项目的_config.yml中配置自己的主题

现在打开http://localhost:4000/ 已经可以看到一篇内置的blog了。当然，这是我经过配置后的主题。

发布hexo到github page

配置远程仓库

在项目的_config.yml中配置自己的远程仓库地址

提交项目，部署

安装部署工具(方便以后更新)

$ cnpm install hexo-deployer-git --save

这里有几个坑需要注意一下：

1、所有的配置“:”符号后面都要带空格，否则执行本地测试直接失败。

2、language是设置语言。zh-CN是中文。

生成静态文件并上传到github仓库

$ hexo clean && hexo g && hexo d #等于一次性执行了，清空、刷新、部署三个命令

总结

对于日常修改博客的时候，应该首先用git add ., git commit -m “…” , git push origin hexo　将内容保存至github中，然后才用hexo g -d部署博客

Hexo常用的几个命令：

$ hexo generate #(hexo g) $ hexo server #(hexo s) $ hexo deploy #(hexo d) 

另外还有其他几个常用命令：

$ hexo new "postName" $ hexo new page "pageName" $ hexo new draft "postName"$ hexo publish "postName" 

常用简写

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

常用组合

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

这仅仅是一个开始

虽然我上面已经说了这么多了，但这只是一个开始，你还要选好主题，还有对主题进行无数的优化，还要用自己的域名什么的。我就不写了，原文里有其他文章的链接，你们去看吧。

题图

本文作者：niracler

本文链接： www.niracler.com/2019/03/10/使用Hexo-Github-Pages搭建个人独立博客/

版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！