个人博客搭建(一)

个人博客搭建(一)

主要内容

本文介绍如何使用 Clawcloud 的免费计划(每月5刀)搭建个人博客以及所需的图床。

背景

进入软件行业也有十多年了,以前一直都有搭建一个稳定,可以持续维护的博客的心,虽然博客搭也是搭了,不过由于以前一直是买阿里云的服务器来搭建,包括数据库、博客以及部署一些网站,都是自己一点点操作实现。

从最开始自己配置Nginx,装Apache提供网站部署,到后来使用 1Pannel 来搭建,算是省了一些力气,但是阿里云的服务器,也不是每次续费的时候都有优惠(果然都是先套你进来养肥了再宰)。

一开始便宜买一两年ECS,后面变成轻量应用服务器,每一次的搬迁都搞的我很头疼,所以写博客真的就不想写,什么时候数据丢了,就真的丢了。

其实搬迁数据是一回事,最重要的是像我这种家里没有固定ip的同学,轻量应用服务器还得指定连接的白名单,每次光猫重启了,都要去阿里云后台配置一下新的ip地址,真心累。平时做个小活儿啥的,数据库也在上面,还要去配置数据库的白名单。

终于,在今年发现了Clawcloud和Cloudflare,才真的让我有了一个稳定的博客,开始动手写一些文章,方便记录一些东西。

当然,如今我的博客和图床都是放在Cloudflare上面的,Clawcloud只是整个折腾过程中的一个插曲,但是也是一种方案,可能有部分朋友会需要。

技术选型

在我看来,博客其实就两个需求,一是写文章,文字性的东西;二就是图片,肯定是需要把插入一些图片在博客中。
以前是 1Pannel 部署,使用 halo 框架搭建,一键安装很是方便,但是图片却是存储在云服务器上的,碰到搬迁可能丢图片,或是大量图片加载,轻量应用服务器的带宽就捉襟见肘了。
所以在我看到 Clawcloud 给注册超过180天的github用户提供每月5刀的免费额度的时候,就决定将博客迁移到Clawcloud。我也对我的博客部署提出的一些要求:

  1. 免费!!
  2. 稳定!!博客随时可访问,图片引用不丢失!

这些要求,在Clawcloud中都满足。所以我一开始的选择就是,用 Clawcloud 搭建博客 - WordPress,用 Clawcloud 搭建图床 - EasyImages2.0

Clawcloud

注册Clawcloud

页面上写了,使用注册超过180天的github账号登录,可每月赠送5刀的额度。

登录绑定之后,需要选择区域,这个区域选定之后,赠送的额度就锁定了,不能修改。我已经注册过了,只能截图看看有哪些区域可选了。

我当初选的新加坡,当时网上说日本非常拥挤了,建议新加坡,不过可能人确实太多了,我刚注册的时候,新加坡也非常慢,经常项目部署了两个小时,url还不能访问。
当然,我后续另外一个github账号注册选择了日本,感觉挺快的。大家根据自己的需求来选择即可。

登录之后,在右上角的头像选择Plan,查看自己的套餐,可以看到,标注套餐是免费套餐,而且每月有5刀额度。

✨搭建WordPress

Clawcloud主面板介绍

回到主面板,可以看到有很多个模块

  1. App Launchpad
    通过docker容器来部署项目
  2. Database
    部署MySQL,Redis等数据库,这是Clawcloud提供好的模板
  3. Devbox
    部署环境,各种语言环境,如Python,PHP等;框架环境,vue,Nginx等;系统环境,Ubuntu、Debian等。也是Clawcloud提供好的模板。
  4. Object Storage
    对象存储,类似阿里云的OSS。
  5. App Store
    这次我们搭建WordPress的主角,里面提供了大量的模板,比如Alist(Alist项目被作者卖了,大家谨慎使用哦。)、N8N等,其中就有WordPress。

通过WordPress模板创建项目

  1. 选择WordPress模板

可以看到,0.16刀/每天,按这个算下来,0.16*30=4.8刀/月。

  1. 部署应用

可以看到,正在部署WordPress和必备的数据库MySQL。等待Status都变成Running之后,就可以了。

  1. 查看应用详情

回到主面板,通过 App Launchpad 查看应用。

点击应用名称,查看应用详情。

可以看到,这里展示了应用的基本信息,Cpu核数,内存大小,性能监控情况以及网络情况。

可以看到内网地址,外网地址(外网地址还是Pending状态),这个状态目前很不准确,有时候显示Pending,但是已经可以访问了。

  1. 配置修改
    等待期间,可以看看右上角的 Update 按钮,可以修改和调整应用的配置。

左边显示应用使用了哪些资源,分别占用多少费用。可以通过修改Cpu核数,内存大小,来降低费用,避免一个月的费用超过免费额度。修改完成之后,点击右上角的Update即可使配置生效。

这里可以配置自定义域名,使用自己的域名来访问博客。

我是在 spaceship 嫖的低价xyz域名,然后托管到Cloudflare的,在Clawcloud上配置自定义域名的时候,一直没有成功,Clawcloud的小黄云开和关都试过,也不行。我不确定其他DNS解析厂商有没有问题。

在主面板上,选择 Database ,可以查看到同步部署的MySQL。同样的操作方式,可以修改其配置,以降低费用。

博客配置

经过一段时间的等待,访问博客页面,便可以看到WordPress已经初始化OK了,可以开始进行配置。

语言选择简体中文,下一步:

不多赘述了,我想,配置项你都看得懂。😌

安装完成

点击登录,输入刚才设置的用户名和密码进行登录即可进行博客后台。

WordPress的使用,这里就不赘述了,网上教程很多。自行搜索即可。
默认的博客主题其实也行,但是想要更换主题,在后台左侧外观 -> 主题 中去选择或者添加自己喜欢的主题,安装使用即可。

✨EasyImages2.0图床搭建

EasyImages2.0介绍

EasyImages2.0是github上一个开源的图床项目,项目地址为:
EasyImages2.0

我们要使用的是它的docker版本:
EasyImages-Docker

可以看到它的部署命令如下:

1
2
3
4
5
6
7
8
9
10
docker run -itd \
--name easyimage \
-p 8080:80 \
-e TZ=Asia/Shanghai \
-e PUID=1000 \
-e PGID=1000 \
-e DEBUG=false \
-v /root/data/docker_data/easyimage/config:/app/web/config \
-v /root/data/docker_data/easyimage/i:/app/web/i \
ddsderek/easyimage:latest

EasyImages2.0部署

Clawcloud没有提供EasyImages的模板,需要自己使用App Launchpad通过docker镜像部署。

  1. App Launchpad创建应用
    点击 App Launchpad 选择右上角的 Create App

  2. 填写应用信息

Application Name:EasyImages
Image Name:ddsderek/easyimage

这里记得开启外网访问。

这里的环境变量,参考前面提到的docker部署命令填入。
存储映射目录填入命令中的容器内路径,不要填错了。或者照着我的截图填写即可。
存储大小建议/app/web/i给大一点,图片多了应该会需要更多的存储。/app/web/config应该是配置文件,1G足够了。(存储的加减粒度就是1G,不能再小了,不然感觉几M都够了)

  1. 进行部署
    部署中…

初始化EasyImages

等待Clawcloud显示url可用之后,访问站点,能够看到这个界面,就代表部署成功了。

点击下一步,开始网站基础配置

前两项配置:

  • 网站域名,末尾不加”/“
  • 图片链接域名,末尾不加”/“

我是没有进行修改的,因为我觉得图片url长点就长点,反正也不会给读者看,没什么问题。这里也可以配置成自定义的域名。
设置好管理员账号密码,点击开始安装。安装成功就会跳转到图床登录页面了。

注意:这里有个坑,我不知道其他同学有没有遇到过,默认的图床管理后台是https的,但是登录会一直不成功,通过F12查看发现报错混合请求了,将登录地址改为http即可。反正这个图床只是自己使用,http和https并没有什么区别。

上传图片

登录之后就能看到上传图片的界面了

选择图片,可以一次选择多张图片,点击开始上传进行上传,上传完成之后可以在下部的窗口看到每张图片的外部url,这个url就可以直接用到博客之中了。

其他功能

广场

广场可以看到已经上传的图片,将鼠标放到图片上,能够复制图片的url,可以删除、下载图片。

其他

其他功能界面如下,自行查看,这里不再多赘述了。