Hexo搭建博客教程(3) - 远程部署到GitHub Pages
本章讲的是如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库、Git的使用,以及Hexo的远程部署等。
1. 安装 hexo-deployer-git
插件
想要将Hexo项目部署到 GitHub上,需要先安装一个插件。在Hexo项目的根目录打开命令窗口,输入:
npm install hexo-deployer-git --save
2. GitHub上创建一个仓库
仓库的名字可以随便起,不过这个仓库是作为我们的博客仓库的,所以尽量将名字以 {username}.github.io 的形式来起。
比如,我的GitHub用户名是lewky,我就会把这个仓库命名为lewky.github.io。(为什么要这样起名,后面会说明)
3. 修改本地的项目配置文件
在 _config.yml 找到如下:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
把刚刚我们新建的GitHub仓库链接配置进来:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:/{user}/{repository}.git
branch: master
message:
请注意,这里的仓库地址如果写成:https://github.com/{user}/{repository}.git
可能会在后边的部署时无法成功,需要将https://github.com
改成git@github.com:
。
另外这里的branch和message可以不填,branch会默认是master分支,message会默认用下边的格式模板:
Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}
4. SSH key的创建与配置
最关键的一步来了,我们需要生成一对密钥对,然后将公钥配置到GitHub账号上。
4.1 生成RSA密钥对
首先使用 Git Bash 输入:
cd ~/.ssh
~
指的是当前用户的根目录,即 C:\Users\{user}\
;而 .ssh
目录下一般存放着公开的SSH key文件:
- id_dsa.pub
- id_ecdsa.pub
- id_ed25519.pub
- id_rsa.pub
此外还有个 known_hosts
文件,SSH会把我们每个访问过的计算机的公钥(public key)都记录在里面。
如果在使用了 cd ~/.ssh
后能找到路径,那就把该目录下的 id_rsa.pub 文件里的内容复制到剪切板。如果找不到路径,就执行命令:
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
该命令会生成新的SSH key,这里的参数含义:
-t: type,生成的密钥类型
-b: bits,指定密钥长度,对于RSA密钥,最小要求768位,默认是2048位。DSA密钥必须恰好是1024位,一般越长越安全。
-C: comment,提供一个新注释
接着会看到如下提示:
Enter file in which to save the key (/c/Users/123/.ssh/id_rsa):
这里按下回车,表示将SSH key保存到默认地址,即:C:\Users\{user}\
如果本身已经存在一个RSA私钥了,会提示你:
/c/Users/123/.ssh/id_rsa already exists.
Overwrite (y/n)?
这里输入 y 可以重新生成RSA密钥对;然后就会看到如下提示:
Enter passphrase (empty for no passphrase):
这里按下回车,表示不设置密码;接着会再提示你输入重复密码,依然是按下回车。
Enter same passphrase again:
这时候我们的SSH key就生成好了,去 ~/.ssh
目录下将里边的 id_rsa.pub 文件里的内容复制到剪切板。
4.2 在 GitHub 上配置SSH key
接着登陆我们的 GitHub 账号:
- 进入 Settings 页面
- 选择 SSH and GPG keys
- 点击 New SSH key
- 填写 Title(用来给公钥起一个名字,以便和其他的公钥区分开来)
- 然后在 Key 里将我们刚刚复制的公钥复制进去
- 最后点击 Add SSH key,这时候 GitHub 会要你输入账号密码进行确认。
4.3 验证ssh连接
使用 Git Bash 输入:
ssh -T git@github.com
接着会看到:
The authenticity of host 'github.com (192.30.253.112)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?
输入 yes,会看到:
Warning: Permanently added 'github.com,192.30.253.112' (RSA) to the list of known hosts.
Hi lewky! You've successfully authenticated, but GitHub does not provide shell access.
这时候 github.com的公钥被保存到known_hosts文件里,如果我们再执行一次ssh -T git@github.com
,就不需要输入yes了,会直接看到:
Hi lewky! You've successfully authenticated, but GitHub does not provide shell access.
4.4 部署到 GitHub Pages
输入命令:
hexo d
或者
hexo g -d
后一条命令表示生成静态页面并部署到远处仓库,第一次部署会久一点,部署成功后会看到:
* [new branch] HEAD -> master
INFO Deploy done: git
接着登陆 GitHub 并进入我们的项目仓库,可以看到已经多出了很多文件,且其 message 都是默认的格式:
Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}
接下来点击 Settings 进入该仓库的设置页面,找到 Github Pages 这一项,选择以 Master 分支作为 source,然后保存;接下来这个仓库就会被部署到 https://{username}.github.io/{仓库名}。
如果你希望直接通过 https://{username}.github.io/ 来访问你的博客,可以将仓库名改为 {username}.github.io;这样就不需要在url后边添加上仓库名来访问了。
接下来,开始享受你的个人博客吧
Hexo搭建博客教程(3) - 远程部署到GitHub Pages的更多相关文章
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)
前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Trav ...
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)
前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的 ...
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...
- Hexo搭建博客教程(1) - 安装环境与本地搭建
前言 搭建个人博客一般有两种选择,一个是使用WordPress,但是需要将博客搭建在服务器上,不过搭建好后写文章方便,适合没有程序基础的人使用.另一个是使用Hexo,相对简洁高效,不需要服务器,既可以 ...
- Hexo搭建博客教程(2) - 博客的简单个性化配置
本章主要讲博客的个性化,譬如站点的基本配置(语言.头像.站点图标等).安装新的Hexo主题(NexT主题)以及主题的配置. 1. 修改站点配置 打开站点配置文件 ,找到: # Site title: ...
- 基于Hexo搭建博客并部署到Github Pages
基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几 ...
- 使用github+hexo搭建博客笔记
听说github上可以搭博客,而且不用自己提供空间和维护,哈哈哈 作为一名程序猿,github搭博客对我有种神奇的吸引力,赶紧动手试一试 关于如何使用hexo搭建博客网上好的教程多如牛毛,而且这篇博客 ...
- 利用hexo搭建博客
利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下 ...
随机推荐
- eclipse新建android项目出现非常多错误
如图所看到的: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSGFycnlXZWFzbGV5/font/5a6L5L2T/fontsize/400/fil ...
- VUE清除组件内部定时器
定时器如果不手动清除,只会在离开当前页面或者F5刷新后才会清除.由于vue项目是SPA应用,离开当前组件后并不会清除定时器,所以需要我们手动去清除定时器.但当我们将清除定时器clearInterval ...
- Oracle递归查询的原理
在Oracle 10g下.来到scott用户下.分别以层次 1,2,3,4上的节点做实验: 当start with是根节点(level=1),要查其子节点,connect by pump和emp都是被 ...
- linux下提示command not found
首先就要考虑root 的$PATH里是否已经包含了这些环境变量. 主要是这四个:/bin ,/usr/bin,/sbin,/usr/sbin. 四个主要存放的东东: ./bin: bin为binary ...
- 你的以太网速度足够快吗?四种更快的速度正在路上······
以太网的未来将远远超越下一个最快速度:为无处不在的网络协议绘制路径的网络project师们正在寻找新版本号来服务于各种应用程序. 在上周六的以太网联盟(一个行业组织,用于促进IEEE以太网标准)会议上 ...
- spark通信原理
https://github.com/apache/spark/tree/master/core/src/main/scala/org/apache/spark/network https://git ...
- DOM操作一
1.通过ID选取元素 var section = document.getElementById("section1"); 2.通过ID查找多个元素 function getEle ...
- 【POJ3740】Easy Finding DLX(Dancing Links)精确覆盖问题
题意:多组数据,每组数据给你几行数,要求选出当中几行.使得每一列都有且仅有一个1.询问是可不可行,或者说能不能找出来. 题解:1.暴搜.2.DLX(Dancing links). 本文写的是DLX. ...
- Ural 1635 Mnemonics and Palindromes(DP)
题目地址:space=1&num=1635">Ural 1635 又是输出路径的DP...连着做了好多个了. . 状态转移还是挺简单的.要先预处理出来全部的回文串,tag[i] ...
- atomic_cmpxchg()/Atomic_read()/Atomic_set()/Atomic_add()/Atomic_sub()/atomi
[ 1.atomic_read与atomic_set函数是原子变量的操作,就是原子读和原子设置的作用.2.原子操作,就是执行操作的时候,其数值不会被其它线程或者中断所影响3.原子操作是linux内核中 ...