Hexo博客部署到码云和Coding

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
.cn 域名,1个 12个月
简介: Hexo博客部署到coding平台和码云平台

今天闲来无聊,尝试了Hexo博客部署到码云和崭新的Coding平台,我之前试过将博客部署到Coding上,成功了,但Coding平台进行大更新,虽说我的博客地址之前还能用,但有点乱,就将之前的仓库全部删除,重新部署下。就写下这篇教程,希望能够帮到那些搭建博客的小伙伴们,如果教程有错,希望大家能够指出来,我会及时修改的,谢谢大家的支持!

部署到Coding平台

  1. 首先去官网进行注册,也可以用第三方微信进行注册。

2020-01-28_15-00-14.png

  1. 注册完成之后就会进入主页面,然后创建新项目,如下图所示:

  • 代码托管项目:用于托管代码仓库,支持多个仓库,并可选择开启 CI/CD 和制品库功能
  • 项目管理项目:支持 Scrum 敏捷管理和传统任务管理项目,包含需求、任务和缺陷
  • DevOps项目:包含项目管理、代码托管、CI/CD 和制品库等功能,提供完整的研发流程

在这里我们选择第三个,DevOps项目,这个含有构建与部署功能。

选择第三个DevOps项目后,会出现下面的页面:

项目名称:与你的用户名相同,用户名就是你的团队名

团队域名可以修改一次,会显示一个修改笔的图标,因为我修改过了,所以就没显示。

  1. 添加部署公钥

在个人设置里面,点击SSH公钥,点击新增公钥

  • 公钥名称:自定义
  • 公钥内容:可以使用之前连接GitHub的公钥,在本地的C:\Users\你的电脑账户名\.ssh,我的为C:\Users\Administrator\.ssh,用文本编辑器打开id_rsa.pub,将里面的内容复制粘贴到此处即可。
  • 公钥有效期:选择永久有效

点击添加,然后回弹出一个密码框,输入你的用户密码验证一下即可,然后打开cmd控制台输入ssh -T git@git.coding.net,第一次建立连接会要求信任主机,输入相关的用户名或者密码,在控制台输入验证,验证成功即可。

然后复制你的项目地址,粘贴到配置文件,如图所示:

然后再执行hexo clean && hexo g -d部署到coding,紧接着,打开你的coding项目管理页,进行静态网站构建,页面如下,按图中步骤操作即可:

点击保存,就会进入下一个页面:

点击立即部署,当出现如下的页面效果,就说明部署成功。

点击图中的访问地址就可以查看效果了。

  1. 绑定域名

在绑定域名之前首先需要将访问地址添加到DNS域名解析之中。

我的添加记录为:

线路类型我选择的是境内,也就是说,当境内有人访问时,会通过国内的Coding平台。

然后点击上一张图所显示的设置按钮,进入静态网站设置页面:

在绑定新域名下的输入框,输入你的域名,然后点击绑定即可。

部署到码云

  1. 同样,先去码云官网进行注册,注册完成后,会跳转到如下的页面:

  1. 开始新建仓库,如上一张图的操作步骤,会出现如下效果:

注意:仓库名称必须要和用户名一样,否则最后部署出来会出现无样式的效果或者其他不正常的显示。

  1. 添加公钥

点击管理—>部署公钥管理—>新增部署公钥,添加公钥的内容也是之前部署到GitHub上添加的公钥

  1. 部署到码云

将项目地址复制粘贴到配置文件上,如下图所示:

然后执行hexo clean && hexo g -d,部署成功后,点击服务—>Gitee Pages,进入下面的页面:

第一次设置Gitee Pages的效果不是我图中所显示的,最后的设置效果就是这样的,当显示图中红色文字已开启Gitee PAges服务,网站地址为:https://yafine66.gitee.io即部署成功,点击网址,查看效果。

国内Coding,国外Github

在DNS域名解析中设置线路类型即可:

我的为:

目录
相关文章
|
12月前
|
网络安全 开发工具 git
从零开始搭建属于自己的hexo博客
整个搭建过程大概需要30分钟不到,请各位控制自己的时间~
111 0
|
10月前
|
Web App开发 域名解析 JavaScript
3分钟搭建个人Hexo博客
从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。
75 1
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
380 0
【阿里云开发】一键部署静态博客——Hexo
|
前端开发 Go iOS开发
如何通过hugo部署一套技术博客
一步一步带你搭建一个完成的技术播客
YI
|
Shell
Hexo博客搭建3
之前的文章介绍了博客的本地搭建和线上部署。因为hexo的内置主题不够好看,所以我们可以选择加载其他主题来美化我们的博客页面。本文我将介绍基于hexo框架搭建的博客如何修改主题。
YI
58 0
YI
|
JavaScript Shell Linux
Hexo博客搭建1
暑假在家学习时,突然感觉学过的知识忘记的很快,所以决定搭建个人博客来记录学习过程。经过前期了解后,决定采用Hexo框架来搭建个人博客。本文将记录博客搭建过程。
YI
81 0
YI
|
Shell 开发工具 数据安全/隐私保护
Hexo博客搭建2
上一篇介绍了博客的本地环境搭建,但这只能本地访问自己的博客。如果想让自己的博客被互联网上的其他人访问,我们还需要将博客项目进行线上部署。本文我将介绍将博客部署到github上的方法。
YI
54 0
|
JavaScript 搜索推荐 程序员
使用Hexo 搭建你的技术博客
使用Hexo 搭建你的技术博客
154 0
|
JavaScript Shell Linux
使用Hexo搭建自己的博客
之前一直在用typecho来做自己的博客,因为他操作比较简单,但是前几日修改一些配置的时候,看着满屏的php代码实在有些头疼,在朋友的推荐下,我成功的入坑了hexo,下面分享一些自己搭建博客的过程,尽量让读者避开一些坑。
|
网络安全 开发工具 git
如何使用码云和hexo搭建自己的博客
如何使用码云和hexo搭建自己的博客