前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo博客教程(三)| Github、Coding 部署Hexo站点详解

Hexo博客教程(三)| Github、Coding 部署Hexo站点详解

作者头像
Mculover666
发布2020-07-16 11:26:48
1.8K0
发布2020-07-16 11:26:48
举报
文章被收录于专栏:TencentOS-tinyTencentOS-tiny

▷ Hexo博客详细教程(二)| 如何写作新文章并发布

本文同时并行讲解了如何在Github部署和在Coding部署,Github面向国际,但是速度慢,Coding速度快,但是不稳,选择一个自己喜欢的平台就好~

1. 何为部署?

之前我们在本地使用hexo s启动服务,然后浏览器访问http://localhost:4000即可访问到博客,但是博客搭建好之后总不能只有我们自己可以用,所以需要部署Hexo站点。

何为部署?

就是把 Hexo 生成的 HTML 页面放到一个具有公网ip的服务器上,这样大家都可以访问到博客站点了。

服务器最好是在各大云厂商买一台,1核2G的学生机配置足够,这样用着也舒服,然而,不想花钱怎么办?

天下有没有免费的午餐?当然有!

类似Github这样的代码托管平台提供了静态Page服务,也就是说我们直接将HTML页面上传到Github仓库中,并且开启该仓库的静态页面服务,这样大家都可以访问到你的站点,并且Github是全球性的,你的站点会收到来自世界各个角落的访问~

2. Github部署

创建空的仓库

创建之后仓库应该是这样的,复制仓库的 HTTPS 地址:

补充说明一下:因为本地使用的是Windows系统,所以直接使用HTTPS地址即可,本地第一次访问Github时会要求输入Github密码,然后Windows的凭据管理器就会记住密码,之后不用再次输入。

配置Hexo

打开Hexo的站点配置文件(站点根目录下的_config.yml文件),找到deploy选项,填写 type选项的配置为git,然后在repo选项粘贴你刚刚复制的github仓库地址:

安装git部署插件

在站点根目录下打开命令行,执行如下命令安装hexo-deployer-git插件:

代码语言:javascript
复制
npm install hexo-deployer-git --save

大功告成,部署站点

在站点根目录下执行命令,部署Hexo:

代码语言:javascript
复制
hexo d

首次执行的时候可能会要求输入Github密码,输入即可!

执行完成后再来看看Github仓库,部署成功:

访问站点

接下来就是见证奇迹的时刻了,访问设置的仓库名(域名就是仓库名)即可看的你的博客:

3. Coding部署

Coding( https://coding.net/ )(选择个人版登陆)的部署方式和Github的部署方式相同,因为Coding已经升级为腾讯云开发者平台,所以这里我们在腾讯云开发者平台操作:

创建空的仓库

在新建立项目的时候,项目名称必须和用户名称完全一致,否则之后部署Pages服务时就会出现静态资源加载失败,网页样式丢失的情况:

创建之后复制你的仓库地址:

配置Hexo

打开Hexo的站点配置文件(站点根目录下的_config.yml文件),找到deploy选项,填写 type选项的配置为git,然后在repo选项粘贴你刚刚复制的coding仓库地址:

安装git部署插件

参考Github部署的这一章节,操作相同,已经安装过的不用再次安装:

代码语言:javascript
复制
npm install hexo-deployer-git --save

部署站点

在站点根目录下执行部署命令:

代码语言:javascript
复制
hexo d

首次执行的时候可能会要求输入Coding密码,输入即可!

执行之后来看看Coding仓库,文件上传成功:

开启Page服务

Coding的Page服务需要手动开启:

访问Coding站点

访问Coding Page中给出的域名即可看到站点:

4. 自定义域名

购买域名

个人经验

  • 非常有必要拥有一个自己的域名,可以做很多事;
  • 域名越短越好,要非常容易让别人记住最好;
  • 域名.com太贵,尽量买.cn,别买乱七八糟的.xyz,.io啥的,备案不方便;

要绑定域名,首先你得拥有一个域名呀哈哈~

域名可以在各大云厂商买,这里我建议阿里云:

选一个自己喜欢的购买即可,这里我注册的是:muclover666.top

设置Github自定义域名

首先在阿里云控制台设置域名DNS解析,解析到你的Github站点域名:

然后在Hexo本地文件夹的source目录下,创建名为CNAME文件,不要后缀,写上自定义的域名:

然后重新生成页面,并部署:

代码语言:javascript
复制
hexo clean
hexo g
hexo d

等待部署完成后,在Github设置自定义域名:

这样就可以了,访问自己的域名:

最后再来ping一下,看看域名解析到的地址:

设置Coding自定义域名

请先在阿里云控制台删除该域名到Github的DNS解析设置!

首先在阿里云控制台设置域名DNS解析,解析到你的Coding站点域名:

在Coding设置自定义域名:

这样就可以了,访问自己的域名:

最后再来ping一下,看看域名解析到的地址:

5. Github + Coding双平台部署并分流解析

这样设置后Coding会经常莫名其妙容易挂掉,所以非常不建议这样设置,一心还是不要二用,脚踩两只船,迟早翻船,对吧择Github或者Coding单一平台部署即可!这个了解一下就好

2和3中讲述的都是如何部署到单一平台,如何选择呢?

小孩子才做选择,我全都要!

修改一下Hexo站点配置项即可完成双平台部署:

这样执行hexo d部署命令之后,就会将HTML文件同时上传到Github仓库和Coding仓库。

域名分流解析是指:

  • 国内解析到 mculover666.coding.me
  • 国外解析到 mculover666.github.io

这个直接在阿里云DNS解析控制台添加解析时选择国内或国外,即可设置:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-11-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Mculover666 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建空的仓库
  • 配置Hexo
  • 安装git部署插件
  • 大功告成,部署站点
  • 访问站点
  • 创建空的仓库
  • 配置Hexo
  • 安装git部署插件
  • 部署站点
  • 开启Page服务
  • 访问Coding站点
  • 购买域名
  • 设置Github自定义域名
  • 设置Coding自定义域名
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档