弱基础搭建个人博客教程（正式搭建篇）

使用npm安装Serverless Framework和hexo

首先使用如下命令行安装Serverless Framework

npm install -g serverless

再输入

npm install -g hexo-cli

安装hexo

接下来生成hexo目录

hexo init hexo

等待运行完成后依次输入如下命令

cd hexo
npm install

至此完成我们博客框架hexo文件夹的部署

你可以在config.yml文件中填写博客的一些信息，也可以后面安装主题的时候再来完善

Severless的配置部署

首先在hexo文件夹下右键新建serverless.yml文件，写入如下代码

component: website # (必填，默认即可) 引用 component 的名称，当前用到的是 tencent-website 组件
name: hexodemo # (必填，默认即可) 该 website 组件创建的实例名称

app: websiteApp # (可选) 该 website 应用名称
stage: dev # (可选) 用于区分环境信息，默认值是 dev

inputs:
  src:
    src: ./public # Upload static files generated by HEXO
    index: index.html
    # dist: ./dist
    # hook: npm run build
    # websitePath: ./
  region: ap-singapore # 这里是选择存储桶的地区，新加坡访问速度尚可且限制较少
  bucketName: my-bucket # 存储桶的名字，自由发挥即可
  protocol: https # 协议，保持默认即可

然后我们就要将我们的博客代码部署到Severless服务器上，首先使用hexo g来生成一个静态页面，然后使用sls deploy来部署页面，点击弹出的链接进入腾讯云授权云函数开发工具，之后耐心等待部署成功

域名绑定与证书

进入腾讯云控制台，选择对象存储，在存储桶列表中点击刚刚新建的存储桶，然后再域名与传输管理中自定义源站域名。域名填你自己的域名即可，源站类型选择静态网站源站

然后在Https证书处申请一个免费的腾讯云证书并上传即可

DNS解析

复制CNAME，进入DNSPOD选择你的域名并配置主机记录。

如图，主机记录选@或者www，记录类型选择CNAME记录值粘贴对应的CNAME值即可

等待解析生效即可通过域名访问你的博客啦

未完待续

至此，你已经拥有了自己的博客，但博客界面简陋没有内容，下一篇我会分享我美化博客、撰写文章的方法（比搭建复杂多了），希望这次咕咕的时间短一些