本文主要讲述如何在Windows上搭建自己的博客以及发布在Gitcafe上
在无数次遇到了Windows系统崩溃的情况下,我决定还是自己写一个文档来搭建我的个人博客,之前看了很多文档,,在此自己也想详细记录一下每个步骤,以备不时之需。
–By马叶子zy
话不多说,只需要按照我的步骤一步一步来,我们先搭建好博客的框架,之后我们再慢慢的去了解每一个配置
软件安装
安装Hexo框架
1.安装完Git以后,在桌面上我们右键,找到Git Bash Here 并打开。如下图
2.输入命令,安装Hexo框架
1 | npm install -g hexo |
3.创建你的博客文件夹,然后在你创建的文件夹下右键,打开Git Bash窗口
4.初始化Hexo1
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公钥
由于本人已经配置好了,所以详情参照官方文档即可,如下
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主题,后续我会详细解说怎么写博客,怎么修改主题
等。。。
参考文档