利用Hexo和GitHub搭建一个静态博客

crainyday

Hexo

发布于：2019年3月16日

字数：756字

时长：2分钟

没有服务器也可以哦

用github pages与Hexo搭建免费的个人博客

之前讲过了利用gitee搭建静态博客, 现在说一下利用GitHub搭建博客

1.gitee与GitHub比较

gitee是国内的仓库, 访问速度会比GitHub快点, 也比GitHub稳定一点. 但都可以利用CDN来加速访问, 之后会提到如何利用CDN加速.

GitHub可以使用自己的域名, 自定义自己的博客url, 这项服务是免费的. gitee也可以, 但是这项服务需要收费.

2.前期准备

有一个github账号, 没有就先去注册一个
本地安装node.js, 配置教程
本地安装hexo，安装完NodeJS，用npm全局安装hexo，命令：npm install hexo-cli -g
本地安装git for windows

3.创建Github仓库, 开启pages服务

点击右上角的加号, 再点击 New repository 创建仓库，创建时先选上创建一个 README，方便测试; 之后进入仓库; 点击 setting，向下滚动滚轮找到Github Pages，在Source下面选择 master branch 开启服务.如图：

4.初始化博客并上传

①新建空目录

如图:

②安装插件

打开命令行, 依次执行下列命令(路径改为你自己的). 执行完hexo s后, 访问http://localhost:4000 便是本地博客.

f:
cd test
npm install hexo-cli -g #之前没安装hexo的执行此命令
hexo init
npm install hexo-server --save
npm install hexo-deployer-git --save
#清理项目&&生成项目文件&&本地运行项目 hexo clean && hexo g && hexo s
hexo clean
hexo g
hexo s
#修改完配置信息，再 hexo d 上传到远程仓库
hexo d

③配置全局_config.yml文件

title: CRainyDay's Blog
author: CRainyDay
language: zh-CN
#url
url: https://crainyday.github.io/test #这里填写GitHub Pages生成的url
root: /test #博客根目录，若是url为：https://crainyday.github.io，即一个二级域名，root: /
theme: landscape #网站应用的主题名字,可以换为你喜欢的主题

#与hexo d相关的配置
deploy:
  type: git
  repo: https://github.com/用户名/仓库名.git #你的GitHub仓库地址
  branch: master