如何使用GitHub和HEXO来搭建个人博客

如何利用GitHub来搭建个人博客

此教程为在Windows简易搭建个人博客的方法,在进行博客搭建前应该做好以下两个准备
1、注册个人的GitHub账号
2、安装Node.js
3、在本地安装Git,并且能实现Git向自己的仓库push文件

一、
GitHub账号注册与仓库创建

1、注册账号:

地址:https://github.com/
输入账号、邮箱、密码然后点击注册按钮。

2、验证账号:

点击头像前的加号,点击弹出的New repository
这时候弹出邮箱地址未验证
登录你注册所用的邮箱,完成验证(实际操作过程中如果对英语有阅读障碍,建议使用带有翻译功能的浏览器辅助操作)

3、新建仓库:

在Repository下面的一栏输入自己的仓库名,格式如下:
用户名.github.io
用户名应和用户的github名称保持一致

4、仓库设置:

创建成功后,进入项目主页面。点击setting按钮,进入后,滚动页面到下方。点击页面自动生成器按钮。点击右下方继续布局,从上方几种模板中选择一种,点击 publish page按钮,此时你就可以通过https://用户名.github.io来访问此页面

二、Node.js的安装
https://nodejs.org/zh-cn/download/
在其中直接下载对应的安装包即可
安装步骤较为简单按照默认设置即可
win键+r后输入cmd
输入npm-v和node-v输出正确的版本即可

三、git环境的安装
1、于官网上下载git环境:
网址:https://git-for-windows.github.io/
在实际操作情况中我发现在官网上下载的速度并不乐观,所以建议在网络上寻找镜像网站来进行git的下载

2、双击下载好的git安装包,直接点击next,第一个界面为安装路径的选择,第二个界面为安装配置窗口,包括git命令行、git图形窗口等,按照默认配置,直接点击next进入下一步,弹出选择菜单开始文件的窗口,按照默认路径即可,直接点击next,进入下一步有,进入调整路径环境窗口,进入下一步,该窗口中各项选项的意思分别是:
第一项:直接安装,不会配置git命令的环境变量。
第二项:会自动配置好git命令的环境变量。
第三项:git命令和Unix工具命令都会添加到环境变量
由于第一项不会配置环境变量,第三项会添加可选Unix工具,但对我们来说,只要有第二项的内容就ok了,点击next进入下一步,选择第一项,同时下载更新文件时使用Windows风格,提交文件使用Unix风格,尽量保证同步兼容,选好后点击next进入下一步,选择第一项(这样安装后git bush的终端使用起来比较好用。)选好后点击next,按照默认配置直接点击next进入下一步,单击install进行安装即可。

三、创建一个自己想要放置博客源的文件夹,然后在文件夹中点击鼠标选择git bash here;输入命令git clone+自己仓库的地址+git 然后进入自己clone的目录,修改模板的配置文件,通过命令行进入文件夹,输入npm install hexo-g,开始安装Hexo,输入hexo-v,检查是否成功安装。输入hexo initial,将此文件夹初始化,当出现Start blogging with hexo!时,输入npm install,安装相应的组件,输入hexo g,输入hexo s以开启服务器

四、使用Hexo deploy部署到GitHub

编辑根目录下的文件,添加并执行如下代码
git
git@github.com:你的用户名/你的用户名.github.io
master
接着安装一个扩展npm install hexo-deployer-git --save
输入cd~/.ssh以检查SSH keys设置
输入eval"$(ssh-agent-s)"添加密钥到ssh-agent
再输入ssh-add~/。ssh/id_rsa,添加生成的ssh key到ssh-agent
进入GitHub点击settings
点击SSH and GPG keys 然后点击new ssh key新建SSH keys
在key栏中填写id_rsa.pub文件下的复制
输入ssh-T github.com,测试添加ssh是否成功。如果看到Hi后为你的用户名,就说明成功了

输入hexo d -g
使用用户名.github.io即可访问自己的博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值