搭建网站大概流程

淩亂°似流年 2024-03-24 15:44 165阅读 0赞

## 流程 ##

1.去腾讯云购买云服务器  
2.购买域名  
3.域名备案  
4.静态网站托管  
在静态网站托管中配置域名与ssl证书，在DNS解析DNSPod中解析自定义域名并与静态网站托管中基础配置中的自定义域名中进行绑定  
5.静态网站托管的文件管理中上传前端html文件

## 腾讯云用命令行部署静态文件到 CloudBase ##

### 安装 cloudBase cli 工具 ###

1.安装 Node.js,可以从官网下载,选择版本 LTS,并且版本大于 8.6.0+

npm - v; // 可以查看到安装的node版本

2.使用 npm或者yarn 安装 cli  
npm命令

npm i -g @cloudbase/cli

yarn命令

yarn global add @cloudbase/cli

如果npm install -g @cloudbase/cli失败,可能需要修改npm权限,或者以系统管理员身份运行如下代码

sudo npm install -g @cloudbase/cli

3.测试 cloudbase-cli 是否安装成功  
使用cloudbase -v可以查看cli的版本,若终端有输出,那么就表示成功了的

cloudbase -v

### 登录cloudBase ###

第一种方法  
在终端中输入下面命令

tcb login

当你输入这行命令后,会自动打开云开发控制台获取授权,并同意授权按钮允许cloudBase cli获取授权

第二种方法  
首先要腾讯云官网获取获取云 API 密钥,然后在终端中输入如下命令

tcb login --key

紧接着,输入云 API 密钥的SecretId和SecretKey即可完成登录

### 命令行部署到腾讯云静态网站托管 ###

#### 全部部署 ####

云开发 cli 提供了直接部署网站文件的命令,在需要部署的文件夹目录下,直接运行hosting:deploy命令即可

将当前目录下所有文件部署到静态网站中，如下所示

$ cd dist
    $ tcb hosting deploy -e envId(此为环境的ID,在自己的云环境中可以查看到)

#### 部分部署 ####

有时候,并不想要全量的部署,只需要上传某单个指定的文件,那么就可以使用下面的命令,当不指定cloudPath时,文件会上传到根目录

cloudbase hosting deploy localPath(本地路径) cloudpath(云坏境目录的路径) -e envId

如下所示

# 将当前目录的文件部署到根目录,即将 hosting 目录下的所有文件部署到根目录,如果不指明hosting本地目录,默认时上传当前目录下的所有文件
    cloudbase hosting deploy . -e envId
    
    # 将 static 目录下的 index.js 文件部署到 static/index.js
    cloudbase hosting deploy ./static/index.js static/index.js -e envId

## 搭建hexo博客 ##

下载git  
下载hexo  
用git拉取hexo代码到文件夹  
修改hexo代码参数  
每次修改完用命令行生成public

hexo clean
    hexo g

然后部署public文件夹到腾讯云静态托管  
详见参考资料

## 参考资料 ##

[【实操】手把手带你快速上线部署网站，这是最实用最可靠最稳定方法，没有之一][Link 1]  
[如何将代码部署到腾讯云网站静态托管][Link 2]  
[搭建 Hexo][Hexo]  
[Hexo 快速入门][Hexo 1]  
[hexo搭建个人博客超简单效果超好的个人网站博客搭建对小白很友好][hexo]  
[基于Hexo的matery主题搭建博客并优化][Hexo_matery]  
[给hexo博客添加Live2d小人][hexo_Live2d]  
[解决hexo博客不能显示图床图片问题][hexo 1]  
[安装部署hexo博客（Windows）][hexo_Windows]  
[matery主题添加音乐][matery]

[Link 1]: https://www.bilibili.com/video/BV1Ma4y1j7UA/?spm_id_from=333.1007.top_right_bar_window_history.content.click&vd_source=43421cebf17bf889cf3ea9b66a347c90
[Link 2]: https://cloud.tencent.com/developer/article/1787945
[Hexo]: https://cloud.tencent.com/document/product/1210/43365
[Hexo 1]: https://blog.csdn.net/weixin_43826128/article/details/117626783
[hexo]: https://www.bilibili.com/video/BV1Rt4y1k7it?p=5&spm_id_from=pageDriver&vd_source=43421cebf17bf889cf3ea9b66a347c90
[Hexo_matery]: https://blog.csdn.net/jspnetcn/article/details/104111651
[hexo_Live2d]: https://zhuanlan.zhihu.com/p/349278862
[hexo 1]: https://www.cnblogs.com/yangstar/articles/16688692.html
[hexo_Windows]: https://www.cnblogs.com/chaishengblog/p/17056288.html
[matery]: https://github.com/blinkfox/hexo-theme-matery/blob/develop/README.md