腾讯云开发：搭建Hero博客

来自CloudWiki
跳转至： 导航， 搜索

云开发CloudBase：降本增效利器

云原生一体化轻量应用开发平台，支持小程序、Web、移动应用开发

https://cloud.tencent.com/act/pro/cloudbase01#3

Cloud201012.png

免费产品试用：https://cloud.tencent.com/act/free?fromSource=gwzcw.3174687.3174687.3174687

技术文档：https://cloud.tencent.com/document/product/876/41391

开通云开发环境

Cloud201013.png

Cloud201014.png

Cloud201015.png

Cloud201016.png

Cloud201017.png

安装Node.js模块

安装 Node.js；（8.6以上版本）

http://nodejs.cn/download/

Cloud201018.png

安装 Cloudbase CLI

安装cnpm，输入以下命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证：

cnpm -v

安装@cloudbase/cli

cnpm i -g @cloudbase/cli hexo-cli

验证：

C:\Windows\system32>cloudbase -v 

Tip: cloudbase 命令可以简写为 tcb

CloudBase CLI 1.0.3
1.0.3

https://blog.csdn.net/qq_31880107/article/details/86688467

从官网或国内镜像 下载安装git,https://npm.taobao.org/mirrors/git-for-windows/

安装好之后，可以通过 git --version 来测试git是否安装成功。 

C:\Users\maxin>git --version
git version 2.28.0.windows.1


执行完毕后，在本地新建名称为 Hexo 的文件夹。在该文件夹中，打开命令提示符，并执行如下命令进行初始化： 

hexo init

静态网站托管

Cloud201019.png

Cloud201020.png

初始化云开发 CLI

运行命令提示符，执行如下命令：

cloudbase login

Cloud201021.png

获取 H5五子棋源码

下载 H5 五子棋 源码。

初级项目的五子棋源码结构如下： 

   - index.html
   - black.png
   - white.png

五子棋项目的棋盘以及棋子使用 canvas 构建，最后落子使用图片绝对布局来实现。

在初级五子棋项目中，未提供与服务器交互的能力，只能进行单机的电脑对战。对此项目更加深入的兴趣请微信关注“腾讯云云开发公众号”，获得该项目第一手资料。

运行命令提示符，定位到源码所在的目录，执行如下命令，将项目部署到云开发静态托管中（需要将 EnvID 替换为 步骤1 中您所创建的环境 ID）。 

   cloudbase hosting:deploy -e [EnvID]

Cloud201022.png

Cloud201023.png

浏览部署的五子棋项目

回到云开发控制台 静态网站托管 页面

单击【基础配置】，在域名信息中找到默认域名。

Cloud201024.png

在浏览器中打开此链接，则看到线上部署好的 H5 五子棋。

Cloud201025.png

取自“http://www.openbrains.net/mediawiki/index.php?title=腾讯云开发：搭建Hero博客&oldid=23466”