码迷,mamicode.com
首页 > 其他好文 > 详细

阿里云开发零基础免费搭建个人Hexo博客

时间:2020-06-16 23:21:19      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:lis   read   work   cdn   cal   付费   star   ati   启动   

云开发零基础搭建个人Hexo博客

摘要

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

云开发平台搭建个人Hexo博客的优势

  • 不需要购买主机

  • 不需要配置环境

  • 不需要直接配置代码仓库

  • Hexo的主题好看,可以利用漂亮的md写文章

环境准备

一个可以上网的浏览器,登陆https://workbench.aliyun.com/

操作步骤

从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。

  1. 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可

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

技术图片

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

技术图片

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

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

技术图片

  首先安装依赖:npm i --registry=https://registry.npm.taobao.org
   
  启动 hexo 本地 server:npm run dev
  1. 点击左侧的tab,然后进行一键部署

技术图片

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

技术图片

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

技术图片

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

技术图片

  1. 继续在线上环境进行部署和发布上线

技术图片

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

技术图片

写在最后

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

原文地址:https://www.haah.net/archives/3737.html

 

阿里云开发零基础免费搭建个人Hexo博客

标签:lis   read   work   cdn   cal   付费   star   ati   启动   

原文地址:https://www.cnblogs.com/huiges/p/13149559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!