利用chirpy模板搭建自己的个人博客时的问题

前言：

本篇文章将介绍自己在搭建博客时遇到的些许问题 （GitHub Pages + Chirpy +picgo + github图床 ）

第一次搭建自己的博客，耗费两天终于搭建好了。模板用的是Chirpy：https://chirpy.cotes.page/，但是我这里用的是https://github.com/cotes2020/chirpy-starter（轻量版）

步骤：

先利用github pages搭出了网站，然后对网站进行一系列的调整，最后配置图床。

在这里就不详细说如何搭建网站了，毕竟网上有许多教程。

链接：https://p4v31-21.github.io/posts/%E4%BD%BF%E7%94%A8GitHub-Pages-%E5%92%8C-Jekyll-%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/（charpy轻量版搭建）

https://zhuanlan.zhihu.com/p/641525444（charpy标准版搭建）

https://www.cnblogs.com/ljbguanli/p/18928090（图床搭建）

问题及解决办法：

由于是第一次搭建博客，遇到了不少大大小小的问题。

1.Chirpy标准版搭配失败，按网上搭建普通的模板教程，发现打开自己网页的时候加载不出模板，如图所示。

搞了半天，猜测是前置环境没有配置好。

在网上翻来翻去找到了轻量版，搭建会简单许多，fork之后改下设置就能在网页上正常显示了。

2.然后上传博客（必须是md文件），要放进_post文件夹下。发现仅文字内容可以展示，图片不可见。

查阅网上资料，发现图片不能是本地地址

有两个解决办法：（1）把图片放进仓库的assets文件夹中，md文件中的图片地址引用assets这个地址，例如![](assets/img/1.png

​ （2）用图床，地址引用图床中图片的的url。例如：![](https://cdn.jsdelivr.net/gh/gola-leya/img-bed/img/20251014154916.png

本人觉得每次都要把图片重新放入assets太麻烦，所以决定用图床的办法，当然还要用到picgo这个插件。

3.图床的选择也有很多雷点，我一开始利用gitee作为图床仓库，发现gitee在2023年就加入了防盗链，其他网站在访问时无法加载图床中的图片。什么是防盗链？

因为我已经部署好了gitee图床，懒得再搞其他图床了，就心想着怎么绕过防盗链，也从网上找到了一些方法。例如用Modheader这个谷歌插件，按如下图配置，就可以看到网站上的图片。但是有个弊端就是别人访问你的网页没有装这个插件还是看不到，所以说根本没什么用………..

到这里我只好先放弃gitee图床了，真的垃圾。后来有尝试了飞牛云图床，但是还是不如我意（个人觉得找个能长期用的域名太麻烦）

最后决定用github仓库搭建图床，不仅免费而且也没有防盗链，此博客中的图片就是引用的图床中的图片。✌

结语

到现在博客终于一切正常了，对于小白来说也算是有了一点进步，继续加油