Hexo系列教程(三):基于Github Page的Hexo搭建

前言

个人博客是个人的持续性日记或评论,它是最传统常见的博客类型,它成为了反映生活的一种方式,编写博客可以记录个人经历,可以抒发感情,也可以帮助他人。

作为身处IT行业的我,更需要博客来记录一些所做所想所感,因为有些东西可能许久未用到,便会遗忘。

阮一峰 - 喜欢写Blog的人,会经历三个阶段

第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。

第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。

第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

GitHub Page 是什么?

GitHub Pages本用于介绍托管在GitHub的项目, 不过,由于他的空间免费稳定,用来做搭建一个博客再好不过了。

github Pages可以被认为是用户编写的、托管在github上的静态网页。

Github设置

Github账号注册

1.访问GitHub官网: http://www.github.com

2.点击Sign up进行注册

3.邮箱推荐使用@gmail,@163,没有的话,QQ邮箱也可以辣~

配置和使用GitHub

前提:你的计算机里必须安装了Git(因为以下命令最好在git bash中执行,否则下面会复制失败)

1. 配置SSh key:

首先,检查电脑上有没有ssh key:

$ cd ~/.ssh

如果提示:“No such file or directory” 说明你是第一次使用git。

2.生成新的SSH Key

$ ssh-keygen -t rsa -C "you@youremail.com"

注意:Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):(回车就好),

Enter passphrase (empty for no passphrase):(回车,不需要输入密码)

Enter same passphrase again:(回车不需要输入密码)
因为Hexo的自动部署如果有密码的话会部署失败


当出现如图所示的时候就是成功了

注:忽略我在Enter file in which to save the key(/Users/your_user_directory/.ssh/id_rsa):的 ~ 直接回车保存在默认路径。

3. 添加SSH Key到GitHub

在本机设置SSH Key之后,需要添加到GitHub上,以完成SSH链接的设置。

$ cd ~/.ssh/ && ls

可以看到此目录下的文件:id_rsa id_rsa.pub

$ cat id_rsa.pub

将显示的文件内容全部复制下来(如果复制失败,可以找到那个文件,去文件里面复制)

登陆GitHub官网: https://github.com/settings/ssh 进行添加 SSH Keys

导航: Account Settings —> SSH keys —> Add SSH keys
如图所示:

4. 测试是否成功

$ ssh -T git@github.com

如果是以下提示:“Hi taozh1218! You’ve successfully authenticated, but GitHub does not provide shell access.”
证明你配置成功了。

5. 设置用户信息

$ git config --global user.name "taozh1218"   #GitHub用户名
$ git config --global user.email  "taozhangcz@gmail.com"   #填写自己的邮箱

至此配置GitHub就已经完成了


使用GitHub Pages建立博客

GitHub Pages分两种,一种是你的GitHub用户名建立的username.github.io这样的用户&组织页(站),另一种是依附项目的pages。

想建立个人博客是用的第一种,形如username.github.io这样的可访问的站,每个用户名下面只能建立一个。

GitHub上建立仓库

点击:New repository

配置Hexo进行一键部署安装

配置Hexo目录下的_config.yml

\_config.yml
## 配置信息:后必须有一个空格
## Site
title: taozh's Blog         ## 网站标题
subtitle: 随心 随笔          ## 简介
description: 随心 随笔       ## 描述
author: 张涛                    ## 网站作者
language: default               ## 网站语言
email: taozhangcz@gmail.com
timezone: Asia/Hong_Kong        #时区

## Deployment
### Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git     ## 部署的位置  写git
  repository: git@github.com:taozhang1218/taozhang1218.github.io.git
  ## 这里填写项目的地址 git@github.com:Git用户名/Git用户名.github.io.git 参照上面
  branch: master    ## 分支选择 master

开始使用

先进入 Hexo 目录,在文件夹任意地方右键 Git Bash Here

npm install hexo-deployer-git --save ## 安装部署所需要的插件

$ hexo clean && hexo g && hexo deploy && hexo clean

稍微解释一下:

  • hexo clean : 清理 database 和 /public目录, /public 目录里是生成的静态文件数据。
  • hexo generaet : 简写是 “hexo g” 命令是用来生成静态页面的 会创建 /public 目录静态页面数据都在这个文件夹里。
  • hexo deploy : 一键部署命令上面在 _config.yml文件中配置了部署信息。这个命令会帮助你一键部署。

如果显示如下信息, 就代表成功了。

访问username.github.io即可,顺便看看你的Github仓库中上传了文件没有~


热评文章