hexo搭建博客——发布到github和coding

前言

上一篇文章我们已经在本地成功启动了博客,但是我们我们的目的是想发布到互联网上,但是我们又不想自己买个云服务器,所以我们选择github和coding的pages服务。

配置github以及coding

github教程

1.github创建一个仓库,仓库名为:用户名.github.io (这是因为github规定的格式这样才会直接讲当前仓库作为托管站点)比如我的项目名字叫做 michloas.github.io,michloas是我的用户名。

2.获取ssh地址
这里写图片描述

3.github项目地址:https://github.com/michloas/michloas.github.io

coding教程

1.coding创建一个仓库,仓库名为:用户名。我在coding上创建的项目为:michloas,michloas是我的用户名。

2.获取ssh地址

这里写图片描述
3.coding项目地址:https://coding.net/u/michloas/p/michloas/git

修改_config.yml配置

1.我们需要前往项目根目录下面找到_config.yml文件,找到deploy配置项,修改为下面显示的样子

  deploy:
    type: git
    repo: 
       github: git@github.com:michloas/michloas.github.io.git,master
       coding: git@git.coding.net:michloas/michloas.git,master

在配置文件中的样子如下所示
这里写图片描述

开始上传代码到github以及coding仓库对应的仓库

上传代码

1.输入一下命令:

  hexo clean
  hexo g
  hexo d

2.如果出现error deployer not found:github错误,执行以下命令

npm install hexo-deployer-git --save

3.github 使用 github pages 功能

点击该仓库,选择setting,然后拖到GitHub Pages界面来, 然后选择Choose a theme,选择一个主题之后。再次点击setting来到GitHub Pages来,可以发现出现了一个路径,访问该路径,便可以访问到我们上传上去的博客页面了。

4.coding 使用 Pages服务

进入创建的项目,选择代码下的菜单Pages服务,点击下图中的一键开启开启静态pages

这里写图片描述

会出现下图的页面

这里写图片描述

因为我已经绑定了域名,所以显示的是我绑定的域名,一般没有绑定域名应该显示的是 michloas.coding.me/michloas ,输入访问地址则可以看到我们的博客网站了。

github以及coding绑定域名

准备域名

推荐大家前往阿里云进行域名购买,其实各个云服务器商没有太大的区别。如果大家只是注册一个个人博客的话,推荐top结尾的域名,阿里云四块钱一年,非常便宜。

github域名解析配置

1.首先进入域名解析页面,新建一个域名解析,然后在记录值填写github提供的地址,解析线路我们这里选择境外,因为某些原因,我们再国内访问地址会存在问题,所以我们会在coding的配置解析选择国内的

这里写图片描述

2.然后我们回到github的setting的GitHub Pages下面Custom domain,添加刚刚购买的域名地址

3.上一步结束之后github会默认创建一个CNAME文件,为了防止以后我们提交github的时候删除点CNAME文件,然后在我们博客目录source下,新建一个CNAME文件,内容要跟github仓库根目录下的CNAME文件一样,就是我们解析的域名。

4.我们打开浏览器输入我们购买的域名,此时我们就可以使用我们的域名访问自己的博客网站。

coding域名解析配置

1.首先进入域名解析页面,新建两个域名解析配置,一个记录值为 pages.coding.me,另一个为项目对应的 michloas.coding.me

2.然后我们回到coding的pages,添加我们配置的域名

3.我们打开浏览器输入我们购买的域名,此时我们就可以使用我们的域名访问自己的博客网站。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值