前言

欢迎来到星湖碧境哟!我是 Meteorite 流星,这里是我的个人博客,我会在这里分享一点我随手写的东西,记录一下生活,说不定每次出去玩之后回来还写一些游记什么之类的,反正就是我在互联网上的一块自留地啦(ゝ∀・)

这一篇文章算是建完站之后的一些记录叭,想说的东西还蛮多哒,可能会比较长,我文章也写得不好,希望大家多多包容哦!

搭建过程

起源

这个网站其实是我的第二个个人博客啦,我去年5月份在北京玩的时候刷B站看到UP主@小宇Boi的视频超详细!0成本搭建个人网站!!【建议收藏】就心血来潮跟着他搭过一个。其实我很早就想要有自己的一个网站啦,但是由于我技术不好,连ZION这种无代码开发开台都操作不了,所以最后只能不了了之了。这次正好有教程,我立马就搭了一个。但是搭完之后那个网站基本上只配置了个Async主题就没做其他的了,因为小宇Boi没教( ̄▽ ̄)*,评论友链这些最基本的东西都没搞,域名用的也还是Github分配的,文章更是到今年3月份才更了第一篇,所以说我那个网站现在就处于一个与世隔绝的状态。本来我4月份连发了两篇长文之后我想给这个博客换个主题换个域名的,但我这人有点完美主义,我想着如果要换主题还不如从头再来重新建一个呢,于是这个博客就诞生辣(づ′▽`)づ
前个人博客
前个人博客2(没更新之前)

发现这个主题

难度1:随缘

这个Solitude主题是我在闲逛的时候候发现的,准确来说是我在各个博客的友链列表之间跳来跳去的时候发现有人用这个主题的。我第一个看到的用这个主题的博客是@星港哥哥的,他在我建站的时候也在群里面给我解答了很多问题,反正很感谢他!ξ( ✿>◡❛)我看到这个主题挺好看的就决定拿来用啦!

注册域名

难度:★☆☆☆☆

确定好主题之后我就开始注册域名。注册域名其实没什么好说的,因为我没碰上什么困难,这一步是像我这种纯小白都可以轻松操作的,网上教程也超级多。我本来想注册starfalling.world的,网站叫星陨之境,是为了纪念《你的名字。》里面的系守町的。但是我妈妈说星陨这个词含义不好,是重要人物去世的意思,所以我就改成了star-lake.world,博客改名成了星湖蔚境,后来我觉得蔚这个字长得不好看(っ´ω`c),就改成了星湖碧境,就是现在的名字辣!

我的域名是在阿里云买的,托管我选了Cloudflare,为什么选它我也不知道,反正在我印象里面Cloudflare 就是比其他的高级一点。事实证明我是对的,Clondflare还有好多其他好用的功能,比如说Cloudfare Pages,用起来我个人觉得比Github pages 好用一百倍,它自定义域名就非常方便, 如果你的域名在Cloudflare上的话它一步就自动帮你搞好了。

我买域名的时候还看中了几个其他域名,比如说lemonstar.me,以星之柠,我以后有可能会把我的博客迁到这个网址去,因为我还蛮喜欢它的(ゝ∀・)!还有welcome2my.site,这个的玩法就非常多了,比如说它可以解析出来一个子域yourenot.welcome2my.site,重定向到我的这个个人博客,如果有朋友来问我的博客地址的话就拿这个域名告诉他。( • ̀ω•́ )比如说可以解析出来一个子域Hi.welcome2my.site,重定向到我的博客。或者拿来做邮箱 [email protected],都挺好玩的!

配置主题

难度:★★★☆☆

这个博客是从2025年4月13日开始搭建嘟,4月23日上线,总共花了我10天时间ㄟ( ▔, ▔ )ㄏ。这个博客用的框架是Hexo,主题是Solitude,说实话Solitude主题比我前用的Async复杂多了,功能也更多,我也碰上了很多之前没有遇到的问题。这一点从我到现在为止光是待办清单就写了190条就可以看出来•_ゝ•。比如说在13号我配置主件基本上改好了,我运行了一下Hexo g生成网页,结果它就报错,幸好我之前加了Solitude主题的QQ群,星港哥哥也在群里面,他跟我说可能是配置文件的问题。后来我装了一个搜索插件,我还以为搞好了,就跟他说报错是因为我没装搜索插件。结果我往上一翻发现是安装插件的信息把报错信息项到上面去了,问题还在。我也不好意思再在群里说没搞好了(๑´ㅂ`๑)幸好我有配置文件的原件,我就把原件换上去,然后把数据一点点再改回去,每改完一个版块就运行Hero g试一下有没有报错,最后发现是侧边栏那里的Witty words下面的Nice to meet you前面没有按照语法加一个“-”,系统识别不了了才报错的。发现这个地方的时候我真的好兴奋啊⁽⁽٩(๑˃̶͈̀ ᗨ ˂̶͈́)۶⁾⁾!我想这就是程序员debug的快乐吧(,,・ω・,,)
config文件Witty Words报错

评论系统

难度:★★☆☆☆

这个主题支持的评论系统还挺多哒,有五六个,我是去知乎上搜哪个评论系统好用然后跟着文章选的。我最开始选的是Waline,因为它功能多,但是那篇文章的作者说他搞Waline搞了两天还没搞好,可我搞了一遍觉得如果只需要实现最基本评论功能其实也不难啊,可能是因为最难的HTML引入Solitude主题已经帮我们配好了叭(๑ ^ ₃•๑)但是如果要实观一些其他功能就比较难啦,这个我目前还没有搞,我到时候再去里面问问大佬们怎么弄去(ゝ∀・)

我搞好Waline之后我去主题的config文件里面按照主题文档里面说的配置好了,但是我生成网页之后Hexo s本地预览我并没有看见评论区出现在文章下面,我也不知道是哪里没搞好,干脆又搞了一个Twikoo评论系统╮(╯∀╰)╭然而我配完Twikoo之后它还是不显示,我去QQ群里面问,他们三个人分析一通之后告诉我先Hexo clean清理理下缓存,再Hexo g Hexo s 重试一遍,然后…
居!然!就!搞!好!了!
那我花那一个小时干嘛呢<(  ̄^ ̄)…
不过再搞一个评论系统也挺好的,Solitudle主题支持对双评论系统,我现在就是用的Waline和Twikoo,右边有一个开关可以切换。不过因为Waline搞其他东西比较麻烦,我现在在思考要不要直接只用Twikoo好了。

配置评论系统的时候有三个地方我要吐槽一下,这几点确实对于我这种新手小白来说不太友好(@_@;)第一是文档里面完全没讲它让我做的操作是干嘛的,比如说它让我进一个网站,注册一个帐号,新建一个项目,然后到没置里面复制一些东西就不管那个网站了,我这个纯小白就完全不知道这个网站在这里有什么作用(#Д´)ノ后来我搞多了突然恍然大悟,哦,原来那个网站是个数据库,复制的那些东西是密钥,复制密钥是为了让评论系能把评论的数据保存进数据库的╮(╯∀╰)╭**第二**是那些网站都是英文,我看不大懂,但微软的翻译又不太好用,有时候我看中文看不懂它在讲什么还得把翻译关了看英文才看得懂。比如说Gitbub仓库里面有一个板块叫code,本来是应该翻译成``代码``的,但是微软硬生生的给它翻译成了``法典``,我就没见过这么离谱的翻译ヾ(≧へ≦)〃再加上我搞评论系统要用的网站都是比较专业的,就更翻译不准了。**第三**是文档更新一般都会比网站更新慢很多,经常文档的图片里面画的这个按钮在这里,但我去网站找的时候就不见了,你就算找到了这个按钮后点一下它显示的页面和文档上不同,我就很害怕我点错了。゚(゚´ω゚)゚。不过这些问题都不是大问题,自从我把报错那个搞好之后我感觉这些有ui的东西都很简单啦!٩(๑•̀ω•́๑)۶

图床

难度:★☆☆☆☆
图床应该是这几个建个人网站要搞的东西里面最简单的啦,网上一大堆现成的,有免费的也有收费的,只要注册账号就可以用。我认识的几个也用这个主题的博主也有自己的图库可以直接拿来用。当然这个也可以自己搭,Github上有项目,搭完后就可以用自己的网址来访问。我本来也想自己搭的,但是我在用Cloudflare Pages 部署的时候它一直提示部署失败,我试了好几次都是这样,我只好不用这个项目了(´・ω・`)其实不用这个项目还有其他项目也可以选的,功能也差不多,有些也可以用Github Pages,但是我听说用Github Pages搞图床容易被封号,我也不想折腾了,所以我就找了一个我认为不太容易跑路的免费图床用(用付费的是不可能哒嘻嘻(,,・ω・,,))就是我现在用的Postimages目前用下来我是没什么意见的,速度挺快,功能就是给图片提供一个在线链接,其他功能我现在也用不着,编辑图片什么的我都是直接在本地编辑的。

访问数据统计

难度:★★★★★

这个步骤别看我给它打那么难,其实它本身是挺简单的,和评论系统差不多,但是就是不知道为什么在我这边就一直出问题ヾ(◎´・ω・`)ノ事情是这样的,我按照@青稚的教程部署Umami走完一遍之后打开我绑定的自定义域名发现它显示1101报错(就是下面这样!)我试了好多方法它都不管用,甚至我都把所有的东西从头推倒连帐户都注销了再来一遍它还是那样。我当时已经放弃了,说干脆用51la提供的数据统计吧。但我在群里面问有没有51la的教程的时候主题作者说51la好像被人投毒了不安全,容易跳转到什么黄色网站(°ロ°٥)搞多了我的网站还容易被禁,所以建议我还是自己建一个。这个时候@叶泯希哥哥问我方不方便远程,他可以帮我看一下,我本来不想麻烦他的,因为我当时已经把有关umami的所有东西全都删了,但我又一想这个机会要是失去了以后就不好找了,于是就同意他了(=´ω`=)当时已经是凌晨12点了,我们两个从头开始弄,一直弄到2点钟才弄好(真的太麻烦别人了(๑•́ ₃ •̀๑))叶泯希哥哥用的是什么技术我是没看懂,他说这个好像是我域名的问题,总之真的非常谢谢叶泯希哥哥,那么晚了还在帮我解决问题,还弄了那么久,我真的很佩服他,我就知道他绝对能弄好的!٩(๑•̀ω•́๑)۶

托管到 Github

难度:★☆☆☆☆

这一步我之前搞过一次了,小宇的教程也教得很详细,所以也就没碰到什么困难的地方。唯一有一点我上次也解决过了,小宇的教程里面教的是用Gitee Pages来做,可能是因为Github国内经常不稳定。但是我做第一个网站的时候就发现Gitee Pages已经用不了了( •́ὤ•̀),当时我也是自己想办法把它搞到Github里面用Github pages解决的(厉不厉害?₍₍ ◝( ゚∀ ゚ )◟ ⁾⁾♪)这次虽然我用Cloudflare Pages, 但是Cloudflare Pages也没有从Gitee导入的选项,所以说我托管还是要用Github的。虽然这次我完全忘了上次是怎么弄的了,但是上次的成功经历给我的信心还是蛮大哒!Github和Gitee在Git窗口里面的操作基本上大同小异,只有两个点要改,一个是Gitee建完仓库之后有一个Git全局没置,Github没有,我就照着Gitee的写了一个,后来发现这个东西Github是不用写的。还有ssh -T [email protected]那个命令把Gitee改成Github就好了。config文件也是,要输Gitee的地方改成Github。这个还是挺简单的,除了中间因为我没关加速器它返回显示 Github拒绝链接确实让我慌了一下•_ゝ•,其他都挺顺利的。

再来说一下我这次为什么改用Cloudfrare Pages了吧。原因有三个。第一个当然是 —— 我的域名托管在Cloudflare,用Cloudflare Pages 的话绑定自定义域名一步就能搞定,这个前面也讲过了。当然只要这个原因就足以让我用Cloudflare了,但是我还是忍不住想吐槽一下Github-//(ǒ.ǒ)//-。Github给每个帐户的默认域名是每个帐户一个,就是username.github.io的形式的这种。我的这个域名在搞上一个网站的时候已经用掉了,所以只能用username.github.io/project-name这种形式的项目域名。我本来想着大不了搞完再绑自定义域名不就好了吗,但是Hexo只支持用账户域名,我用项目域名做的话显示出来是乱码的,就算绑了自定义域名也还是不行。Hexo官方文档是建议把另外那个网站下线了,但那个网站我还想留着,所以还不如用Cloudflare( ˘・з・)。还有一个原因。Github没有手动更新按钮,而我在Git窗口里面运行Hexo d之后Github仓库会自动更新,本来理论上仓库更新了Github Pages也会自动更新的,但是它就是不更新,我只能把网站取消发布再重新发布一遍,虽然也用不了几分钟,但是需要手动操作的地方增加了三倍ヾ(◎´・ω・`)ノ。后来我搜了一下,不只是我有这个问题,很多其他人也有,而且也有解决方法,比如说按一下star可以自动触发Action之类的,也可以加一个自动更新按钮,但我看了一下教程觉得我不一定做得好,不如用可以自动更新的Cloudflare Pages呢。

(Cloudflare3:0完胜!ヾ(*´∀ ˋ*)ノ)
当然也有人说Cloudfrare会比较慢, 但是我觉得还好啊。虽然Clondflare主机在洛杉矶,但是我感觉我的网站也不比其他人的慢,基本上十秒钟之内能加载完首屏,可能是因为我文章比较少吧。再说每次打开我的网站数据都要跑到对面的美国去转一圈这件事我感觉还是挺浪漫的(◍•ᴗ•◍)。还有一点Cloudflare改DNS的速度是真的快,它说最多需要48小时,但有两次我改完后不到2分钟网址就可以访问了,这一点我还是挺惊讶的。

自我介绍

这部分我写了一半懒得写了发现下面关于我这个页面和这个是重复的,所以我就偷个懒,大家直接去看这个页面吧(՞˶・֊・˶՞)

写在最后

这次做个人博客对我来说是一个挑战,要是我事先知道一路上有这么多困难我可能就不会开始了(๑• . •๑)。不过搞完之后我自己感觉我收获还蛮大的,不仅仅是收获了一个博客,而且更重要的是我最开始的时候连配置文件都看不懂,到现在一看Git的报错就搞完大概可以知道是哪里出什么问题了,去改一些之前我碰都不敢碰的文件里面的内容它也不会报错了,自定义css文件也知道该放哪了,甚至可以在QQ群里面帮别人解答一些问题了(我自己感觉能帮别人解决问题蛮骄傲的(=^-ω-^=))。当然这一次建站成功也离不开各位大们的帮助,我要特别感谢的首先是[@叶泯希](https://blog.418121.xyz/)哥哥,他半夜三更帮我搞了两个小时的统计数据,还有[@星港](https://blog.starsharbor.com)哥哥,每次我有问题他都会第一时间帮我解答,而且每次他的办法都很管用。然后就是up主[@小宇Boi](https://space.bilibili.com/82363089),因为他的个人博客域名已经过期了,我就把他的B站个人空间放在这里啦。他的教程做得非常详细,据他自己说他是前前后后做了五六遍博客才做出来这篇教的,真的非常用心,不管你有没有电脑基础都可以跟着他的教程成功建站,~~当然连开机键都不知道在哪里的除外~~。还有Soltudle主题的作者[@王卓](https://blog.efu.me/),样式设计[@张洪Heo](https://blog.zhheo.com/),以及[Hexo](https://hexo.io/)框架的开发者(们?),没有你们这个博客的基础就不会存在了。最后是所有在这QQ群里面给过我建议的各位大佬们,以及[@冰火之砺](https://blog.marice.top/),在我对自己的前博客失望的时候给我安慰。当然还有我妈,给我买了这个域名。再以感谢你们对本站的建设做出的贡献!( ゚∀゚)つ≡≡≡♡♡♡)ν゜)グシャ

最后的最后,一定要常来我的博客玩哦!٩(๑•̀ω•́๑)۶

注释

[1]:下面这些难度评级是跟据我做博客的时候的心态崩溃程度碰到的问题对我个人来说的难度来评的,不代表真实的操作难度,不具备参考价值。