基于hexo,在github上搭建个人博客

1. 准备工作

  1. 一个github账号

  2. 安装node.js、npm

  3. 安装了git for windows(或者其它git客户端)

2. 开始搭建

新建仓库

在这里插入图片描述
配置SSH key

$ cd ~/. ssh #检查本机已存在的ssh密钥

如果提示:No such file or directory 说明你是第一次使用git。

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

然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:
在这里插入图片描述

3.测试

$ ssh -T git@github.com # 照抄,不用改

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
You’ve successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!

此时你还需要配置:

$ git config --global user.name "xxx"     // 你的github用户名
$ git config --global user.email  "xxx@qq.com"  // 填写你的github注册邮箱

4.安装hexo

$ npm install -g hexo

在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是D:\work\hexo,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。

$ cd /f/Workspaces/hexo/
$ hexo init

hexo会自动下载一些文件到这个目录,包括node_modules,目录结构如下图:
在这里插入图片描述

$ hexo g # 生成
$ hexo s # 启动服务

执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的:

在这里插入图片描述
hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故
在这里插入图片描述

5.修改主题

官方主题:https://hexo.io/themes/
首先下载这个主题:hexo-theme-butterfly

$ cd /d/work/hexo/
$ git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

在这里插入图片描述
修改_config.yml中的theme: landscape改为theme: Butterfly,然后重新执行hexo g来重新生成
在这里插入图片描述
如果出现一些莫名其妙的问题,可以先执行hexo clean来清理一下public的内容,然后再来重新生成和发布。

具体安装细节,还需结合官方(即主题提供者)提供的详细文档

6.上传gitgub

如果你一切都配置好了,发布上传很容易,一句hexo d就搞定,当然关键还是你要把所有东西配置好。

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

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

正确写法:

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master

错误写法:

deploy:
  type: github
  repository: https://github.com/username/username.github.io.git
  branch: master

后面一种写法是hexo2.x的写法,现在已经不行了,无论是哪种写法,此时直接执行hexo d的话一般会报如下错误:

Deployer not found: github 或者 Deployer not found: git

原因是还需要安装一个插件:

npm install hexo-deployer-git --save

打开你的git bash,输入hexo d就会将本次有改动的代码全部提交,没有改动的不会:
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值