云开发零基础搭建个人Hexo博客
- 摘要
- 云开发平台搭建个人Hexo博客的优势
- 环境准备
- 操作步骤
- 写在最后
摘要
Hexo是一款基于Node.js的博客框架,可以将Markdown格式的文本渲染为HTML代码。所以,博客基本就是纯静态,维护相对方便。但是缺点也很明显——经常换编写环境使用不便,因为它的所有渲染代码都是在本地存储的。阿里云云开发平台因为提供全云端的开发环境,零基础实现hexo博客的一键创建和一键部署。
云开发平台搭建个人Hexo博客的优势
- 不需要购买主机
- 不需要配置环境
- 不需要直接配置代码仓库
- Hexo的主题好看,可以利用漂亮的md写文章
环境准备
一个可以上网的浏览器,登陆https://workbench.aliyun.com/
操作步骤
从账号的创建到一键部署,手把手教你零基础创建个人博客,后续可以继续根据网上的教程来修改代码对博客进行定制化的美化。
- 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可
- 填写团队名称,使用规模选1-10即可
![e1744777d6e416bca104eb9175063e9f.png](https://i-blog.csdnimg.cn/blog_migrate/6ee3a5675b517c07cc713f98e8f98f54.jpeg)
- 点击 创建应用,按图选择“Hexo博客”的模版进行下一步操作
![5b2eb571fcd3d7d000e8217522b7c543.png](https://i-blog.csdnimg.cn/blog_migrate/ab532645791ebebc4dc23449bbbae48c.jpeg)
- 输入hexo模版应用的名称简介等信息确定以后成功创建应用,点击应用卡片上的“开发”进入CloudIDE开发界面
- 按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
![2d544fba13e8b273ac61873822e61eb9.png](https://i-blog.csdnimg.cn/blog_migrate/eeb032a293c06d4e98d2f528d7a43002.jpeg)
首先安装依赖:npm i --registry=https://registry.npm.taobao.org启动 hexo 本地 server:npm run dev
- 点击左侧的tab,然后进行一键部署
![afd6ef47c81b823f73ae0c3a1b1a2d16.png](https://i-blog.csdnimg.cn/blog_migrate/d94b71e55eda37398fa6cb52de0f2952.jpeg)
- 点击命令行中的二级域名就可以预览你的博客了
![cc675b889e2d56affa3ef8ef7ddf22a3.png](https://i-blog.csdnimg.cn/blog_migrate/ad11848b5fd5b4739a9361bfb56c3363.jpeg)
- 在域名控制台,配置CNAME映射到该域名,下图以阿里云的域名控制台为例。
![f30edfd142bdbf6e61f722b22447e273.png](https://i-blog.csdnimg.cn/blog_migrate/6e94438f2a3cdd4705999fc1ab94bcd6.jpeg)
- 在云开发平台的应用的环境管理中绑定配置好的域名
![68db6ab0cf81178b236ec7bbed487588.png](https://i-blog.csdnimg.cn/blog_migrate/87305b50d632214673d447c3d139d8f7.jpeg)
- 继续在线上环境进行部署和发布上线
![422d226394b8cb64e7a4a2978b038b53.png](https://i-blog.csdnimg.cn/blog_migrate/6f0751d4a32a33f919904b4f8e393def.jpeg)
通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
![2285ecdac6effeca68be72f4caf832cd.png](https://i-blog.csdnimg.cn/blog_migrate/3aebad8f472c95704671c64891f2cdfd.jpeg)
写在最后
因为云开发平台是基于Serverless架构,调用的云资源按量付费,并且每个月都有免费的额度,个人使用访问量不大基本不用付钱,可以后续进行定制美化后留作自己的博客长期使用。