Coding Studio实现hexo的云环境部署

这些天一直在思考一个问题,怎么才能让hexo想wordpress一样随时随地写博客?

昨天上午研究了一番,发现还真的可以。思路是这样的:我的博客是在GitHub和Coding上双部署,想要云端写博客就必须拿到两个平台的最强token,把token直接写在根目录_config.yml里面,就可以直接在云端推送。

token的获取方式

GitHub

  • 登陆GitHub,右上角设置

    image-20200727123742808

    image-20200727123819255

    image-20200727123858727

  • 输入密码后创建一个全权限的token,名称随意

    image-20200727124017855

  • 记录好此token,后面放在配置文件里面GitHub的推送代码就是:

    image-20200727124518685

Coding token

  • 登录Coding,打开个人设置

    image-20200727124701442

  • 新建一个令牌

    image-20200727124748815

  • 授予全权限

    image-20200727124816442

  • 注意Coding的令牌是有用户名的

    image-20200727125028874

  • 记录好用户名和token,后面放在配置文件里面Coding的推送代码就是:

上图后面GitHub和Coding的两个仓库,均为存放网页的两个仓库。

修改根目录_config.yml文件

找到deploy,按我这个图把两个token填进去

image-20200727130801522

Coding-Cloud Studio的建立

新建一个存放博客源码的Coding仓库

image-20200727125627763

注意不要用readme.md初始化此仓库,此仓库是用来接收博客源码的仓库。

上传博客源码到新建的Coding仓库

  • Git bash here 进入博客目录

    image-20200727131659687

  • 输入git init命令

    image-20200727131940247

  • 输入添加此目录的命令 git add .

  • 提交修改的命令git commit -m '上传博客源码'

  • 关联远程仓库

image-20200727132207803

这个是刚才我们创建的仓库,鉴于之前部署在coding的时候已经上传了公钥,在此可以直接用ssh的方式上传。传送门:Hexo在GitHub和Coding双线部署教程

1
2
git remote add origin 新建立的仓库ssh地址
git push -u origin master

建立Cloud Studio工作空间

image-20200727190250981

image-20200727190950913

  • 进入Cloud Studio空间

    image-20200727190513313

image-20200727190552850

在Cloud Studio里安装Hexo博客

刚克隆过来的仓库里面只有以下文件

image-20200727191205623

所以还需要安装Hexo,这里就跟本地安装一样,输入安装命令。

  • 在终端里输入:
1
npm install -g hexo-cli
1
npm install hexo --save
1
npm install
  • 这时候就可以hexo g看看能不能生成文章,此时就会建立public文件夹

    image-20200727191644485

  • 设置一下git标识

    1
    2
    git config --global user.email "you@example.com"
    git config --global user.name "Your Name"
  • 推送到GitHub Pages和Coding Pages

    1
    hexo d
  • 到此我们就可以用Cloud Studio在线写文章了

写在后面

整个思路再里一遍:

1.在Cloud Studio搭一个hexo云环境

2.利用GitHub和Coding 的TOKEN 云推送至pages页面

值得注意的问题:

1.Cloud Studio云环境里编写的内容记得同步到hexo博客源码仓库

2.如果在本地编写文章后,也要记得同步推送至hexo博客源码仓库(这里其实可以设置自动部署,后面再弄。)

3.时刻注意备份!时刻注意备份!时刻注意备份!