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

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

利用云开发平台搭建个人Hexo博客的好处

  • 不需要购买主机
  • 不需要配置环境
  • 不需要直接配置代码仓库
  • Hexo的主题好看,可以利用漂亮的md写文章

环境需求: 可以上网的浏览器,登陆https://workbench.aliyun.com/
操作步骤: 从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。

  1. 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可
  2. 填写团队名称,使用规模选1-10即可
    uvfIsHoMjihyp23.png
  3. 点击 创建应用,按图选择“Hexo博客”的模版进行下一步操作
    截屏2020-06-13 上午11.04.00.png
  4. 输入hexo模版应用的名称简介等信息确定以后成功创建应用,点击应用卡片上的“开发”进入CloudIDE开发界面
  5. 按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
    截屏2020-06-13 上午11.13.54.png

    首先安装依赖:*npm i --registry=https://registry.npm.taobao.org*
    启动 hexo 本地 server:*npm run dev*
    
  6. 点击左侧的tab,然后进行一键部署
    截屏2020-06-13 上午11.19.42.png
  7. 点击命令行中的二级域名就可以预览你的博客了
    截屏2020-06-13 上午11.26.05.png
  8. 在域名控制台,配置CNAME映射到该域名,下图以阿里云的域名控制台为例。
    image.png
  9. 在云开发平台的应用的环境管理中绑定配置好的域名
    image.png
  10. 继续在线上环境进行部署和发布上线

image.png

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

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

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

原文链接:https://developer.aliyun.com/article/764948?

版权声明:本文中所有内容均属于阿里云开发者社区所有,任何媒体、网站或个人未经阿里云开发者社区协议授权不得转载、链接、转贴或以其他方式复制发布/发表。申请授权请邮件[email protected],已获得阿里云开发者社区协议授权的媒体、网站,在转载使用时必须注明"稿件来源:阿里云开发者社区,原文作者姓名",违者本社区将依法追究责任。 如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:[email protected] 进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。

猜你喜欢

转载自blog.csdn.net/alitech2017/article/details/106858474