系列教程列表:
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)
- 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)
前言
有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客。
推荐理由:
- 免费:github提供gh-pages服务是免费的,有300MB空间;
- 开源:由于github开源的原因,有很多人参与其中,自然技术支持很好。
- 便捷:博客完全托管在github上,基本上不需要花时间去管理,博客使用Markdown语法,上手很容易。
需要了解的内容(能掌握更好):
- html+css+javascript
- git基本语法
- markdown语法
- nodejs
目前,在github上搭建博客系统使用最多就是Hexo和Jekyll。
Hexo是基于Nodejs开发的,Jekyll是基于Ruby开发的。
通过两个系统使用的比较,个人习惯喜欢Hexo,所以本文介绍的是Hexo搭建博客,如果你对Jekyll也有兴趣,可自行学习。
说明:
文中出现的命令,Windows用户注意,命令前面有 $ 的表示在Git Bash中执行,没有的在CMD命令窗口执行。
Linux和MAC系统在终端下不区分。
安装Git客户端
已安装过的用户略过
- 下载Git客户端:下载地址 Git客户端安装
- 安装Git客户端:Windows用户直接Next就可以了。Mac和Linxu系统的用户可通过命令方式安装,这里不详细介绍了。
注册GitHub
老手和已注册过的用户略过
- 打开GitHub官网:https://github.com/
- 填写注册信息进行注册操作:没有登录的用户打开网站首页就会显示注册的操作(如图所示),或者是点击Sign up按钮进入注册详情页。
GitHub注册 - 填写好注册信息,点击Sign up for GitHub(注册)按钮后,接下来是选择协议部分。根据自己的情况选择相关的协议,一般人选的都是免费的那一项。
创建仓库
- 登录github账号:在github首页点击Sign in按钮进入登录页面。填写用户名或邮箱和密码,点击Sign in按钮登录。
登录GitHub - 点击创建仓库:点击在登录的用户图像左边的+号和下三角符号按钮。
点击创建仓库 - 填写创建仓库信息:
仓库名称必须是用户名.github.io(别问我为什么,人家就是这样规定的),比如我的用户名是SeayXu,就是SeayXu.github.io。
填写创建仓库信息 - 填写好相关信息,点击Create repository(创建仓库)按钮。
配置SSH
老手和已配置过的用户略过
- 打开Git Bash终端:在桌面右键,会出现"Git Bash here"的选项,点击即可。
- 设置user name和email:
$ git config --global user.name "你的GitHub用户名"
$ git config --global user.email "你的GitHub注册邮箱"
- 生成ssh密钥:输入下面命令
$ ssh-keygen -t rsa -C "你的GitHub注册邮箱"
一般情况下是不需要密码的,所以,接下来直接回车就好。
此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件id_rsa和id_rsa.pub。
注:id_rsa文件是私钥,要妥善保管,id_rsa.pub是公钥文件。
- 添加公钥到github:
点击用户头像,然后点击显示的Settings(设置)选项;
Hexo博客交流群
网友评论
https://www.jianshu.com/p/5014133ba61a
这边应该有点问题
我试了试,没成功,后来改为类似 repo: https://github.com/seayxu/seayxu.github.io,
好像就好了
“npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: fsevents@1.0.12”
该怎么办呢,,好像是安装失败了,,
ssh git@github.com
//正常情况下,回显如下
PTY allocation request failed on channel 0
Hi plinx! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.
ERROR Deployer not found: git
安装 hexo-deployer-git。
$ npm install hexo-deployer-git --save
这一步之前都很正常,为什么到了这里,我在浏览器上输入网址,却提示404了呢?
到这里就无限转圈了,之前看过其他教程操作后也是卡在这步。。
操作到3、安装依赖$ npm install 后无任何反馈正常吗
C:\Users\Seay\Desktop\blog>hexo server
INFO Start processing
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
上面是运行成功的信息,你看有没有报错信息。