Hexo博客部署到码云和Coding

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 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域名解析中设置线路类型即可:

我的为:

目录
相关文章
|
6月前
|
Web App开发 Windows
VitePress 构建的博客如何部署到 Netlify 平台?
VitePress 构建的博客如何部署到 Netlify 平台? 前言 之前写了篇文章【使用 Vitepress 构建博客并部署到 github 平台】,有个老哥说 github page 访问太慢了,希望放到 Netlify 平台上面。 咱也没部署过,就试了一下,发现比在 github 上部署简单多了... 一、注册账号 注册 netlify 账号 【Netlify】 地址:app.netlify.com/ 可以使用 github 账号注册,这样可以直接拉取 github 的内容进行部署,更简单
102 0
|
网络安全 开发工具 git
从零开始搭建属于自己的hexo博客
整个搭建过程大概需要30分钟不到,请各位控制自己的时间~
144 0
|
前端开发 Go iOS开发
如何通过hugo部署一套技术博客
一步一步带你搭建一个完成的技术播客
|
Web App开发 域名解析 JavaScript
3分钟搭建个人Hexo博客
从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。
YI
|
Shell
Hexo博客搭建3
之前的文章介绍了博客的本地搭建和线上部署。因为hexo的内置主题不够好看,所以我们可以选择加载其他主题来美化我们的博客页面。本文我将介绍基于hexo框架搭建的博客如何修改主题。
YI
79 0
YI
|
JavaScript Shell Linux
Hexo博客搭建1
暑假在家学习时,突然感觉学过的知识忘记的很快,所以决定搭建个人博客来记录学习过程。经过前期了解后,决定采用Hexo框架来搭建个人博客。本文将记录博客搭建过程。
YI
101 0
YI
|
Shell 开发工具 数据安全/隐私保护
Hexo博客搭建2
上一篇介绍了博客的本地环境搭建,但这只能本地访问自己的博客。如果想让自己的博客被互联网上的其他人访问,我们还需要将博客项目进行线上部署。本文我将介绍将博客部署到github上的方法。
YI
73 0
|
JavaScript 搜索推荐 程序员
使用Hexo 搭建你的技术博客
使用Hexo 搭建你的技术博客
265 0
|
JavaScript 开发工具 git
成功搭建hexo本地博客并部署到github上
首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。
成功搭建hexo本地博客并部署到github上
|
JavaScript Shell Linux
使用Hexo搭建自己的博客
之前一直在用typecho来做自己的博客,因为他操作比较简单,但是前几日修改一些配置的时候,看着满屏的php代码实在有些头疼,在朋友的推荐下,我成功的入坑了hexo,下面分享一些自己搭建博客的过程,尽量让读者避开一些坑。