方案

  • Hexo + 腾讯云 云开发托管静态网站 + CDN加速

环境准备

初始化Hexo

参考:云开发 CloudBase 搭建 Hexo-示例教程-文档中心-腾讯云 (tencent.com)

  1. 在本地新建一个文件夹,比如blog,再在此目录下执行hexo init 来初始化,执行hexo s可以打开本地服务,在浏览器输入localhost:4000,可以看到自己部署的博客
  2. 创建云开发环境(腾讯云对于新用户免费使用一个月),参考官方文档即可,写的很详细

搭建完成后,通过云开发的默认域名就可以访问了
image.png

将域名指定为自己申请的域名

因为笔者自己在腾讯云注册了域名和证书,而且默认域名太复杂,所以需要这一步

  1. 添加自定义域名,注意这里的CName是自动生成的哦,我们下面会用到
    image.png

  2. 在自己的域名解析中添加两条Cname记录即可,记录值上图中的cname域名
    image.png

  3. 静等30分钟域名生效之后就可以使用自己的域名来访问了,自带CDN加速

Hexo优化

主题

这里笔者使用的主题是Volantis,下载安装按照官方文档即可,下载完成后,在博客工作目录下新建一个文件_config.volantis.yml

页脚加入ICP备案信息

编辑_config.volantis.yml ,内容如下图所示
image.png

自定义封面和个人信息

具体可以参考官方文档开始使用 - Volantis,图片可以直接使用网上的url,本地的图片如何引入,还没研究
image.png
在工作目录的_config.yml文件中,可以定义自己的信息
image.png

更改网站字体

参考

增加评论系统

这里采用的方案是twikoo

  1. 使用腾讯云云函数来搭建,参考Hexo添加Twikoo评论插件-腾讯云开发者社区-腾讯云 (tencent.com)
  2. 配置好之后,在主题的配置文件中调用一下就可以了

一些常用的操作

新增文章

1
hexo new [layout] title`或 `hexo n [layout] title

新增分类

参考

1
hexo new page categories

新增标签

1
hexo new page tags

发布

1
cloudbase hosting deploy public -e ENV_ID