Windows下GitCafe Pages+Hexo搭建博客

本文主要讲述如何在Windows上搭建自己的博客以及发布在Gitcafe上

在无数次遇到了Windows系统崩溃的情况下,我决定还是自己写一个文档来搭建我的个人博客,之前看了很多文档,,在此自己也想详细记录一下每个步骤,以备不时之需。
–By马叶子zy


话不多说,只需要按照我的步骤一步一步来,我们先搭建好博客的框架,之后我们再慢慢的去了解每一个配置


软件安装


安装Hexo框架

1.安装完Git以后,在桌面上我们右键,找到Git Bash Here 并打开。如下图

2.输入命令,安装Hexo框架

1
npm install -g hexo

3.创建你的博客文件夹,然后在你创建的文件夹下右键,打开Git Bash窗口

4.初始化Hexo

1
hexo init

5.安装依赖包

1
npm install

6.安装 hexo-deployer-git插件

1
npm install hexo-deployer-git

7.生成初始化文件并且启动服务预览

1
hexo s -g

8.如果你看到下图所示效果,恭喜你,已经在本地搭建好了博客,赶紧在你的浏览器打开吧!localhost:4000

附上效果图

好的,在一阵忙碌之后,我们终于在本地搭建并且发布了自己的第一个博客,但是此时我们只能在本地看到自己的博客。接下来我们要做的就是把这个博客发布到网上。


配置GitCafe

假设你的 GitCafe用户名是name,你的邮箱为name@gmail.com,密码为password

1.到 https://gitcafe.com 注册账号,然后创建项目,项目名称和你的用户名一致,凡是选填的我们都不填,其他默认。

2.配置SSH公钥

由于本人已经配置好了,所以详情参照官方文档即可,如下

添加SSH公钥

3.测试是否可以连接 GitCafe 服务器

在桌面上双击打开 Git Bash,输入

ssh -T git@gitcafe.com

如果是第一次连接的话,会出现:

The authenticity of host ‘gitcafe.com (50.116.2.223)’ can’t be established.

#RSA key fingerprint is 84:9e:c9:8e:7f:36:28:08:7e:13:bf:43:12:74:11:4e.

#Are you sure you want to continue connecting (yes/no)?

直接输入 yes 回车,然后会提示你输入 passphrase 口令:

Enter passphrase for key ‘/c/Users/USERNAME/.ssh/id_rsa’ :

刚才我们根本就没设置,所以这次也直接回车,当看到

Hi name! You’ve successfully authenticated, but GitCafe does not provide shell access.

我们就连接成功了。

4.设置用户信息

设置你的用户名,邮箱

git config --global user.name "name"
git config --global user.email "name@gmail.com"

到此为止,SSH Key 配置成功,本机已成功连接到 GitCafe。
就差最后一步了,把博客部署到 GitCafe。

部署博客到GitCafe

1.打开你的博客文件夹,用sublimetext打开_config.yml文件,修改最后的deploy标签属性,将以下代码中的name替换为你的GitCafe用户名

deploy:
    type: git
    repository: https://gitcafe.com/name/name.git 
    branch: gitcafe-pages

注意:除了 “https://“ 中的冒号以外,其他每个冒号后面都有个空格,最后保存。

2.在你的博客文件夹右键打开Git Bash(无特殊说明的情况下在任意地方打开Git Bash都行,以后我们发布博客都在这个文件夹打开Git),输入

hexo d

3.终于到了这一步,打开mayezi.gitcafe.io,当然,这是我的博客,你只需要将mayezi改成你的GitCafe用户名即可。


如果你觉得我的文章有用,欢迎转载,只需附上本文链接即可。这样显示的是默认的Hello主题,后续我会详细解说怎么写博客,怎么修改主题
等。。。

参考文档

  1. hexo系列教程:(二)搭建hexo博客
  2. Windows 下搭建 Hexo 博客并将其部署到 GitCafe 终极教程
  3. 使用Hexo + Next搭建静态博客

热评文章