前言

在看这篇博客前,你应该具备以下基础,如果是小白,请参考我之前的博文。

  • 自己搭建过hexo,并且发布过文章
  • 使用过github和coding
  • 熟悉Linux命令和git命令
  • 拥有自己的博客源码仓库

腾讯出了一个叫cloud studio 的在线环境,可以部署ubuntu,hexo等开发环境。所以我们可以利用这么一个方便的环境来在线编辑我们的博客。

快速开始

  1. 登录你的coding账户,进入cloud studio

  2. 点击设置,将这串SSH 公钥添加到你的源码仓库中

我的源码是在github中,下面我以github为例:

  • 在你的源码仓库中点击设置 -> deploy keys

  • 添加ssh 公钥,注意勾选下面的权限

  1. 新建工作空间
  • 设置工作空间名字,选择nodejs的环境,输入你源码仓库的 SSH 协议的仓库地址
  1. 进入工作空间,第一次可能会有点慢,进入后他会自动克隆你的源码仓库

  2. 安装hexo
    在终端中执行

1
2
npm install -g hexo-cli
npm install hexo@4.1.1 --save

我这里因为有个插件需要特定版本的hexo,所以需要指定版本,如果不需要特定版本只需 npm install hexo --save

  1. 写文章

我们可以执行hexo new test 测试我们的环境
然后和本地写文章一样,生成文章发布文章

1
2
3
hexo clean
hexo g
hexo d

执行完hexo g之后可以看到已经生成public文件夹了

在执行hexo d之前需要设置git用户名和邮箱

可以看到,他提醒输入用户名邮箱。.deploy_git文件夹也生成了

在我们的博客中页有了这个页面

  1. 将刚才写好的博客源码pushgithub
1
2
3
git add .
git commit -m "update"
git push
  1. 在本地同步
    你可以使用git pull同步仓库的文件(如果你的电脑上有这个源码仓库),如果没有源码仓库,也可以单独clone你的源码仓库

因为这篇博文是在本地电脑上写的,还没发出去,所以我克隆到本地仓库。可以看到创建的test.md已经在本地电脑上了

像这样切换环境写作,写之前最好git pull一下,写完后记得push到仓库中

同样的你与要安装插件,执行npm install hexo --save
再进行编写文章
写好之后部署你的博客,以及push到源码仓库

问题总结

  1. 这个在线环境每天只能用两个小时。。。
  2. 在切换终端操作后,可能有push不成功的现象,这里涉及到git协同工作的问题了。因为你没有git pull仓库里更新了的代码