今天一直在弄网站,弄到现在。刚部署了一版,整体还是比较满意:(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、比如,我发现我的审美还是有待提高。
如果你也想加入我们每日刷题
扫码,回复【进群】就可以啦。
推荐几篇必看文章:
漫画:呕心泣血算法指导篇(真正的干货,怒怼那些说算法没用的人)
和我骚起来:
(评论!在看!转发!)