[技术分享] 博客优化

type

status

date

slug

summary

前言

我的故事

我大概是从2014年开始，在QQ空间上写作，一直持续到2022年10月，这里承载了我很多的回忆，但是我仍然选择了关闭。

我也在2021年尝试成为一名up主，截至到2023年2月，累计1900的播放，随后放弃。

2022年运行微信公众号，截至到2023年2月，进行了注销。

这里面有我个人主观的原因，有所经历带来的认知改变的原因。倘若一个人已然浑身冰冷，又如何指望他去发光发热呢。

于是我希望重新开启一段新的旅程，2023年是这段旅行的元年，Core_2023_1这是新的名字，2023年，我希望一个人好好爱自己，不去打扰别人，努力学习。

我感觉自己是一个精神能量很大的人，所以有时候，我也在自我克制。

现在我来到了这里，如果有幸能在这里遇见你，那么非常感谢你听过我的故事，往后我也会继续更新和优化博客，只不过因为时间很紧张，要做的事情还有很多，所以更新的进度会很缓慢。

本科期间，电子信息工程，总的来说，我感觉我的自学能力还是有待提高的，疫情三年，我一直在尝试优化学习的方法，我还是感觉到自己的学习力远远不够。

大一大二主要的专业课，像单片机，了解很浅，模电数电当时学得也不是很懂，计算机目前只学过C，专业课，自控，高频电子线路，通信原理，数字信号处理，随机信号分析，EDA，电磁场与电磁波，基本上大三下就开始和民航相关的专业课程。

所以感觉自我的发育还不是很好，自己的人生主线还不是很清晰。

很幸运，在github上遇见了Tangly，在他的帮助下我搭建了这个博客。

在我写下这段文字的时候，博客还很小，尚不满月，但是已经给了我足够的惊喜。

现阶段，我打算用一些时间来更好地了解自己，同时准备考研，当你踏上一段新的旅程的时候，沿途的风景会为你拂去疲惫。

May 7, 2023

这里记录我对博客优化的过程，您可以看作是博客优化的日志。

为什么要这么做？

陆陆续续参观了一些优秀的博客，由衷地感觉，博客确实为我打开了一扇新的世界，这里是一座舞台，坚持很难，但很有趣！ ——MatrixCore 时间真快啊，转眼之间博客就已经一周年了，时过境迁，从一个尚未满月的宝宝，已经变成一岁的“会爬的小乌龟”了，还记得在一个月时候写下的故事么，当初带着好奇的眼光去展望未来，如今，不妨守护着这颗感恩的心，继续走下去。 Apr 30, 2024 ——MatrixCore

目前采用的是heo主题，支持algolia搜索，可以看看这篇文章的介绍

正文

按照时间倒序记录我对博客优化的一些思考，即使有些想法可能已经不适用于现在的博客配置，但也希望能给您带来一些启发！

基于NotionNext+Memos的多用户功能的实现 Sep 9, 2024

本功能为非常6+1组合测试Memos多用户在说说页面呈现的功能，本版本为V1.0版本，实现功能和不足如下：

基于多用户的Memos呈现，使得Memos不再是个人独奏曲

无法按照时间进行排序，这个需要很多时间以及代码基础，暂时没有攻克该难题

无法自定义头像，此前的头像为css中定义，但是多用户对应不同头像为定义，干脆都删了

本次更新，总历时三小时，期间遇到卡片间隔不均匀问题，原因为css定义的容器最小高度为300px，修正后正常，多用户呈现的难点在于，如何正确获取用户ID，和定义#memos标签，以及使用html呈现，本次修改涉及三个文件，详见commit，本版本还有诸多不足，但已经实现了多用户的基本功能，已经是一个不小的突破了，感兴趣的博友可依据commit进行本地调试。

进行部分文章的归档 Aug 11, 2024

301重定向恢复归档文章访问 Jun 10, 2024

完成文章批量重定向，要注意的是，因为我之前hugo是编译后的，现在用的hugo是自动编译的，更新后的url不一样。

关于NotionNext架构的合理化运用 May 2, 2024

NotionNext架构目前是我的主力博客架构，我喜欢其如下的优势：1.更高的SEO 2.在Notion中的修改刷新就可以呈现，不必每次重新编译 3.搭配出色的主题和优雅的审美使得其具备现代博客的美感。但是NotionNext架构也还有一个限制，那就是基于Notion_database的Block的限制，可能上限在1000个左右，具体的我没仔细计算，但是此前发生过数据溢出的现象。所以不得不归档一部分数据到HUGO中去，这就导致之前被搜索引擎收录的URL变成了404状态，产生了负面的SEO效果，所以我的设想是如何基于现有的URL为之前失效的URL做301重定向，同时随着日益思考的积累，一定会有部分新的思考替换旧的思考，而HUGO我认为是一个可以值得托付的高性能框架，值得存放之前的静态文章，如果之后有时间，将着手去进行这项工程。

使用VPS部署NotionNext对Vercel进行分流 Apr 30, 2024

使用软云香港节点部署作为源服务器，同时使用cdn请求服务器资源，实现微信内正常访问，中途出现评论区无法呈现以及图片丢失问题。解决措施，重新拉取仓库，在执行yarn之前就修改好内容，同时在正式上线之前进行yarn start调试，成功后再改用nohup运行nohup yarn start >/dev/null 2>&1 &最后切记不要直接关闭终端，应执行exit退出终端。每次更新代码后，需要重新执行yarn build以及nohup yarn start >/dev/null 2>&1 &，过程中我还遇到了yarn的环境问题，每次使用时需手动切换nvm install v16.14.0同时npm install -g yarn ，可能是环境变量的问题，但不建议直接上手修改系统环境变量配置文件，存在未知风险。图片丢失问题的出现很罕见，起因是是重新更新代码后执行了yarn dev，之后一直无法响应图片，怀疑可能是进程占用了，执行sudo lsof -i :3000再sudo kill -9 <PID>后，最后重新yarn start测试后恢复正常，重新上线部署，整个调试过程非常艰辛，VPS的上手难度要比Vercel高很多。建议参考手册。但是VPS的优势在于更高的性能，更快的速度，可以搭建更丰富的服务。例如将memos集成到notionnext中去，参考尘歌的文章。同时还有个建议，建议将NotionNext安装到/var/www目录下，这样nginx能被授予访问权限，nginx对于/root下的目录可能存在权限问题。通过搭建博客可以了解http协议以及如何进行数据转发。

删减不必要的服务分支 Apr 28, 2024

将Hugo从vercel迁移到软云，减少vercel的开支，集中精力来跑Notionnext，同时删除不必要的服务分支，优化主架构。

字体优化 Mar 23, 2024

之前的字体会拖慢网站加载速度，后采用LXGW WenKai Screen在blog.config.js中引入。另外顺带插一句，因为之前写的文章质量不高，然后各种修改和迁移，导致bing产生了大量错误的索引，今天一个一个block的时候极为头疼，所以还是按照对应的规则好好去写一些有意义的文章，让大多数的index具备不错的质量。

页脚布局-白边溢出 Mar 23, 2024

移动端黑夜模式下，此前页脚会出现空白解决方案：溢出隐藏（Overflow Hidden）：在包含内容的容器上应用 overflow: hidden; 样式，这将隐藏超出容器的内容，而不是让它溢出显示在容器之外。该样式的路径适用于themes/heo/style.js

为博客添加全局友链

主要是方便我随时去溜达，哈哈。

借助Memos为博客添加说说界面 Mar 10, 2024

之前一直希望能把Memos融入heo主题，但是尝试之后没成功，然后就单独建了一个页面，现在可以通过菜单栏进行预览。

升级NotionNext至4.3.0版本 Mar 3, 2024

感谢tangly和其他群友的付出，持续更新和优化NotionNext，其中我感觉4.3.0版本比上一代4.0.18版本快了很多。

说说我的感受，我觉得notionnext最大的特点就是可以将notion与博客动态结合起来，和静态博客的区别如下：

在notion中编辑，可以即时体现在博客中，这一点就使得内容更新非常迅速，静态博客需要重新编译部署，在更新时会稍微麻烦些，但静态博客更加快速和稳定。

notion丰富点块理念，有些时候会比markdown更加丰富。

notionnext特别需要注意block上限为1000个，这也是我为什么会限制数量的原因，因为溢出之后博客会出现不可预知的故障。所以我把一些旧的内容，重新归档到hugo里去了。

notionnext可能需要您耐心研究代码，遇到问题积极提问，因为notionnext的复杂度是比很多静态博客要高的。

博客性能优化 Sep 11, 2023

目前来看博客性能比较一般，有时间需要优化一下挑个两个小时的配色，原来的配色感觉看久了很累，我选的是这张荷花同时改左边英雄区的标签组为岁月长廊，右边则为如下的荷花同时最近将为之前学习过的知识做cdn优化

关于博客发展的一些思考 Sep 3, 2023

随着个人成长，博客的总体的信息量也变得越发地庞杂，哪些信息该被记录到博客当中，又通过什么样的方式进行记录呢，如何看待每一篇博文的含金量和精力的平衡呢？值得庆幸的是，我感觉每一天就像是行走在稻田里的插秧机和收割机。春天播种，秋天收获，或许在冬天只需要想到冬天该做的事情，和春天的播种就好了，如果只是把精力放到来年秋天的收成，或是对老天爷的担忧上，那人生也会不堪重负。到底什么能产生价值，是劳动本身。劳动本身在对于理论的实践中得到了收获。那博客也是这个道理，如果把一天比作是四季，春夏播种，秋季收获，冬季窖藏。早晨应该专心完成早晨的任务，冬季应该好好休息。秋季应该好好收获，夏季应该挥洒汗水。问题就在于我们把所有的一切都想得太超前了，以至于我们的身体和精神不堪重负。除去客观因素的制约，我们的主观的学习方式和学习能力的建立则更加关键，我们通常发现，假期比工作日更加焦虑，十几年的教育使得我们对任务绝对服从，但是在独立规划自己人生的时候却陷入了困境，这也是我当下正在面对的问题。同样也体现在博客当中。我现在总体的打算是，按照板块逻辑进行建设，这是最主要的逻辑，比方说，我会为博客的优化单独开设一个博文，把博客的演化变迁都记录在这个模块当中，这样就可以在一篇文章中看到博客总体的一个变化。分类的方式是非常重要的，另外就是筛选和提取，在数据量特别庞大之后，就需要有更好的筛选方式。这两者之间需要更好的协调，其实本质上两个流程指向的都是同一个结果。另外就是对于价值的一个思考，什么样的东西能带来价值呢，一方面是考虑需求，一方面是要融入自己真实的体会和思考，并且是确确实实对自己的人生路上是有启发的事情，最好还是能够对当下能够造成影响的，这样的优先级就会更加高一些。我们知道信息都是有时间限制的，而在当下的信息时代，我们也是被各种各样的信息包围当中，很难获得一种成就感或者安慰感，更多的是希望追求立竿见影的效果，这种感觉是很折磨人的，我曾经也陷入这种感觉无法自拔，但我现在觉得，我们不仅仅是充当世界的顾客，我们有机会应当成为自己的主人，学着好好去关心自己，爱自己，这样子，或许自己的内心会更加宁静和富有生命力，对待未来和未知也不会很特别焦虑了，好了，今天的分享就先到这里，我们不见不散。

优化归档 Aug 18, 2023

💡

main（现阶段可能受影响的配置）

【图床相关】评论区的图床可能支持不了很大的图片，理论上1-2MB左右，如果超过3 MB大概率会上传失败。twikoo作为一个即时的灵感收集容器，可以即时并且有效地进行数据处理。增加了twikoo评论邮件通知和及时回复功能，最主要的一步是获取邮箱的授权码（教程）在twikoo的后台管理中配合7bu建立图床，请参阅twikoo的官方文档。

【RSS订阅】 只能通过手动重新部署项目完成更新

【番茄自习室】借助番茄人生的平台搭建了线上自习室，可以点击这里

【友链功能】其实之前我想的是，把博客作为一个闭源的平台，用于自己的写作和整理就够了，可是后来慢慢会发现，在上面花费的时间和心思就比较少了。这是一项很有意义的事情，为什么不坚持下去呢，每一个微小的开始都需要有一些勇气。友链也是一个很好的方式，相似和有趣的灵魂同样让人感到喜悦！

【博客音乐】后续考虑引入肖邦，莫扎特，舒伯特等音乐大师的作品

旧有歌单文件备份

💡

branch（过期配置，但是曾经发挥过作用）

【medium主题】由于时间异常，移除了关于创建时间的展示 Jul 8, 2023 （在heo主题中保留了创建时间和修改时间）

【medium主题】优化了博客的背景，依依不舍地告别从前绚丽的css背景色，换上了护眼的杏黄色 Jun 18, 2023

【medium主题】更改了博客的展示逻辑，区别于传统的博客的展示方案，我将五个页面设置成五个端口，这样更加方便内容的管理，如果内容太多，反倒不是一件好事。（由于二级三级页面会严重拖慢博客的加载速度，所以放弃关于该想法的路径规划，但是保留流动核心的地位）

💡

Tips（一些好玩的小技巧）

【全屏浏览】 方案一，按住F11，即可体验全屏的快乐和奢侈方案二，借助edge的展台功能，在命令行（win+r）中输入：

【快捷键】

Fork大佬imsyy的项目搭建的个人导航页 Jul 17, 2023

完成的工作包括但不限于

1.通过meting-api自建稳定的音乐api服务，完成导航页的音乐正常播放

2.引入哲学和诗词类一言api，完成一言模块的搭建

3.完成高德开发者认证，获取高达30000次日上限的天气api调用，整合到天气模块

接下来的目标是对导航页的其他资源做更好的整合，包括学习环境的整体搭建，从学习输入，知识输出的整个流程做更好的规划，现在是资源很多，但是还没有投入足量的时间挖掘。一个舒服的小窝就此搭建完成。

关于博客和生活之间联系的思考 Jul 6, 2023

我觉得有一种很奇怪的感觉会经常发生，似乎在某个特定的时刻总会遭遇特定的危机，生活似乎都是有一些不完美的碎片拼接而成的。

这是一个信息相对爆炸的时候，但是似乎又是一个相当空虚的时代，身处于其中，似乎任何一个微小的事情都得到了无线的放大，然而人的精力是很有限的。

看上去这总是一个意外，过度的思考在某种程度上不是一件好事。如果把人的感觉视作计算机指令的反馈，我想这其中仍然有很多的规律可循。

每一次陷入精神危机，大抵是由于能量过载所导致的。比如在我们学习累了之后，如何进行放松，面对这么多的事情如何找出重点。

生活最好是能理出一条清洗的主线来，而博客就是在做这样的事情。

我们要尽可能去理解主客体之间的辩证关系，以其能发挥更好的作用

关于博客设计思路的探讨 Jun 13, 2023

传统博客的展示方式，是将博客作为一个大的容器，对容器内部进行更加详细的分类和配置相应的标签，这样，在这个容器当中可以展现出玲琅满目的珍奇异物，加上丰富的图片，相当具有吸引力，这样的博客的展示方式对于知识输出和分享是有非常不错的效果的。但是缺点就在于，数据积累多了之后，总是感觉让人有一种沉重的感觉。

谈谈我的博客的设计思路，基于notion架构下的博客，我是这么理解的，我将展示的界面仅仅设置为五个，分别以具有特殊意义的名字进行命名，这个五个界面，分别象征着一个完整的工作流所应该具备的几个基本步骤，导向-输入-存储-输出-反馈。

比如我可以这么介绍我的一天：

今天我希望完成线性代数课程的学习，我听了两节课，我将我的知识存储在mn中，我还没有对我的知识体系做出更好的整理，我希望能够在之后的学习当中优化这个问题。

在这段话中，分别对应五个步骤，这个五个步骤可以看作是一个通用的模块，无论所做的事情的大或者小都可以找到这件事对应的阶段，我将基于线性的逻辑打造这个博客体系。你可以把这个博客看作是从上到下或者是从左到右。

因此我的博客将会保持一定程度上的简洁，这即是优点也是缺点，但我更喜欢这种优雅的模式，轻量并保持其该有的逻辑，每一部分专注从事其应该做的事情，博客将成为辅助工作流的很棒的方式，在这里可以展示自己创意。

此外在我们收集创意和灵感的时候，有的灵感大或者小，甚至是转瞬即逝，我们不可能在短时间内形成一篇文章来进行输出，文章的形式和内容的丰富度会极大的影响灵感的生命周期，我们试图用一种新的方式来动态品尝灵感的甘露，也许大脑更加喜欢简单的事情，这也就是工作流体系存在的意义。即使记录即标志这一个模块的任务结束，于是我们可以快速进入下一个模块化的工作，并且在模块的间隙中嵌入个性化的休息方式，这样可以保持一个相对良好的心情。

传统的总结方式，往往是遗忘性很强的，大脑不喜欢哪些令人忧伤的事情，但是这些恰恰是我们成长的优秀养分，所以一个更具有生命力的总结方式应当是更好地让各个部分参入进来，更多地去调动内源的数据处理结构，而不仅仅过渡地依赖外源。

格物致知是认识物理世界相当棒的手段，科学与艺术都是自然之子，在相互碰撞中，就会有惊喜。

写在最后

很感谢您能看到这里，无论是过去现在还是未来，相遇即是缘分。