【阿里云开发】一键部署静态博客——Hexo

简介: 【阿里云开发】一键部署静态博客——Hexo

📢 活动链接:阿里云-云开发平台 (aliyun.com)


开源应用中心,聚合最热门的开源应用,前端应用一键托管启用、快速部署。




🎨 实验简介


📌📌📌


聚合最热门的开源应用🎨🎨🎨


开源应用中心聚合了目前最热门的前端开源应用模版,让大家真正可以做到像安装APP一样来上线一个网站。目前已经支持最热门的前端框架,包括Vue.js、React、Nuxt.js、Next.js、AntDesign等,还有内容管理平台Hexo、Docusaurus、VuePress、Sapper等。使用部署开源模版非常适合您的以下场景:


  • 个人学习:轻松创建个人主页、博客等网站,边部署边学习。


  • 协同开发:创建信息管理系统、CMS等前端项目,多人协同维护开发。


开源应用一键同步一键部署 🎨🎨🎨


阿里云云开发平台前端应用部署功能旨在为前端开发者改善工作环境,优化前端开发和部署体验。同时还可以结合云开发平台云原生的架构能力和主机应用的部署能力,让前后端应用能够更高效地协同。


  • 操作简单 无需购买服务器、配环境、手动上传文件等,云开发平台都可以帮你自动操作,包括在需要时随时一键上线/下线。


  • 使用零成本: 支持GitHub和云效的Codeup仓库,快速将仓库的代码进行构建部署。


  • 免费资源扶持: 免费提供临时的测试域名,对于新用户和持续活跃的用户提供免费的云资源加油包。


  • 无数量限制: 没有使用的repo数量和应用数量的限制, 不管是开源仓库还是自己账户下的repo,每一个代码repo都可以部署为一个静态网站。


🏆 实验部署——搭建Hexo


🟥一、创建模板应用


参考链接🔗新手建站就用这个方法,无需购买服务器10分钟快速部署你的静态网页-阿里云开发者社区 (aliyun.com)


✅ 1、应用中心模版创建应用



✅ 2、绑定GitHub账号



✅ 3、授权使用




✅ 4、完成绑定



✅ 5、填写相关信息完成创建



🟥 二、在日常环境部署站点


⛳ 1、一键应用部署



⛳ 2、点击“立即部署”



⛳ 3、完成部署



⛳ 4、访问Dinosaurs网站


日常环境的测试域名也是可以访问的,点击访问已部署网站按钮会出现一个弹出,点击弹出上的立即访问就能够访问已经部署好的站点了。在部署完成后,可以继续本地编码,并将代码push到应用的“基本信息”中对应的代码仓库内。


测试域名查找:点击“部署配置” 即可查看到。如下图所示。



点击“高级”,点击此链接继续访问即可打开Hexo。



成功进入



🟥 三、配置自定义域名在线上环境上线


在功能开发验证完成后要在线上环境进行部署,在线上环境的「部署配置」-「自定义域名」中填写自己的域名。例如我们添加一个二级域名 company.workbench.fun 来绑定我们部署的前端应用。然后复制自定义域名下方的API网关地址对添加的二级域名进行CNAME配置。


参考实例



🎈 1、配置线上环境自定义域名


测试域名:release1yjivxr3djrel89rh32.workbenchapi.com


自定义域名:xybhexo.xybdiy.tk


自定义域名解析到地址:aliyun-wb-hhe7klayud.oss-cn-

shanghai.aliyuncs.com



🎁 2、配置CNAME地址


在功能开发验证完成后要在线上环境进行部署,在线上环境的「部署配置」-「自定义域名」中填写自己的域名。例如我们添加一个二级域名 company.workbench.fun 来绑定我们部署的前端应用。然后复制自定义域名下方的API网关地址对添加的二级域名进行CNAME配置。


参考示例



✨(1)进入域名解析列表



✨(2)添加域名



✨(3)添加记录



✨(4)点击“确认”



🎨5、在线上环境部署上线


回到云开发平台的应用详情页面,按照部署的操作,点击线上环境的「部署按钮」,部署完成以后就在你自定义的域名进行了上线。CNAME 生效之后,我们输入 company.workbench.fun(示例网址) 可以打开部署的页面。至此,如何部署一个应用到线上环境,如何绑定自己的域名来访问一个线上的应用就完成了,赶紧部署自己的应用到线上环境,用自己的域名玩起来吧 ;)


参考示例



🥇(1)选择分支管理



💖(2)点击“部署”



💎(3)点击“立即部署”



🥇(4)等待部署完成



💖(5)部署完成



💞(6)输入自定义网址访问


本实验自定义域名地址是: http://xybhexo.xybdiy.tk



🎄 6、请下线不必要的应用


云开发平台本身使用免费,但是对于需要消耗的OSS云资源是收费的,网站上线会根据实际消耗量开始按量计费,对于不需要的应用和网站,请点击「日常环境」和「线上环境」页面最右方的「下线」操作。


至此实验完成。

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
10天前
|
弹性计算 运维 持续交付
构建与部署企业门户网站:阿里云云效解决方案评测
在数字化时代,企业门户网站作为企业形象的线上窗口,其建设和运维效率直接影响着企业的在线品牌形象与用户体验。阿里云提供的“构建企业门户网站”解决方案,借助云效平台实现从代码到云端的无缝部署,为开发者和企业带来了前所未有的便捷性与效率。
122 5
构建与部署企业门户网站:阿里云云效解决方案评测
|
7天前
|
分布式计算 DataWorks 调度
阿里云DataWorks-部署自定义python项目问题
阿里云DataWorks-多种方式部署自定义python项目并进行调度
|
10天前
|
人工智能 搜索推荐 测试技术
|
22天前
|
异构计算 弹性计算 并行计算
|
4天前
|
弹性计算 关系型数据库 MySQL
阿里云ECS如何部署并运行一个JavaWeb项目
阿里云ECS如何部署并运行一个JavaWeb项目
29 0
|
28天前
|
Cloud Native 安全 Serverless
【阿里云云原生专栏】低代码开发在云原生平台的应用:阿里云低代码服务探索
【5月更文挑战第27天】在云原生时代,低代码开发凭借其图形化界面和预构建模块,简化了应用开发,提升了效率。阿里云积极探索低代码领域,推出函数计算FC和应用配置中心ACM等服务。FC让开发者无需关注基础设施,仅需少量代码即可实现应用部署,而ACM则提供动态配置管理,增强应用灵活性。阿里云的这些服务为企业数字化转型提供了高效、安全的解决方案,预示着低代码开发在云原生平台上的重要地位。
208 1
|
1月前
|
弹性计算 缓存 负载均衡
【阿里云弹性计算】游戏服务器部署实战:利用阿里云ECS打造低延迟游戏环境
【5月更文挑战第24天】使用阿里云ECS打造低延迟游戏环境的实战指南,包括选择高性能处理器和SSD存储的实例,规划架构,选择近玩家的地域和可用区,部署软件,优化性能及监控。通过负载均衡、自动扩展和数据缓存提升体验,同时关注数据安全与网络安全。
212 4
|
1月前
|
运维 监控 JavaScript
【阿里云云原生专栏】Serverless架构下的应用部署与运维:阿里云Function Compute深度探索
【5月更文挑战第21天】阿里云Function Compute是事件驱动的无服务器计算服务,让用户无需关注基础设施,专注业务逻辑。本文详述了在FC上部署应用的步骤,包括创建函数、编写代码和部署,并介绍了运维功能:监控告警、日志管理、版本管理和授权管理,提供高效低成本的计算服务。
243 6
|
30天前
|
敏捷开发 Kubernetes Cloud Native
【阿里云云原生专栏】跨云部署与管理:阿里云云原生技术的多云策略
【5月更文挑战第25天】阿里云云原生技术提供多云策略,助力企业高效跨云部署与管理。通过容器化(如Kubernetes)、服务网格等,实现应用一致性与可移植性;统一资源管理,简化跨云操作。挑战包括数据同步、网络问题和平台差异,但阿里云的解决方案为企业在多云环境中实现资源优化、业务敏捷和系统可靠性提供了强有力支持。随着云计算发展,阿里云将持续演进其多云策略,为企业数字化转型提供保障。
105 1
|
1月前
|
人工智能 弹性计算 监控
【阿里云云原生专栏】阿里云云原生与AI结合:智能应用的快速构建与部署
【5月更文挑战第24天】阿里云融合云原生和AI技术,助力快速构建智能应用。弹性伸缩、CI/CD、微服务和自动化运维带来优势。通过需求分析、环境准备、数据处理、模型开发到服务部署,阿里云提供容器服务、函数计算、服务网格等工具,支持自动化测试和监控,实现一站式智能应用开发。示例代码展示创建ACK集群和部署AI模型服务过程。
326 1

热门文章

最新文章