Windows下使用Github + Hexo搭建博客

1. 新建个人博客的仓库

你的Username是xiaoming,那你的Repository name就是xiaoming.github.io

2. 安装Node.js

一直点下一步即可。

3. 安装Git

一直点下一步即可。

4. 配置SSH

安装完Git之后,使用SSH将本地git项目与远程的GitHub建立联系。
打开Git Bush或cmd

git config --global user.name "Your Username"
git config --global user.email "Your Email Address"

Your UsernameYour Email Address就是注册 GitHub 账号时的用户名和邮箱。
因为使用仓库前,要通过 Username 和 Email 标明自己的身份。

进入.ssh, 如果提示:No such file or directory,无视即可,不影响下一步。生成新的SSH Key

cd ~/.ssh
ssh-keygen -t rsa -C "Your Email Address"

如上图所示,在出现如下提示后,直接回车。

Generating public/private rsa key pair

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:【再次输入加密串】

如果密码输入不一致,会提示再次输入:

Passphrases do not match. Try again.

这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。

如果出现如上图所示的界面,就说明key生成成功。
同时在上图中从Your public key has been saved in /c/Users/User/.ssh/id_rsa.pub能看到ssh key保存的位置。

5. 添加 SSH Key 到 GitHub

​登陆Github
依次点击 右上角的头像->Settings->SSH and GPG keys->New SSH key

打开本地C:\Users\User.ssh\id_rsa.pub文件,也就是刚才生成的SSH key,
将本地文件里的SSH key全选复制粘贴到刚刚GitHub上通过New SSH key创建的key方框里,Title随便写或者直接空着不写也可以,直接点击Add SHH key就好了。

输入ssh -T git@github.com测试是否添加成功。

如果出现如下提示,没关系,直接输入yes即可。

The authenticity of host 'github.com (192.30.255.113)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?

输入yes后会提示输入密码(空密码不会提示):

Enter passphrase for key '/c/Users/User/.ssh/id_rsa':

当系统出现如下提示时,说明成功了。

Hi HandsomeSuperRed! You’ve successfully authenticated, but GitHub does not provide shell access.

6.Hexo安装

首先选择你的博客放置在哪个盘,如果你想放在F盘的Blog文件夹下,那先在F盘新建名为Blog的空文件夹。

进入Blog

npm install -g hexo-cli

7. Hexo部署

进入Blog

hexo init 
cd 
npm install

其中,folder 是你要保存博客内容的文件夹的名字。

例如我想将博客保存在Hexo中,那我就使用hexo init Hexo命令。
如果你不想用Hexo命名,你想将文件夹叫做Handsome,那你可以使用Hexo init Handsome命令。
所以上面三个命令就是:

hexo init Hexo
cd Hexo
npm install

新建完成后,指定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
|  ├── _drafts
|  └── _posts
└── themes

Hexo初始化成功以后,输入cd hexo进入Hexo文件夹,再依次输入如下命令:

hexo generate
hexo deploy
hexo server

这时再浏览器地址栏输入http://localhost:4000/,就可以看到默认的博客界面。

8.将本地文件部署到 GitHub

关闭本地博客服务器

修改 Hexo 中的根目录的 _config.yml 文件

找到其中的 deploy 标签,改成下图所示形式,并保存。注意:冒号后面要加上一个空格,否则会报错;还有改的时候将repo的用户名替换为你的用户名。

deploy:
  type: github
  repo: git@github.com:NcFun/NcFun.github.io.git
  branch: master

进入创建的Hexo文件夹(我命名叫Hexo,你要看你自己命名的叫什么)

hexo clean
hexo generate
hexo deploy

如果出现下错误,别担心:

Error: Deployer not found : github

将上图deploy 的 type 改成 git,然后同时再在 Git Bash中运行以下命令:

npm install hexo-deployer-git --save

再重新来一遍

hexo clean
hexo generate
hexo deploy

出现下图的提示,恭喜你,成功了!

这时就已经部署到 GitHub 上了,可以到你的GitHub仓库查看是否已经更新。

通过https://your_user_name.github.io(即你那个仓库的名称,形如[https://你的 GitHub 用户名.github.io],
就可以看到你的个人博客了。有时候更新过后需要等待10-30分钟,github才会更新博客内容。

至此博客已经搭建完成了

参考文章

https://www.jianshu.com/p/856aaace865a

https://www.jianshu.com/p/7dcd97c8e0e3

https://www.jianshu.com/p/77665a8d56a9


 上一篇
Hexo新建文章及图片问题 Hexo新建文章及图片问题
1. 创建新文章进入博客的根目录,我的是 xx/Blog/Hexo/ 命令行输入hexo new <模板> <文章名> Hexo自带三个模板文件,在根目录scaffolds文件夹下 通常情况下使用hexo new &
2019-08-10
本篇 
Windows下使用Github + Hexo搭建博客 Windows下使用Github + Hexo搭建博客
1. 新建个人博客的仓库你的Username是xiaoming,那你的Repository name就是xiaoming.github.io 2. 安装Node.js一直点下一步即可。 3. 安装Git一直点下一步即可。 4. 配置SSH安
2019-08-10
  目录