云开发平台开箱,3分钟零基础搭建个人Hexo博客

简介: Hexo是一款基于Node.js的博客框架,可以将Markdown格式的文本渲染为HTML代码。所以,博客基本就是纯静态,维护相对方便。但是缺点也很明显——经常换编写环境使用不便,因为它的所有渲染代码都是在本地存储的。云开发因为提供全云端的开发环境,零基础实现hexo博客的一键创建和一键部署。

利用云开发平台搭建个人Hexo博客的好处
• 不需要购买主机
• 不需要配置环境
• 不需要直接配置代码仓库
• Hexo的主题好看,可以利用漂亮的md写文章
环境需求: 可以上网的浏览器,登陆https://workbench.aliyun.com/
操作步骤: 从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。
1.点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可

2.填写团队名称,使用规模选1-10即可
image001.png

3.点击 创建应用,按图选择“Hexo博客”的模版进行下一步操作
image002.jpg

4.输入hexo模版应用的名称简介等信息确定以后成功创建应用,点击应用卡片上的“开发”进入CloudIDE开发界面

5.按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
image003.png

6.首先安装依赖:npm i --registry=https://registry.npm.taobao.org

7.启动 hexo 本地 server:npm run dev

8.点击左侧的tab,然后进行一键部署
image004.png

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

10.在域名控制台,配置CNAME映射到该域名,下图以阿里云的域名控制台为例。
image006.png

11.在云开发平台的应用的环境管理中绑定配置好的域名
image007.jpg
image008.jpg

12.继续在线上环境进行部署和发布上线
image009.png

通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
image010.png

因为云开发平台是基于Serverless架构,调用的云资源按量付费,并且每个月都有免费的额度,个人使用访问量不大基本不用付钱,可以后续进行定制化的美化后留作自己的博客长期使用。

立即免费体验全云端开发,还送百万代金券。
https://workbench.aliyun.com/camp

相关文章
|
安全 Windows
内置管理员无法激活此应用
内置管理员无法激活此应用
532 3
|
存储 缓存 开发工具
AppsFlyer 研究(二)应用内事件
AppsFlyer 研究(二)应用内事件
1306 0
|
12月前
|
机器学习/深度学习 人工智能 监控
AI 视频监控技术核心解析:三大底层能力支撑智能化升级
AI视频监控突破传统安防局限,依托三大核心技术:从“被动感知”到“主动理解”,实现精准场景识别;从“孤立运行”到“深度协同”,构建业务联动闭环;从“高门槛应用”到“普惠化落地”,降低部署成本与使用门槛。技术融合场景定制、智能决策与轻量化架构,推动安防向高效、智能、普及化方向升级。
1598 0
|
传感器 监控 物联网
PWM在物联网中的应用
PWM(脉冲宽度调制)在物联网中广泛应用,通过控制信号的占空比来调节设备的工作状态,如LED亮度、电机速度等,实现高效、精确的控制,常用于智能家居、工业自动化等领域。
|
JavaScript 前端开发 测试技术
如何测试 CORS 是否正常工作?
通过以上多种方法的综合测试,可以全面地检查 CORS 是否正常工作,及时发现和解决跨域资源共享中可能存在的问题,确保不同源的网页和服务器之间能够正常地进行数据交互。
2055 60
|
人工智能 Kubernetes 异构计算
大道至简-基于ACK的Deepseek满血版分布式推理部署实战
本教程演示如何在ACK中多机分布式部署DeepSeek R1满血版。
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
723 2
前端JS读取文件内容并展示到页面上
在 onerror 事件处理函数中获取错误对象的详细信息
【10月更文挑战第26天】可以在 `onerror` 事件处理函数中全面地获取错误对象的详细信息,从而更有效地进行错误诊断、调试和处理,提高WebSocket应用的稳定性和可靠性。需要注意的是,不同浏览器对错误对象的具体实现和属性支持可能会略有不同,在实际应用中可能需要根据目标浏览器的特性进行适当的兼容性处理。
|
XML 前端开发 JavaScript
详解Ajax与axios的区别
详解Ajax与axios的区别