使用AlibabaCloudToolkit一键部署个人博客

个人建站.

Posted by 杨小狼不吃羊 on 2020-04-29
Words 1k and Reading Time 3 Minutes
Viewed Times

使用Alibaba Cloud Toolkit一键部署个人博客

很多小伙伴,可能都会有创建一个自己的博客的想法,Hexo作为一个快速、简介且高效的博客框架,成为了很多人的首选。
通过以下几个简简单单的命令,我们就可以快速的在本地机器上看到成果。

1
2
3
4
5
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

Hexo默认的主题比较普通,没关系,hexo官方网站上有几百个主题供你选择,总有一个适合你,我们选择一个主题安装,比如xxx,在_config.yml中配置完主题,再执行一遍hexo server,瞬间高大上啊有木有?
20200429235603-2020-04-23-23-17-02

好了,初步的准备工作已经做完了,可是光炮在自己本地的机器上有毛用啊,别的小伙伴怎么才能看的到我写的东西啊?那么我们就需要把博客部署在某一个服务器上,聪明的小伙伴已经发现了一个我们熟悉的身影,GitHub Pages,利用GitHub Pages我们可以很方便的把hexo博客发布到GitHub上。
既然你已经点进来这篇文章了,我相信爱折腾的你一定不会满足于此,怎么把博客发布到自己购买的阿里云ECS上啊?我们看下官方部署文档是怎么说的
20200429235639-2020-04-23-23-28-54
先不说内容,看看评论怎么说的,我尼玛,看完之后是不是感觉还是一脸懵逼?那么我们再Google一下看看别人是怎么部署的,我相信看完网上的教程,可能还是一部分人不知道该怎么做,大体的思路就是在服务器上创建一个jGit仓库,通过钩子将生成的静态网页push到服务器某个目录。
20200429235654-2020-04-23-23-29-40

那么有没有更简单一点的方法去部署我们的博客呢?偶然想到了前段时间阿里发布的Alibaba Cloud ToolKit,看官方介绍可以一键将本地应用部署至任务服务器
20200429235845-2020-04-23-23-46-22

是不是很🐂🍺?那么我们就试试这个神器,首先我们需要在自己的机器上有一个安装了Alibaba Cloud ToolKit插件的VS Code和一个已经安装了Nginx的阿里云ECS服务器,关于nginx的安装大同小异,我们在此不再赘述,在此仅描述怎么配置一键部署

配置账户

20200429235713-2020-04-23-23-59-39
点击左侧的Cloud ToolKit插件按钮,进入配置界面,在左上角的ALIBABA CLOUD VIEW 窗口右上角的小齿轮按钮进行账户配置界面。
登录阿里云控制台,点击头像,AccessKey管理获取AK
20200429235733-2020-04-24-00-07-40

配置完Accounts和SSH Profile之后我们就可以在实例列表中看到我们的服务器实例了,
20200429235750-2020-04-24-00-18-15

配置一键部署

点击RUN CONFIGURATIONS窗口右上角的三个小点,选择Deploy to ECS进入一键部署界面。
20200429235810-2020-04-24-00-19-10
接下来我们填写部署需要的配置
20200429235824-2020-04-24-00-21-57

  • Name 该部署的名称,我们可以根据部署的业务取一个名称,方便后续识别
  • File 因为hexo是基于npm构建,这里我们选择npm build
  • Project:我们本地项目的根目录
  • Build Output:生成的静态网页目录
  • Scripts:这里会自动识别出Hexo的几个命令,我们的目的是每次更改源文件之后生成新的静态网页,故这里选择hexo generate
  • Target ECS:目标服务器实例
  • Target Dirctory:也就是我们将Build Output输出最终上传到阿里云服务器的哪个目录,这里可以根据自己需要选择
  • After deploy:部署之后执行的命令,一般是重启服务,我这里是重启nginx,当然这一步是非必须的。

好了,以上就是全部配置,接下来就是见证奇迹的时刻,我们点击Ok或RUN CONFIGURATIONS窗口DEployments项中右侧的箭头,就可以在控制台看到部署在执行了,执行成功之后,我们再刷新一下页面,是不是网站内容以及改变了?


This is copyright.

...

...

00:00
00:00