Cloud Studio搭建Hexo

rollback 发布于2019-08-27 14:19 / 1022人阅读

摘要：新建工作空间打开官网，点击新建工作空间，来源选择腾讯云开发者平台，项目选择上一步创建的仓库，运行环境选择。启动服务器创建访问链接通过右侧栏访问链接测试是否成功。打开站点配置文件，修改和属性。

Cloud Studio

Cloud Studio是在线集成开发环境，它提供了完整的 Linux 环境, 并且支持自定义域名指向。IDE 中有近 20 种开发环境，支持一键切换，进度实时保存。

Hexo

快速、简洁且高效的博客框架，Hexo依赖于Node.js，并且使用Markdown解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

随时随地搭建？

我们都知道，Github、码云、Coding都免费提供了静态网页托管服务，我们写好的代码上传到托管平台，通过pages服务可以实现外网访问。文章开头所述，Cloud Studio提供了完整的 Linux 环境，并且进度实时保存，我们只要有浏览器就可以随时开发并且部署，配合Pages服务，不用买服务器，就可以拥有自己的博客系统。

说了这么多，就是想让大家了解一下工作原理，下面让我们开始吧！

创建仓库

首先，我们打开腾讯开发者平台)（需要注册腾讯云账号），点击右上角+号，新建项目。

然后按照图示，开启pages服务。

新建工作空间

打开Cloud Studio)官网，点击新建工作空间，来源选择“腾讯云开发者平台”，项目选择上一步创建的仓库，运行环境选择Hexo。

搭建Hexo 生成所需文件

由于我们选择的运行环境为Hexo，所以工作空间自带了Node.js、Git，hexo-cli。我们只需要运行以下命令就可以。

hexo init 
cd   
npm install

启动服务器

hexo clean
hexo d
hexo s

创建访问链接

通过Cloud Studio右侧栏“访问链接”测试是否成功。

需要注意的是：端口改为4000，选择创建链接，然后点击创建的链接即可访问。

部署到Pages 安装 hexo-deployer-git

npm install hexo-deployer-git --save

修改 _config.yml 参数

打开站点配置文件_config.yml，修改deploy属性。

deploy:
    type: git
    repo: https://gitee.com/giteetop/giteetop.git
    branch: master

repo：你的仓库地址，可以是Github、Gitee以及Coding。

部署

hexo clean
hexo g -d

过程中输入仓库的账号和密码，等待提交完成，然后就可以生成静态页面了。

常见问题

如果生成静态页面后，发现页面没有样式了，这是因为使用了域名访问，但是没有配置url路径。
打开站点配置文件_config.yml，修改url和root属性。

# URL

## If your site is put in a subdirectory, set url as "http://yoursite.com/child" and root as "/child/"
url: http://yoursite.com/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

混合云专线服务 spring cloud 私有云搭建 hexo hexo-前端 hexo vps

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/110576.html

使用Hexo+Github搭建属于自己的博客

摘要：工具技术创建项目账户注册和新建项目，项目必须要遵守格式账户名，不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹，我是在盘建了一个文件夹。工具：Visual Studio Code/MarkdownPad技术：Hexo+Github 创建Github项目 Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选In...

tangr206 2019-08-29 17:03 评论0 收藏0
使用Hexo+Github搭建属于自己的博客

摘要：工具技术创建项目账户注册和新建项目，项目必须要遵守格式账户名，不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹，我是在盘建了一个文件夹。工具：Visual Studio Code/MarkdownPad技术：Hexo+Github 创建Github项目 Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选In...

tangr206 2019-08-02 11:47 评论0 收藏0
使用Hexo+Github搭建属于自己的博客

摘要：工具技术创建项目账户注册和新建项目，项目必须要遵守格式账户名，不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹，我是在盘建了一个文件夹。工具：Visual Studio Code/MarkdownPad技术：Hexo+Github 创建Github项目 Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选In...

laoLiueizo 2019-08-23 12:31 评论0 收藏0
【HEXO】从零搭建HEXO博客修改默认主题/参数/favicon 替换个人主页

摘要：下面我以主题举例，覆盖默认主题。其他元素使用相同的方法都可以修改。像这种超链接跳转的修改，在文件中找到直接把属性的值改变即可。准备：搭建环境大致分为以下两步：安装Node.js 安装git 配置Node.js环境下载Node.js安装 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...

My_Oh_My 2019-08-29 16:59 评论0 收藏0
【HEXO】从零搭建HEXO博客修改默认主题/参数/favicon 替换个人主页

摘要：下面我以主题举例，覆盖默认主题。其他元素使用相同的方法都可以修改。像这种超链接跳转的修改，在文件中找到直接把属性的值改变即可。准备：搭建环境大致分为以下两步：安装Node.js 安装git 配置Node.js环境下载Node.js安装 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...

Near_Li 2019-08-02 11:43 评论0 收藏0