GitHub+Hexo搭建个人博客

准备工作

需要git、nodejs、以及hexo,所以首先需要有一个github账号,没有的话去注册一个;

环境(以下是我用的环境,视情况而定,没必要要求):

win10
node:v10.4.1
git:2.17.1.windows.2
hexo: 3.7.1

搭建博客

一:创建仓库

新建一个仓库,仓库名必须是”你的用户名.github.io”格式,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库,将来你的网站访问地址就是 https://test.github.io 了。

二: 配置SSH key

因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。

1
$ ssh-keygen -t rsa -C "邮件地址"

然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key,将刚复制的内容粘贴到key那里,title随便填,保存。

三:测试是否成功

测试:

1
$ ssh -T git@github.com

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
Hi lostPontifex! You’ve successfully authenticated, but GitHub does not provide shell access.
看到类似于这个信息就说明SSH配置成功!
但是此时你还需要关联自己的GitHub

1
2
$ git config --global user.name "你的用户名"// 你的github用户名,非昵称
$ git config --global user.email "你的邮箱"// 填写你的github注册邮箱

四:安装Hexo

安装Hexo

1
$ npm install -g hexo

在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是F:\Hexo,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。
进入这个文件夹,打开git bash命令行进行初始化,执行这个初始化命令,hexo会自动下载对应的目录结构的文件

1
2
3
$ hexo init
$ hexo g # 在public文件夹生成相关html文件,这些文件将来都是要提交到github去的
$ hexo s # 开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容

五:修改主题(认为默认主题可以接受的,略过此步骤)

我觉得一款差不多的主题hexo-theme-yilia
先下载这个主题,在themes目录下

1
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

然后修改_config.yml中的theme: landscape改为theme: yilia,然后重新执行hexo g来重新生成。

六:上传到GitHub

首先,ssh key肯定要配置好。

其次,配置_config.yml中有关deploy的部分

1
2
3
4
deploy:
    type: git
    repository: git@github.com:liuxianan/liuxianan.github.io.git
    branch: master

安装一个插件,不然执行hexo d的时候会出错

1
$ npm install hexo-deployer-git --save

最后,执行hexo d命令,到此,一个GitHub+hexo搭建的个人博客就成功了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值