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域名解析中设置线路类型即可:

我的为:

目录
相关文章
|
3月前
|
Web App开发 缓存 移动开发
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台 最近写了好多篇 Chrome 浏览器插件相关的文章,有十几二十篇,就想着构建个博客,用来放置相应的文章。 正好前段时间看到 VitePress 1.0.0 发布了,而且是用 markdown 写文章,正好写插件文章的时候文章都是 md 格式,所有用下这个然后顺便写一篇使用教程。 Chrome 插件开发博客地址:https://18055975947.github.io/extension/
54 0
|
3月前
|
JavaScript 应用服务中间件 程序员
技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客
技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客
|
3月前
|
Web App开发 Windows
VitePress 构建的博客如何部署到 Netlify 平台?
VitePress 构建的博客如何部署到 Netlify 平台? 前言 之前写了篇文章【使用 Vitepress 构建博客并部署到 github 平台】,有个老哥说 github page 访问太慢了,希望放到 Netlify 平台上面。 咱也没部署过,就试了一下,发现比在 github 上部署简单多了... 一、注册账号 注册 netlify 账号 【Netlify】 地址:app.netlify.com/ 可以使用 github 账号注册,这样可以直接拉取 github 的内容进行部署,更简单
61 0
|
网络安全 开发工具 git
从零开始搭建属于自己的hexo博客
整个搭建过程大概需要30分钟不到,请各位控制自己的时间~
125 0
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
408 0
【阿里云开发】一键部署静态博客——Hexo
|
前端开发 Go iOS开发
如何通过hugo部署一套技术博客
一步一步带你搭建一个完成的技术播客
|
弹性计算 安全 Serverless
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
111 0
|
JavaScript 搜索推荐 程序员
使用Hexo 搭建你的技术博客
使用Hexo 搭建你的技术博客
205 0
|
网络安全 开发工具 git
如何使用码云和hexo搭建自己的博客
如何使用码云和hexo搭建自己的博客
|
JavaScript Go Ruby
将博客从Hexo迁移至Hugo
自从了解了Github Pages这种静态博客后,开始喜欢上这种技术人员才能鼓捣明白的协作方式。自己的博客系统也从最初的Octopress,切换到Hexo,直到最近看到Hugo这种号称全球最快的静态博客系统,被适合技术人员的风格样式所吸引。于是在经历了三天的折腾后,顺利的将Hexo迁移至Hugo中。
459 0
将博客从Hexo迁移至Hugo