文章摘要
GPT 4
此内容根据文章生成,仅用于文章内容的解释与总结
投诉

哇塞~终于费劲心思把这个博客建好了

哇塞~终于费劲心思把这个博客建好了,我要写一篇博客记录这个过程以及如何实现的。

本博客基于hexo搭建起来,起因也是我专业的朋友给我推送了这个视频,晚上睡不着觉突然又刷到了,于是第二天就开始马上着手准备~

1.hexo

众所周知搭建一个博客的有hexo,以及其他我不用的框架,使用博客框架搭建起来非常快,而不是需要真的说去写一个前后端来实现,对非计算机专业的同学要求也不是那么高(如果你需要实现主题样式那就很高了),所以hexo真的是十分的nice啊~

不过需要去另外会用git,安装nodeJS,直接给它拿下

当初按照下来的步骤很简单,不过在git上确实有问题,有时候git bash命令下载失败,有时候npm命令查找不到,单单装hexo下来就费劲了很多脑子~

仔细一想nodeJs我已经用nvm做版本管理了,才记得把hexo生成的文件夹扔到nvm下才生效,又花费了一点时间

ok,咱也是直接拿下

2.主题样式

接下来访问本地hexo成功以后就是选择主题了,hexo官方截止2024年7月14日有407个主题,每隔一段时间都会有开发者将自己的主题扔上去

最终我选择了当前的solitude主题,看上去比较符合我的要求,就这个了

接下来也就是用git把代码拉到本地就行了

1
npm i hexo-theme-solitude

下载下来了以后其实和你现在看到的我的博客大差不差了,主要是需要逐步的添加功能

3.评论区如何实现

博客的留言板是需要配置界面的,可以看文档手册;最主要的是如何实现帖子的评论区,实现以后留言板用同一个就好

在文档中,提供了多个实现评论区的方式

我用的是vercel + twikoo。twikoo有个很优秀的地方,就是输入qq邮箱可以获取到本人的qq信息,也可以评论后有回复的信息通过qq邮箱发送,就和B站抖音一样,也可以配置反垃圾处理等等功能十分优秀;vercel作为云部署的后端部分,加上MongoDB存储数据即可。

不过缺点就是vercel和MongoDB的网站确实很难进,取决于你科学上网的实力了,不好的魔法开了也很费时间

此时还有一个最大的问题就是vercel是被墙了的,需要科学上网,不然进去非常慢,此时教程有说使用一个个人域名替换他就快很多,就是图中domains的地方

4.购买域名

这个就比较简单,华为云,腾讯云,阿里云都提供了购买域名的途径,而且一年下来10+块钱就可以了,比如说本站的域名在阿里云已经被我注册了。

不过购买域名需要实名等等个人信息核查,最长需要一天,其他没什么问题。

随便挑一个,然后把vercel里面的域名换掉就行了

OK,在主题的yaml文件打开评论区就实现了

5.博客ai

这个主题可以使用的ai有两个,这个弄起来也比较简单,跟着弄就可以了,没啥难度

postai一个月18!!!!!!!钱包好痛

博客的聊天机器人和摘要ai都可以用了

6.页面图片

一开始我是打算用阿里云OSS的,不过免费的容量很小,果断放弃;

再来打算使用图床,麻烦,放弃,反正我不用

存本地,简单实用(其实一开始不确定可不可以存本地)

有些图片也不是存本地的,其实可以去网页偷一下,比如mbti的那个,仔细一看连接是16人格官网的,看了他们的源代码也是部署到公网上,那么自然也可以直接引用他们的

偷,都可以偷

7.矢量图标库

你不得不说阿里巴巴矢量图标库很好用,这些都是从里面下的。下载得到的图片可以是svg格式的,你也可以换jpg/png

我特别喜欢影视飓风,干脆把他们公司的口号搜一下也有

svg格式的图片有一个效果,就是图片的背景可以跟随主题背景变化

8.公网访问

在hexo下载到本地后,只能部署到本地,但是为了让大家都能访问得到需要放到公网上,因此围绕这个的实践就此展开….

8.1 云服务器

云服务器就是一台云端的服务器,可以在华为云、腾讯云、阿里云中购买,这个服务器具备公网ip,大家是可以访问到的。

以我的为例,我在阿里云免费试用了三个月,什么都好,就是我用不惯,部署一个博客有种大炮打蚊子的感觉

而且,当时公网ip我还没有配置域名,泄露了一下就DDoS了(俗称恶意访问ip,访问量超过限制)

在finalshell里面配置nginx等也非常麻烦,改一次就弄一次,上传文件也要挺久的,不推荐

8.2 githubpage

这个真福音,但是也是真的慢。githubpage面向静态页面的功能,专门为部署博客这种静态页面而设计。但是众所周知,github是被墙的,所以部署到github上直接访问io文件特别慢,我自己进都半天。gitee原本是有这个功能的,但是现在封了,另选方法。

8.3 改用vercel部署

这个可行度取决于科学上网的实力。

不过我用这个的时候版本问题搞得我头大,有时候我都推送上来了但是都不更新这个版本。

版本问题

取消vercel对域名的映射

使用vercel我的弹幕不能用,很奇怪

8.4 cdn加速

cdn,context distributed network,内容分发网络,说白了就是就近访问cdn节点,不需要跨一系列的计算机网络到达提供服务的服务器,理论上可行的

但是阿里云这个需要icp备案,要求云产品下面需要有实例(比如买了一个云服务器),劝退我了

ICP备案

第二个就是用cloudflare给的dns服务器,亲测只能说拉了依托大的。免费版的链接换进阿里云了以后花了两天都没给他换完,进行测速的时候基本上占比进展特别慢,而且多次搞这个还让我一个域名报废了,重定向次数过多。

8.5 4everland

在掘金看到的一篇博客:忘了缓慢的GithubPage,免费加速你的Hexo静态博客吧 - 掘金 (juejin.cn)

最近,使用这个部署的速度变得非常慢,我就用回vercel了,但是vercel还是那样,弹幕没办法用

9.来访者api

这个定位的功能用一个博主的api,可以直接定位所在地或者ip,不知道准不准确。不过不需要害怕暴露ip,真正定位的是MAC地址而非是你的ip,下次切个网啥的就换掉了~

至最后

搭建出来确实累,不过可以有一个记录的地方啦,就当做个人的qq空间或者朋友圈吧~博客的最后至看到这里的每位朋友,正如本站的介绍:

这里与大多数垂直类的技术博客不同,这里的种类会非常的繁杂,有技能的教程干货、有生活上的吐槽和妙招、有话题上的思考和想法。一般我研究什么、发现了什么都会分享在这里。
这些就是创造这个小站的本意,也是我分享生活的方式。有幸能和你相遇在这里,相信我们能共同留下一段美好记忆~