使用Cloud Studio在线搭建、编辑、部署Hexo | HCLonely Blog

使用Cloud Studio在线搭建、编辑、部署Hexo


分站内容可能或出现渲染错误或内容过时等问题,请以主站为准!
分站禁止评论,评论请前往主站

创建工作空间

  1. 前往Coding注册一个帐号
  2. 登录后点击右上角的Cloud Studio
    Cloud Studio
  3. 点击设置,将ssh公钥添加到CodingGithub或者其他的Git仓库的个人公钥列表
    SSH
  4. 点击工作空间,新建工作空间
    工作空间

从零开始搭建Hexo

  1. 工作空间名称能自己看懂就行,运行环境选择预置环境Node.js代码来源,然后创建
    从零开始
  2. 点击刚刚创建的工作空间
  3. 按下键盘Ctrl+~打开终端
  4. 按照官方教程依次输入一下命令就可以了
    npm install hexo-cli -g
    hexo init blog
    cd blog
    npm install
    
  5. 到这里一个博客就基本搭建完成了,其他的去看Hexo官方文档就可以了

我已经搭建好了Hexo

  1. 工作空间名称能自己看懂就行,运行环境选择预置环境Node.js代码来源仓库,并在下面输入你源码仓库的SSH地址,然后创建
    我已经搭建好了
  2. 点击刚刚创建的工作空间,它会自动克隆你的源码,你只需要运行npm install命令安装所需依赖就可以了

预览

我们在本地只需运行hexo server就可以在http://localhost:4000预览了,不过用Cloud Studio的话运行hexo server命令后,需要Ctrl+Shift+P打开命令面板,输入preview,选择Preview: Open Preview Tab输入端口号(默认4000)回车就可以了

插件(可选)

如果你用过Vscode, 下面可以不用看了,安装你喜欢的插件就可以了
点击左边的Extensions可以安装扩展,这里推荐几个适用于编辑Hexo的插件

JavaScript支持

欢迎使用页面点击安装对JavaScript的支持,右下角会有弹窗,确定即可
Extensions

Markdown Preview Enhanced

Markdown预览插件


文章作者: HCLonely
版权声明: 本博客所有文章除特別声明外,均采用 CC BY-SA 4.0 许可协议。转载请注明来源 HCLonely !
 上一篇
Valine添加博主标签及评论微信、QQ通知 Valine添加博主标签及评论微信、QQ通知
分站内容可能或出现渲染错误或内容过时等问题,请以主站为准!分站禁止评论,评论请前往主站! 本教程介绍了如ӵ
2020-04-23
下一篇 
给你的网页添加一个moc3格式的Live2d模型 给你的网页添加一个moc3格式的Live2d模型
分站内容可能或出现渲染错误或内容过时等问题,请以主站为准!分站禁止评论,评论请前往主站! 前言 之前搞网页Live2d模&#x
2020-03-26
  目录