首页 网站相关

Cloud Studio上搭建hexo博客


继续研究Cloud Studio上的hexo静态博客搭建
hexo-1

1.创建完项目空间之后,接下来进入项目。
2.创建一个文件夹(用来安装hexo)
3.在下侧终端输入hexo init hexo 在init后面的hexo替换成你创建的文件夹,我的是hexo
hexo-2

4.接下来需要安装hexo的组件npm
5.首先进入hexo的安装文件夹cd hexo
6.之后输入npm install进行安装
hexo-3

7.此时你的hexo已经基本搭建完毕。输入hexo clean,hexo g你的网站就初始化完成了。
8.此时你可以在_config.yml文件中将你的个人网站信息填写到上面去。填写git库进行使用,如果你不想使用git库,那现在有更简单的方式能够建造你的网站(请看下一条),使用git库的下面不用看啦。
9.首先在右侧开启一键部署,之后请将你的入口填写为/你的hexo的安装文件夹/public 例如我的是/hexo/public,你可以根据自己的需要是否绑定域名,之后点击一键部署,部署完成后就建设好你的hexo站点了。(原理是public储存的是本地的站点信息,而Cloud Studio本身就在云端,因此只需要直接连接上该文件夹就可以了)
hexo-4

10.以后更新站点就直接在Cloud Studio就可以, 先输入cd hexo(hexo替换为你设置的文件夹),之后想更新文章就输入文章的指令(和在电脑上操作相同),最后输入hexo clean,hexo g就更新好了,之后再取点击重新部署。(每次更新内容都需要取重新部署一下),如下图
hexo-6

我的hexo测试网站半叶子 (网站已经失效,请勿访问)





文章评论