CloudStudioCloudStudio是一个在线集成开发环境,提供完整的Linux环境,支持自定义域名指向。IDE内有近20种开发环境,支持一键切换,进度实时保存。Hexo是一个快速、简洁、高效的博客框架。Hexo依赖于Node.js,使用Markdown来解析文章。在几秒钟内,它可以生成主题精美的静态网页。随时随地构建?我们都知道Github、码云、Coding都免费提供静态网页托管服务。我们写的代码上传到托管平台,可以通过页面服务实现外网访问。文章开头提到,CloudStudio提供了完整的Linux环境,进度实时保存。我们只要有浏览器就可以随时开发部署。有了Pages服务,我们不用购买服务器就可以拥有自己的博客系统。说了这么多,就是想让大家明白工作原理,开始吧!创建仓库,首先我们打开腾讯开发者平台(需要注册腾讯云账号),点击右上角的+号,新建一个项目。然后按照图标启用页面服务。新建工作空间打开CloudStudio官网,点击新建工作空间,源选择“腾讯云开发者平台”,项目选择上一步创建的仓库,运行环境选择Hexo。搭建Hexo生成所需文件由于我们选择的运行环境是Hexo,工作空间自带Node.js、Git、hexo-cli。我们只需要运行以下命令。hexoinitcdnpminstall启动服务器hexocleanhexodhexos创建访问链接使用CloudStudio右侧栏的“访问链接”测试是否成功。需要注意的是:将端口改为4000,选择创建链接,然后点击创建的链接即可访问。部署到Pagesinstallhexo-deployer-gitnpminstallhexo-deployer-git--save修改_config.yml参数打开站点配置文件_config.yml,修改deploy属性。deploy:type:gitrepo:https://gitee.com/giteetop/giteetop.gitbranch:masterrepo:你的仓库地址,可以是Github、Gitee和Coding。hexocleanhexog-d部署时输入仓库的账号和密码,等待提交完成,然后生成静态页面。常见问题如果生成静态页面后发现页面没有样式,是使用域名访问,但没有配置url路径。打开站点配置文件_config.yml,修改url和root属性。#URL##如果您的站点放在子目录中,请将url设置为“http://yoursite.com/child”,将root设置为“/child/”url:http://yoursite.com/root:/permalink::year/:month/:day/:title/permalink_defaults:如果您的网站存储在子目录中,例如http://yoursite.com/blog,请将您的url设置为http://yoursite.com/blog和将根设置为/blog/。