Coding+Hexo云上创建个人博客

背景

去年的时候本着记录自己学习笔记的想法,开始创建自己的博客;后来翻来覆去,最终还是选择了Hexo来搭建自己的博客,这样的自由度会比较高,没有任何限制。

后来,换电脑的时候,发现了一个很大的问题:电脑里面的博客环境不能完全的搬过去!虽然博客的各种文件都可以复制过去,但是nodejs的环境,以及npm安装的各种插件都不能完全的复现!

最主要的原因还是当初第一次做的时候安装的各种插件太多了,导致自己都不记得了;但是吧,配置文件又已经那么改了,不安装的话配置就会出错,修改配置文件的话emmmm我自己也不记得要改哪些了,所以不如直接只拿了曾经些的博客的md文件,其他的全部重新配置。

这种换环境的问题就很是让我苦恼,后来也曾想过把博客的本地环境般到服务器上,但其实那和放在自己电脑上是一样的;直到最近发现了一个宝藏工具Cloud Studio,下面,请跟随小编的步伐,来获取这个工具吧~

Hexo博客搭建流程的熟悉

Hexo博客本地的建立请看这里

新的环境的熟悉

我2们的新环境是源于腾讯云的一个服务:CODING DevOps关于它的介绍,小伙伴们可以点进去仔细看看,这里就不多细讲了,小编已经尝试过了,很香~

搭建流程

不过今天的主角并不是CODING Devops,而是里面的一小部分而已,它叫做Cloud Studio,一个线上的VScode编辑器,下面我们来稍微介绍一下我们从无到有的流程:

注册腾讯云账号

这里想必大家应该都会的,不会的请出门左转问问度娘…

开通服务

首先我们打开腾讯云的控制台:
图片1

找到CODING DevOps服务
图片2

开通服务的大致步骤:

  • 创建团队,自定义团队域名
  • 创建用户
  • 完成注册

这里由于小编已经开通了,所以就直接点击立即使用即可,
图片3

点击后即可来到我们的服务后台,今天我们要介绍的主角就直接在服务器后台即可看见:
图片4

点进去后就可以看到工作空间的主界面了,用张图片来简单介绍一下这里:
图片5

创建工作空间

图片6

这里简单介绍一下这些东西:

  • 工作空间名称:就是你的工作空间的名字
  • 描述:可以简单说说你这个工作空间创建后用来干啥的,例如:Hexo博客
  • 运行环境
    • 预置环境:就是免费白嫖一个工作空间!!!想白嫖请选这个!
    • 云服务器:链接自己的云服务器
    • 云服务器(使用密码创建):链接自己的云服务器

下面的预置环境这里选择Node.js,这样可以省略它的安装过程:
图片7

创建完成后我们就可以看到一个VScode编辑器的界面,没错,这就是一个线上的VScode,它和你自己的VScode几乎一模一样,而且自带一个后台服务器来给你提供服务!!相信大家已经知道这个线上的VScode编辑器的巨大作用了!!这里我们暂时只讲解创建Hexo博客的。

注意

每个用户使用这个Cloud Studio服务,每天只有四个小时!,每天只有四个小时!,每天只有四个小时!,重要的事情说三遍!

所以当你使用完工作空间后,请记得关闭!!

下面的流程和在自己本地创建Hexo环境的步骤是一样的了,部署完成后,从此再也不怕换电脑了!