Hexo在github上面搭建个人博客

使用hexo在github上面搭建个人博客

我的博客

我们需要在电脑上安装git和npm

Linux系统最为方便,直接装git和npm就好了

Windows系统安装git和npm,然后所有命令都在git bash里面操作

npm安装hexo,全局安装

npm install -g n

 然后找一个文件夹,初始化hexo,括号里面为说明,一步一步执行

hexo init blog(生成的博客文件夹的名字,自定义,会在对应执行该语句的路径生成对应的文件)
cd blog
npm install
hexo server

执行完所有命令就可以在本地通过http://localhost:4000访问hexo了

为了方便写博客,我们还需要在本地安装hexo-admin,括号里面解释说明

npm install --save hexo-admin
hexo server -d(开启hexo操作)

安装完成之后,可以通过http://localhost:4000/admin访问

使用https://travis-ci.com执行部署github

在这之前,我们首先需要在github里面新建一个空仓库,仓库名:用户名.github.io 

如:yorkmass.github.io    我的仓库链接:yorkmass.github.io

用于接收hexo生成的静态文件,展示给用户

我们还需要另外给刚才在本机执行的hexo文件新建一个仓库,我的叫myblogs。我的仓库链接:myblogs

接着就是把刚才在本机生成的目录push到你新建的github仓库(myblogs仓库)中

因为需要连接到travis-ci,他要识别仓库里面的.travis.yml 文件,我们需要在本地的hexo项目的根目录新建一个.travis.yml文件

在里面添加如下内容

language: node_js
node_js:
  - "11"
install:
  - npm install
script:
  - hexo g
after_script:
  - cd ./public
  - git init
  - git config user.name "yorkmass"
  - git config user.email "1458510486@qq.com"
  - git add -A
  - git commit -m "init"
  - git push --force "https://${TOKEN}@github.com/yorkmass/yorkmass.github.io.git" "master:master"
branches:
  only:
    - master

 其中,我们需要修改里面的user.name,把yorkmass改成你github的用户名,我的用户名为yorkmass

把user.email改为你github绑定的邮箱,然后把https://${TOKEN}@github.com/yorkmass/yorkmass.github.io.git,这段东西按着这个格式改为你新建的github用户名.github.io仓库的地址

如果你的用户名为imoonfish,就改成https://${TOKEN}@github.com/imoonfish/imoonfish.github.io.git

其他不变,这样就把myblogs仓库执行完成的文件发布到yorkmass.github.io仓库里面了。

我们还需要连接github和travis-ci.com

我们登陆我们的github,进入setting页面,然后点击最下面的那个开发者设置Developer setting,然后点击Personal access tokens

 

点击Generate new token,然后添加note(随便写),把能勾选的都勾选,然后会生成一个key,注意:这个key只出现一次,先复制下来到记事本保存一下,等会要用

接着我们使用github账户登陆travis-ci.com,他会同步你在github的所有仓库,我们打开我们新建的仓库(myblogs仓库),找到这个项目的设置,如图是设置完成的图片。

如上图所示,我们需要在Environment Variable环境变量里面添加一行

Name写TOKEN,VALUE写刚才在github生成的key,粘贴进去即。BRANCH填写master即可,然后点击右边的Add按钮

还有下面的一条Cron Jobs,这个我们就随便配置了,一般是每天更新,BRANCH写master,INTERVAL写Runs daily,然后OPTIONS填Always run,然后点击右边的Add按钮即可。

然后我们切换到Current栏,点击Start,开始执行代码,执行成功之后如图所示

 

执行完成之后,它会在你的yorkmass.github.io仓库发布一系列hexo的静态页面, 然后我们通过github用户名.github.io就可以进行访问了,如:https://yorkmass.github.io

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值