浅谈我的小破站是如何搭建的

今天一直在弄网站,弄到现在。刚部署了一版,整体还是比较满意:(https://www.geekxh.com)

(白色主题)

(黑色主题)

聊一下这两天折腾网站过程中遇到的一些问题。

最早使用 gitbook 来实现的,想专注内容。但是在使用过程中,发现还是有些问题。首先是自适应的支持不友好,另一个就是二次开发不方便

后来又查了查官方文档,发现 gitbook 已经不维护了。而且目前已经开始商业化。所以直接就被我放弃掉,干脆重新弄 。

首先是尝试了一下 docsify,讲真,我非常喜欢。

当然,我喜欢的原因并不是因为他很绿,而是他的一个理念:只在运行时驱动。这句话怎么理解?官方是这么解释的:

说白了就是这玩意少了一个 build 的流程,是真正的专注显示 md,不会生成一大堆乱七八糟的东东。对于我这种有“强迫症”和 “代码洁癖”的人非常友好。我直接就把这玩意拿下来部署了。

但是在用的过程中,我又发现一个问题。这玩意竟然不支持SEO。这里我需要先普及一下 SEO 的原理:爬取-过滤-收录。上面这三个过程是我自己总结的,你如果去查可能查不到!

爬取的过程类似一个递归,从上级链接到下级链接逐步爬取,直到找不到新链。链接是什么,说白了就是就是 html 的标签,这也是为什么早期的 SEO 对 js 支持很不友好,后来 js 成长起来了,对 js 的爬取也逐步完善起来(但是这应该是好多年前的事情了,大家随便听听)

爬取之后,开始完成一个过滤操作。这个过程中会砍掉很多奇奇怪怪的东西,比如一些敏感内容什么的。同时也会迎合一些用户的喜好,类似皮条客。

过滤之后,开始一个收录环节。这个收录指的是什么呢?其实就是建立查询索引。一般而言,搜索引擎会把内容分为索引库普通库。我们经常会设置一个 title 之类的,其实就是在这一环节使用。

那为什么说这个 docsify 对 SEO 支持不好呢?上面我们说了,这玩意是动态生成内容的。换句话说,这玩意缺少了一个静态文件编译的过程。那对于 SEO 而言,不管是爬取,还是最终的收录,就非常不友好了!

为啥不友好?你想想 SEO 裤子都脱了一半,你 docsify 自己却说,今天不行,我得回去换个衣服。那肯定就是直接拉黑的结果。

所以,docsify 又被我弃用了。然后我又研究了一下 vuepress,我发现这玩意也挺有意思。(原谅我好奇宝宝,啥都觉得有意思)

简单介绍下。既然叫做 vuepress,当然和 vue 有关系。其实。。。这玩意本身就是一个 vue 的开发者,发现写文档不方便,所以自己就开发了一款用 vue 写文档的软件。(有兴趣的自己去查)

但是,恰好。vue 和 react 我都会,哈哈哈哈哈哈。这就很 nice 了。“啥?你特么不是后台研发,外加搞算法的吗?为啥还会前端”说来有点尴尬,之前项目临阵磨枪,被 leader 临时安排写前端。当时花了一周自学了 vue 和 react。

然后我就开始用这玩意搭建网站了。然后就是我嘿吃嘿吃开始干活:

然后搭好了。有兴趣的可以去看看源码,目前已经 200 个 star了(求点 star,支持我这个 sb)

https://github.com/geekxh/hello-algorithm

其他乱七八糟的问题其实也遇到了不少:

1、比如阿里云 https 验证一年要花 2000 多。但是我实在不想花这个钱,在我找了一大堆证书之后,还真让我找到一个既免费,还有绿色安全标识的。nice~

2、比如我刚开始弄 gitbook 的时候,发现 footer 实在是太丑了。但是这玩意偏偏在 node_modules 里,每次 npm install 还会更新。改了也没用。然后我一怒之下自己写了个插件,插件写完了,目标也实现了。但我却弃用 gitbook 了。囧......

3、比如我今天写网站的时候,订了份饭,但手机开了静音。可能写代码过于专注,送饭的敲门我也没听到。。。然后我刚才开门发现我订的餐在地上,刚打开一看已经成一坨了。(为了不影响大家,我还是不发图了)

4、比如,我发现我的审美还是有待提高。


如果你也想加入我们每日刷题

扫码,回复【进群】就可以啦。

推荐几篇必看文章:

漫画:小白为了面试如何刷题?(呕心沥血算法指导篇)

漫画:呕心泣血算法指导篇(真正的干货,怒怼那些说算法没用的人)

动态规划入门看这篇就够了,万字长文!

万字长文!位运算面试看这篇就够了!


和我骚起来:

(评论!在看!转发!)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值