Coding+Hexo云上创建个人博客
背景
去年的时候本着记录自己学习笔记的想法,开始创建自己的博客;后来翻来覆去,最终还是选择了Hexo来搭建自己的博客,这样的自由度会比较高,没有任何限制。
后来,换电脑的时候,发现了一个很大的问题:电脑里面的博客环境不能完全的搬过去!虽然博客的各种文件都可以复制过去,但是nodejs
的环境,以及npm
安装的各种插件都不能完全的复现!
最主要的原因还是当初第一次做的时候安装的各种插件太多了,导致自己都不记得了;但是吧,配置文件又已经那么改了,不安装的话配置就会出错,修改配置文件的话emmmm我自己也不记得要改哪些了,所以不如直接只拿了曾经些的博客的md
文件,其他的全部重新配置。
这种换环境的问题就很是让我苦恼,后来也曾想过把博客的本地环境般到服务器上,但其实那和放在自己电脑上是一样的;直到最近发现了一个宝藏工具:Cloud Studio
,下面,请跟随小编的步伐,来获取这个工具吧~
Hexo博客搭建流程的熟悉
Hexo博客本地的建立请看这里
新的环境的熟悉
我2们的新环境是源于腾讯云的一个服务:CODING DevOps关于它的介绍,小伙伴们可以点进去仔细看看,这里就不多细讲了,小编已经尝试过了,很香~
搭建流程
不过今天的主角并不是CODING Devops
,而是里面的一小部分而已,它叫做Cloud Studio
,一个线上的VScode
编辑器,下面我们来稍微介绍一下我们从无到有的流程:
注册腾讯云账号
这里想必大家应该都会的,不会的请出门左转问问度娘…
开通服务
首先我们打开腾讯云的控制台:
找到CODING DevOps
服务
开通服务的大致步骤:
- 创建团队,自定义团队域名
- 创建用户
- 完成注册
这里由于小编已经开通了,所以就直接点击立即使用即可,
点击后即可来到我们的服务后台,今天我们要介绍的主角就直接在服务器后台即可看见:
点进去后就可以看到工作空间的主界面了,用张图片来简单介绍一下这里:
创建工作空间
这里简单介绍一下这些东西:
- 工作空间名称:就是你的工作空间的名字
- 描述:可以简单说说你这个工作空间创建后用来干啥的,例如:Hexo博客
- 运行环境:
- 预置环境:就是免费白嫖一个工作空间!!!想白嫖请选这个!
- 云服务器:链接自己的云服务器
- 云服务器(使用密码创建):链接自己的云服务器
下面的预置环境这里选择Node.js
,这样可以省略它的安装过程:
创建完成后我们就可以看到一个VScode
编辑器的界面,没错,这就是一个线上的VScode
,它和你自己的VScode
几乎一模一样,而且自带一个后台服务器来给你提供服务!!相信大家已经知道这个线上的VScode
编辑器的巨大作用了!!这里我们暂时只讲解创建Hexo博客
的。
下面的流程和在自己本地创建Hexo环境
的步骤是一样的了,部署完成后,从此再也不怕换电脑了!