使用hexo+github免费搭建个人博客网站教程

建前准备

1、安装Node.js

2、安装Git

---

win+r输入cmd回车进入命令行：依次测试如下命令确定是否成功安装

node -v
npm -v
git --version

3、安装cnpm

npm下载速度太慢，所以我们用淘宝提供的国内镜像cnpm替代

在命令行输入如下代码进行安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

在命令行输入如下代码测试是否安装成功

cnpm -v

4、Github账号

Github官网：https://github.com/

设置 user.name 和 user.email[可选]

打开Git命令行

在Git命令行设置user.name和user.email

git config --global user.name "your user-name"
git config --global user.email "your user-email"

配置 SSH 密匙[可选]

ssh-keygen -t rsa -C user-email
/root/.ssh/id_rsa

然后直接输入回车回车，这时进入到 /root/.ssh/ 目录下查看 id_rsa.pub 文件

复制文件里的所有内容 (所有内容, 一个字符都不要漏) . 然后到 Github 添加 ssh 密匙，点击 New SSH key 按钮进行添加

正式开始

1、新建仓库

在github新建一个仓库，仓库名为<user-name>.github.io格式，其中<user-name>是你Github的昵称。

这样做，我们不需要服务器，github免费提供托管服务，我们也不需要购买域名，github同样提供了一个.io的域名。

2、全局安装hexo

cnpm install -g hexo

3、初始化项目

在磁盘里找个地方创建一个文件夹作为你的本地博客资源位置，这个文件夹就是你的项目根目录，然后在此处打开git命令行，运行如下命令，文件夹内就会出现hexo基础配置文件

hexo init

4、本地查看

在项目根目录，运行如下命令，可以在本地网址http://localhost:4000/访问你的博客

hexo s

5、部署到github

在项目根目录找到_congif.yml文件，找到deploy字段并填写完整，填写如下：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: <你的仓库地址> # https://github.com/user-name/user-name.github.io，注意把user-name换成你自己的用户名。
  branch: master

[可选]如果前面配置了SSH，可以把repo字段这样写：

git@github.com:user-name/user-name.github.io.git

这样做的好处是将本地项目部署到github时不用每次输入用户名和密码。

[部署]

在项目根目录依次运行如下代码：

hexo clean #简写hexo cl
hexo g
hexo deploy #简写hexo d

如果部署成功，那么就可以在https://user-name.github.io/ 查看效果了

注：hexo clean && hexo g && hexo deploy为部署三件套，我们每次将本地博客内容推送到网络上都需要依次运行这三个命令。

如果我们修改完本地配置想在本地先查看一下效果，则只需要运行hexo s命令即可。

主题优化

不出意外的话，你会在https://user-name.github.io/ 这里看到你的博客的效果，但是它很丑有木有！所以我们需要丰富它！

hexo-theme-matery主题

目前网上有许多大佬写的优秀的主题，我们可以任选一个应用之，我用的是hexo-theme-matery，所以我们以这个主题为例来讲解使用：

具体基本配置请参考：

https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md

其他一些个性化配置请参考：

hexo（matery）背景、滚动条优化+增加点击跳评论

hexo博客matery主题个性化配置

……

完结

参考

5分钟搞定个人博客-hexo

使用hexo+github免费搭建个人博客网站超详细教程

……