搭建一个博客?本站搭建博客花费了多少精力?
哇塞~终于费劲心思把这个博客建好了
哇塞~终于费劲心思把这个博客建好了,我要写一篇博客记录这个过程以及如何实现的。
本博客基于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我的弹幕不能用,很奇怪
8.4 cdn加速
cdn,context distributed network,内容分发网络,说白了就是就近访问cdn节点,不需要跨一系列的计算机网络到达提供服务的服务器,理论上可行的
但是阿里云这个需要icp备案,要求云产品下面需要有实例(比如买了一个云服务器),劝退我了
第二个就是用cloudflare给的dns服务器,亲测只能说拉了依托大的。免费版的链接换进阿里云了以后花了两天都没给他换完,进行测速的时候基本上占比进展特别慢,而且多次搞这个还让我一个域名报废了,重定向次数过多。
8.5 4everland
在掘金看到的一篇博客:忘了缓慢的GithubPage,免费加速你的Hexo静态博客吧 - 掘金 (juejin.cn)
最近,使用这个部署的速度变得非常慢,我就用回vercel了,但是vercel还是那样,弹幕没办法用
9.来访者api
这个定位的功能用一个博主的api,可以直接定位所在地或者ip,不知道准不准确。不过不需要害怕暴露ip,真正定位的是MAC地址而非是你的ip,下次切个网啥的就换掉了~
至最后
搭建出来确实累,不过可以有一个记录的地方啦,就当做个人的qq空间或者朋友圈吧~博客的最后至看到这里的每位朋友,正如本站的介绍:
这里与大多数垂直类的技术博客不同,这里的种类会非常的繁杂,有技能的教程干货、有生活上的吐槽和妙招、有话题上的思考和想法。一般我研究什么、发现了什么都会分享在这里。
这些就是创造这个小站的本意,也是我分享生活的方式。有幸能和你相遇在这里,相信我们能共同留下一段美好记忆~