Github上免费搭建博客（基础篇）

文章目录

• 一、介绍
• 1.1 概述
• 1.2 优点
• 二、操作过程
• 2.1 安装环境
• 2.1.1 Node
• 2.1.2 Git
• 2.1.3 Hexo
• 2.1.4 测试安装结果
• 2.2 本地运行
• 2.2 远程运行
• 2.2.1 注册github账户
• 2.2.2 github上设置远程库
• 2.2.3 配置Github的SSH
• 2.2.4 安装部署工具
• 2.2.5

一、介绍

1.1 概述

  Hexo基于Node.js的快速且高效的静态博客程序，可方便地生成静态网页托管在Github和Coding上，使用Markdown（或其它渲染引擎）解析文章，并且可以在几秒之内渲染靓丽的主题生成静态网页。

1.2 优点

• 不需要：服务器、域名、github提供托管服务（免费）
• 不用自己写XML、Hexo提供了很多开源博客模板
• 便于维护更新，更换风格直接更换模板

二、操作过程

2.1 安装环境

2.1.1 Node

• 官网：https://nodejs.org/en/download/
  （安装过程和其它应用一致！[略] ）

2.1.2 Git

• 官网：https://git-scm.com/
  （安装过程和其它应用一致！[略] ）

2.1.3 Hexo

# cmd下执行
》》npm install hexo-cli -g

2.1.4 测试安装结果

# cmd下执行查看
》》node -v
》》git --version
》》hexo -v

(如果不显示可能是环境变量没有配置好，去安装目录查看应用的exe文件路径配置下环境变量即可！其它原因没配好欢迎留言！)

2.2 本地运行

目的：为了本地搭建并测试博客状态，以后的所有关于网站配置的操作都会在此初始化的目录下运行。

》》创建文件夹用于存放Hexo，也就是博客目录（博主创建在C:\，取名：Kevin’sBlog）
# hexo建立网站所需文件（初始化)
》》hexo init
# 安装依赖包
》》nmp install

## 本地启动 / 调试
# 等同于hexo generate，生成静态文件
》》hexo g
# 等同于hexo server，本地启动服务运行
》》hexo s

》》浏览器访问localhost:4000，页面显示如下证明本地搭建完成！

2.2 远程运行

2.2.1 注册github账户

• github官网：https://github.com/
  （略，博主的为：https://github.com/KevinMahone）

2.2.2 github上设置远程库

》》登录github账户并点击“+”号，选择新存储库

》》在"Repository name"下输入存储库名称（这个名称就是你的域名：<RepositoryName>.github.io）

Tips：这里一定要用你的Github用户名.github.io创建，即上方绿色方框中的格式（我的github用户名为：KevinMahone），假如Repository name非为：“KevinMahone.github.io”创建，而是用的“Kevin’sBlog”那么浏览器访问"https://Kevin’sBlog.github.io"的时候会出现404错误，并不是没有部署成功，而是部署在了：https://KevinMahone.github.io/Kevin’sBlog.github.io （访问域名不易输入），因此为了避免麻烦，那么就需要和用户名保持一致！

》》编辑本地Hexo目录下文件：_config.yml（在最后添加你的远程仓库）

deploy:
  type: git
  repository: https://github.com/KevinMahone/KevinMahone.github.io.git
  branch: master

Tips：所有的配置 " : " 后边都需要带空格，否则执行本地测试直接失败

2.2.3 配置Github的SSH

• 详情参考：https://blog.****.net/Aaron_Miller/article/details/90269019

2.2.4 安装部署工具

》》npm install hexo-deployer-git -save

2.2.5