3分钟搭建个人Hexo博客

本文涉及的产品
云原生 API 网关,700元额度,多规格可选
.cn 域名,1个 12个月
简介: 从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。

3分钟搭建个人Hexo博客


登陆云开发平台

1. 登录云开发平台。打开网址https://workbench.aliyun.com/,使用阿里云账号登录,按照提示创建团队,点击同意协议。没有阿里云账号的用户,在登录页面注册后进行登录即可。为了保证最好的使用体验,请使用Chrome浏览器。

2. 按照提示创建团队,填写团队名称,使用规模选1-10即可,点击同意协议。

创建Hexo博客应用

1. 新建应用。在快速开始页面,点击「新建应用」

2. 云资源访问授权。如果您之前没有使用过云开发平台,会出现云资源授权管理的选项,往下拉出现直至同意授权的字样,点击「同意授权」后出现授权成功,点击进入「下一步」

3. 根据模版创建应用。选择「NodeJs」,选择「通过模版创建」,选择「官方模板」,选择「Midway Serverless Hexo博客示例」,点击下一步,填写完信息之后,点击下一步。

4. 填写应用基本信息。按图示填写应用的名称和应用介绍、计算服务。没有产品可选点击旁边的自动创建产品线就会出现一个上海区域的产品了。信息填写完成后点击下一步。

5.云服务管理。查看应用依赖的云服务的开通情况,未开通的服务右键点击立即开通,在新标签打开所有服务开通页,根据提示一一开通。开通后应用卡片环境管理后面的小图标全部变成绿色的已开通对勾形状,才算完成应用的创建。

提醒:应用上线后会直接调用相关的云服务,开始按量计费,如果不需要保留相关的应用,请在活动结束后及时下线应用!

一键部署到日常环境

1. 上线部署应用。应用创建成功后会跳转到应用详情页面,点击「日常环境」右侧的「部署」按钮,在弹出窗口确认部署环境就可以开始部署。

2. 部署成功后会产生一个免费的临时域名。复制到浏览器中然后就可以访问了。临时域名只有30分钟有效期,过期后需要在「域名设置」那里进行刷新。日常环境上线以后没有问题可以继续在线上环境绑定个人域名进行部署。

3. 点击命令行中的二级域名就可以预览你的博客了

绑定个人域名在线上环境部署(选做)

1. 复制生成的二级 API网关域名。部署成功后,回到「应用详情页」-「开发部署」,点击对应环境后的「域名配置」,可以看到该应用绑定的域名(日常环境和预发环境,云开发平台会免费分配一个临时测试用的域名),复制 API网关域名,即 CNAME 地址。

2. 配置CNAME地址。复制好 API网关域名 地址后,来到你自己的域名管理平台(此示例中的域名管理是阿里云的域名管理控制台),例如我们添加一个二级域名 company.workbench.fun 来绑定我们部署的 Serverless 应用。添加记录的「记录类型」选择「CNAME」,在「主机记录」中输入你要创建的二级域名,这里我们输入「company」,在「记录值」中粘贴我们之前复制的 API网关域名地址,「TTL」保留默认值或者设置一个你认为合适的值即可。

3. 点击「确认」之后,就能看到如下信息

4. 在线上环境绑定个人域名。二级域名创建成功之后,回到云开发平台,找到刚刚部署的应用,在「应用详情页」-「开发部署」点击「线上环境」右侧的「域名配置」,编辑「绑定域名」,输入刚刚创建好的二级域名,如示例中创建的是 company.workbench.fun,点「确定」提交

5. 在线上环境进行部署。点「开发部署」进入 CloudIDE,打开带有「WB」字样的部署测试插件,选择「线上环境」,点击「部署」,部署成功后,在右侧「输出」栏可以看到部署成功的信息。在红框框住的地方可以看到刚刚绑定的域名已经绑定成功,但是 CNAME 暂时还未生效等信息(生效的时间跟之前创建域名解析时设置的 TTL 时间有关,请耐心等待)。

6. 访问线上部署的网站。CNAME 生效之后,我们就可以在浏览器中输入刚刚绑定的域名访问部署到线上环境的应用了,此示例中我们输入 company.workbench.fun(示例网址) 可以打开部署的钢琴页面。至此,如何部署一个应用到线上环境,如何绑定自己的域名来访问一个线上的应用就完成了,赶紧部署自己的应用到线上环境,用自己的域名玩起来吧 ;)

请及时下线不需要的应用

函数计算弹性实例相关的云资源有一定的免费额度,额度消耗完成后会按量付费。

如果不需要保留应用,请及时下线,以免产生不必要的费用。

实验地址:https://developer.aliyun.com/adc/scenario/aa644ec39b1e430c936bb699e91c9775

相关文章
|
JavaScript Shell 网络安全
hexo博客1:环境配置
hexo博客1:环境配置
105 0
|
搜索推荐
hexo博客4:发布文章
hexo博客4:发布文章
63 0
|
域名解析 JavaScript Linux
关于Hexo博客
关于Hexo博客
132 0
YI
|
Shell 开发工具 数据安全/隐私保护
Hexo博客搭建2
上一篇介绍了博客的本地环境搭建,但这只能本地访问自己的博客。如果想让自己的博客被互联网上的其他人访问,我们还需要将博客项目进行线上部署。本文我将介绍将博客部署到github上的方法。
YI
71 0
YI
|
Shell
Hexo博客搭建3
之前的文章介绍了博客的本地搭建和线上部署。因为hexo的内置主题不够好看,所以我们可以选择加载其他主题来美化我们的博客页面。本文我将介绍基于hexo框架搭建的博客如何修改主题。
YI
75 0
YI
|
JavaScript Shell Linux
Hexo博客搭建1
暑假在家学习时,突然感觉学过的知识忘记的很快,所以决定搭建个人博客来记录学习过程。经过前期了解后,决定采用Hexo框架来搭建个人博客。本文将记录博客搭建过程。
YI
98 0
|
JavaScript 搜索推荐 程序员
使用Hexo 搭建你的技术博客
使用Hexo 搭建你的技术博客
251 0
|
JavaScript 安全 应用服务中间件
|
JavaScript Shell Linux
使用Hexo搭建自己的博客
之前一直在用typecho来做自己的博客,因为他操作比较简单,但是前几日修改一些配置的时候,看着满屏的php代码实在有些头疼,在朋友的推荐下,我成功的入坑了hexo,下面分享一些自己搭建博客的过程,尽量让读者避开一些坑。
|
Linux 前端开发