使用Coding.net WebIDE搭建Hexo云端写作环境

前言

使用Hexo搭建博客已经有一段时间了,使用过程中一直感觉挺好的,除了有一个问题——搭建写作环境。

由于Hexo是基于Node.js的,所以需要在本地电脑上安装Node.js,然后再安装Hexo,还得安装Git,一步步配置环境,有点繁琐。所以很明显存在一个问题——重装电脑后,又要配置环境,或者不能在任意一终端进行写作。

现在终于找到一个方法可以实现“Set up once, write everywhere”。这就是本篇文章的主角——Coding.net的WebIDE

Coding WebIDE 是 Coding 自主研发的在线集成开发环境。用户可以通过 WebIDE 创建项目的工作空间,进行在线开发,调试等操作。与此同时,WebIDE 还提供了可分享的开发环境功能,用户可以保存当前的 Terminal 环境,分享给团队的其他成员。

Coding.net WebIDE

准备工作

1、注册一个Coding.net账号https://coding.net。

2、在Coding.net中新建项目,项目信息自定义随便写,最好将项目设置为”私有“类型。

3、在Coding.net中进入刚才建立的项目,点击”代码“链接,点击”WebIDE”,进入WebIDE。想了解更多关于Coding.net WebIDE的信息,请查看WebIDE帮助

搭建云端环境

其实只要有一定Linux知识和搭建hexo技能的人,都已经知道如何操作了。下面就简单地讲讲,所以最好读者已经会搭建hexo博客。

设置git,在终端中输入如下命令:

1
git config --global user.email "you@example.com"                                                                              
git config --global user.name "Your Name"

安装hexo。由于WebIDE已经安装了node.js,所以可以直接使用npm命令安装hexo。在WebIDE中点击右上角的终端图标调出终端,终端中输入如下命令:

1
sudo npm install -g hexo-cli

接着WebIDE就会安装好hexo,完成后可以在终端输入hexo检测下是否已经安装成功。

使用hexo init命令初始化,初始化后输入npm install完成。关于hexo更多帮助,请查看Hexo官网!

如果之前在本地搭建过hexo环境,可以将本地的数据上传到这个仓库,右击WebIDE文件树中的目录,选择上传文件。或者是先将现在的更改push到项目中,然后将这个项目clone到本地,在本地整理好数据后再push到远程仓库中。

接下来的就是你愉快地写作时间了。

完成写作后,使用命令hexo server,然后点击WebIDE的”Tools“菜单,Generate Access Url,在弹出的窗口中,选择4000端口,点击”确定“,就生成一个云端环境的链接,这个链接有效时间为1小时。这个链接就是本地博客测试链接了。

如果没什么问题的话,就可以使用hexo d命令发布到博客里了。

无论你去到哪里,只要连上网,打开浏览器,进入这个项目的WebIDE就可以写博客了。