From 11087a9a5545cfccd137a2556f1ec11d82e088aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E8=B5=B5=E5=90=8C=E5=AD=A6?= <94612053+imzql@users.noreply.github.com> Date: Mon, 12 Aug 2024 11:51:03 +0800 Subject: [PATCH] 8.12 --- content/post/2024-03-01-访客体验优化.md | 4 +-- content/post/migrate-to-hugo.md | 24 +++++++++-------- public/categories/教程/rss.xml | 12 ++++----- public/categories/生活/rss.xml | 21 ++++++++------- public/circles/index.html | 6 ++--- public/css/main.css | 2 +- public/index.html | 33 ++++++++++++++++++++++- public/json/friends.json | 20 ++++++++++++++ public/page/2/index.html | 31 ++++++++++++++++++++- public/page/3/index.html | 31 ++++++++++++++++++++- public/page/4/index.html | 31 ++++++++++++++++++++- public/page/5/index.html | 31 ++++++++++++++++++++- public/page/6/index.html | 31 ++++++++++++++++++++- public/page/7/index.html | 31 ++++++++++++++++++++- public/page/8/index.html | 19 ++++++++++++- public/post/1279/index.html | 12 ++++----- public/post/migrate-to-hugo/index.html | 23 ++++++++-------- public/post/rss.xml | 33 ++++++++++++----------- public/rss.xml | 33 ++++++++++++----------- themes/Ying/layouts/_default/circles.html | 6 ++--- themes/Ying/layouts/_default/home.html | 11 ++++++-- themes/Ying/static/css/main.css | 2 +- themes/Ying/static/json/friends.json | 20 ++++++++++++++ 23 files changed, 371 insertions(+), 96 deletions(-) diff --git a/content/post/2024-03-01-访客体验优化.md b/content/post/2024-03-01-访客体验优化.md index 0918d9c0..4e3c4d4a 100644 --- a/content/post/2024-03-01-访客体验优化.md +++ b/content/post/2024-03-01-访客体验优化.md @@ -22,7 +22,7 @@ https://github.com/instantpage/instant.page PC端 --- -```markdown +``` 在用户单击链接之前,他们会将鼠标悬停在该链接上。当用户悬停 65 毫秒时,他们有二分之一的机会点击该链接,因此 instant.page此时开始预加载,平均为页面预加载留下超过 300 毫秒的时间。 另一种选择是在用户开始按下鼠标时加载页面而不进行预加载。这使得未使用的请求为零,同时仍然将页面加载平均提高了 80 毫秒。 您还可以在悬停时或链接可见时进行预加载,并在用户开始按下鼠标时触发点击,从而使您的页面成为世界上最快的页面。 @@ -30,7 +30,7 @@ PC端 移动端 --- -```markdown +``` 用户在释放之前开始触摸显示屏,平均留出90 毫秒的时间来预加载页面。 ``` diff --git a/content/post/migrate-to-hugo.md b/content/post/migrate-to-hugo.md index 0355fbf1..1648f1ff 100644 --- a/content/post/migrate-to-hugo.md +++ b/content/post/migrate-to-hugo.md @@ -15,9 +15,9 @@ tags: [] 午觉起床仔细查看,原来是我当时买的四年腾讯云轻量服务器马上要到期了,于是去腾讯云官网看看有没有划算的活动,再续几年,不出我所料,腾讯云只对新用户才有优惠活动,而老用户单纯续费不走活动的话,价格不是我这种小博主可以承担的起的 -所以只能放弃,再寻它法 +所以只能放弃,另辟蹊径 -经历差不多三四天内心博弈与挣扎,总算下定决心,我要转静态博客,比较有名的静态博客平台就属hexo,hugo,因为hexo有丰富的主题和插件生态以及很多优秀积极活跃的开发者,所以我首选的静态博客平台是hexo,实际用了几天hexo,然后再和hugo测试对比,我还是放弃了hexo +经历差不多三四天内心博弈与挣扎,总算下定决心,我要转静态博客,比较有名的静态博客平台就属hexo,hugo,因为hexo有丰富的主题和插件生态以及很多优秀积极活跃的开发者,所以我首选的静态博客平台是hexo,实际用了几天hexo,在此期间曾拿hugo测试比较,我还是放弃了hexo 没有选择使用 Hexo 的一个最大原因是,Hexo 的性能远远不及 Hugo @@ -25,13 +25,13 @@ tags: [] 下决心转到hugo的这几天里,给我最大的感受就是hugo的主题真的是太少了,大部分都是老外写的,因为自己下载的hugo最新的版本,一些比较老的hugo主题,实际运行会出现奇奇怪怪的报错,试了几个比较满意的主题都遇到各种奇奇怪怪的报错问题,对一个新手来说还真的是蛮打击心态的,找了一圈也没有找到满意的 -于是我又萌生了一个大胆的想法,自己尝试写一个自用的hugo主题 +于是我又萌生了一个新的想法,要不,自己手搓一个hugo主题 -果不其然,我又遇到了第二个棘手的问题,hugo的文档真的很差,大部分都是机翻,描述的语言晦涩难懂,对于一个新手开发者真的太打击了 +万万没想到,我又遇到了第二个棘手的问题,hugo的文档真的很差,大部分都是机翻,描述的语言晦涩难懂,对于一个新手开发者真的太打击了 -不过好在,之前二开过几款typecho主题,所以也是有了点自己的门道,找了几款star比较多的hugo主题,将它的主题源码下载下来,研究学习,经过差不多半个月的摸爬滚打,也算是把主题的雏形慢慢搓出来了 +不过好在,之前二开过几款typecho主题,所以也是有了点自己的门道,找了几款star比较多的hugo主题,将它的主题源码下载下来,研究学习,经过差不多半个月的摸爬滚打,也算是把主题的雏形慢慢搓出来了,本地进行简单的测试,然后就匆匆上线了 -从此,我的博客彻底定型为hugo +至此,我的博客彻底定型为hugo ## 个人感受 @@ -61,17 +61,17 @@ tags: [] ## 主题优化 -在主题还是typecho版本的时候,有博友反馈pc端的评论弹幕很卡,这次特地重写了弹幕逻辑,各位来访的朋友,是不是感觉很丝滑呢 +在主题还是typecho版本的时候,有博友反馈pc端的评论弹幕很卡 + +这次特地重写了弹幕逻辑,各位来访的朋友,是不是感觉很丝滑呢 ![image-20240811222643740](/pics/hugo/migrate-to-hugo/image-20240811222643740.png) -目前主题还是雏形,主题还在开发中,更多功能,敬请期待 +主题还在开发中,如果访问期间遇到bug请F5强制刷新缓存 ## 特别感谢 -特别感谢主题开发期间提供帮助的博友以及开发者(以下排名不分先后) - -hugo 官方 https://gohugo.io +Hugo 官方 https://gohugo.io [团团]( https://t-t.live) https://t-t.live @@ -79,3 +79,5 @@ hugo 官方 https://gohugo.io [永恒末匕](https://likaijian.com/) https://likaijian.com +特别感谢主题开发期间提供帮助的博友以及开发者(以上排名不分先后) + diff --git a/public/categories/教程/rss.xml b/public/categories/教程/rss.xml index 648b8f55..34cbfa1d 100644 --- a/public/categories/教程/rss.xml +++ b/public/categories/教程/rss.xml @@ -26,12 +26,12 @@ https://github.com/instantpage/instant.page

项目的介绍这样写到

PC端

-
在用户单击链接之前,他们会将鼠标悬停在该链接上。当用户悬停 65 毫秒时,他们有二分之一的机会点击该链接,因此 instant.page此时开始预加载,平均为页面预加载留下超过 300 毫秒的时间。
-另一种选择是在用户开始按下鼠标时加载页面而不进行预加载。这使得未使用的请求为零,同时仍然将页面加载平均提高了 80 毫秒。
-您还可以在悬停时或链接可见时进行预加载,并在用户开始按下鼠标时触发点击,从而使您的页面成为世界上最快的页面。
-

移动端

-
用户在释放之前开始触摸显示屏,平均留出90 毫秒的时间来预加载页面。
-

+

在用户单击链接之前,他们会将鼠标悬停在该链接上。当用户悬停 65 毫秒时,他们有二分之一的机会点击该链接,因此 instant.page此时开始预加载,平均为页面预加载留下超过 300 毫秒的时间。
+另一种选择是在用户开始按下鼠标时加载页面而不进行预加载。这使得未使用的请求为零,同时仍然将页面加载平均提高了 80 毫秒。
+您还可以在悬停时或链接可见时进行预加载,并在用户开始按下鼠标时触发点击,从而使您的页面成为世界上最快的页面。
+

移动端

+
用户在释放之前开始触摸显示屏,平均留出90 毫秒的时间来预加载页面。
+

汉译过来大概意思就是,当鼠标即将悬停到a标签的之前,对该链接进行预加载,提高访问速度

因为之前有同学反馈我的博客点击文章加载有些慢,于是乎说干就干,项目很简单,如需上手,直接在body标签之前加入一行js代码即可

diff --git a/public/categories/生活/rss.xml b/public/categories/生活/rss.xml index 1a964b85..dc1ad27f 100644 --- a/public/categories/生活/rss.xml +++ b/public/categories/生活/rss.xml @@ -17,15 +17,15 @@

近日,在午休的时候,突然收到了腾讯云的短信,起初以为就是腾讯云的新产品上线的营销短信,也就没管它

午觉起床仔细查看,原来是我当时买的四年腾讯云轻量服务器马上要到期了,于是去腾讯云官网看看有没有划算的活动,再续几年,不出我所料,腾讯云只对新用户才有优惠活动,而老用户单纯续费不走活动的话,价格不是我这种小博主可以承担的起的

-

所以只能放弃,再寻它法

-

经历差不多三四天内心博弈与挣扎,总算下定决心,我要转静态博客,比较有名的静态博客平台就属hexo,hugo,因为hexo有丰富的主题和插件生态以及很多优秀积极活跃的开发者,所以我首选的静态博客平台是hexo,实际用了几天hexo,然后再和hugo测试对比,我还是放弃了hexo

+

所以只能放弃,另辟蹊径

+

经历差不多三四天内心博弈与挣扎,总算下定决心,我要转静态博客,比较有名的静态博客平台就属hexo,hugo,因为hexo有丰富的主题和插件生态以及很多优秀积极活跃的开发者,所以我首选的静态博客平台是hexo,实际用了几天hexo,在此期间曾拿hugo测试比较,我还是放弃了hexo

没有选择使用 Hexo 的一个最大原因是,Hexo 的性能远远不及 Hugo

我的博客文章从typecho导出大概有一百多篇文章,用hexo构建,大部分情况下需要半分钟,而在老家那个老式办公机,可能是电脑性能太差,经常会出现构建失败,而用hugo却只需要两秒即可构建所有页面及文章,即使我的老式办公机也可以快速构建,极大的原因可能是hugo的底层是go写的,构建速度会比hexo快很多

下决心转到hugo的这几天里,给我最大的感受就是hugo的主题真的是太少了,大部分都是老外写的,因为自己下载的hugo最新的版本,一些比较老的hugo主题,实际运行会出现奇奇怪怪的报错,试了几个比较满意的主题都遇到各种奇奇怪怪的报错问题,对一个新手来说还真的是蛮打击心态的,找了一圈也没有找到满意的

-

于是我又萌生了一个大胆的想法,自己尝试写一个自用的hugo主题

-

果不其然,我又遇到了第二个棘手的问题,hugo的文档真的很差,大部分都是机翻,描述的语言晦涩难懂,对于一个新手开发者真的太打击了

-

不过好在,之前二开过几款typecho主题,所以也是有了点自己的门道,找了几款star比较多的hugo主题,将它的主题源码下载下来,研究学习,经过差不多半个月的摸爬滚打,也算是把主题的雏形慢慢搓出来了

-

从此,我的博客彻底定型为hugo

+

于是我又萌生了一个新的想法,要不,自己手搓一个hugo主题

+

万万没想到,我又遇到了第二个棘手的问题,hugo的文档真的很差,大部分都是机翻,描述的语言晦涩难懂,对于一个新手开发者真的太打击了

+

不过好在,之前二开过几款typecho主题,所以也是有了点自己的门道,找了几款star比较多的hugo主题,将它的主题源码下载下来,研究学习,经过差不多半个月的摸爬滚打,也算是把主题的雏形慢慢搓出来了,本地进行简单的测试,然后就匆匆上线了

+

至此,我的博客彻底定型为hugo

个人感受

最大的感受就是静态博客真的很省心,转到了静态博客,我不用再花费相当大的精力去维护LNMP 类型的博客(typecho)

因为静态博客不再依赖数据库,也不会遇到数据库长时间不重启,突然某一天自己熄火

@@ -40,13 +40,13 @@

整体的维护性很差,很多代码我自己现在都看不懂了,属于会改的不想看,不会改的看不懂

为了不耽误各位的时间,就不要来找我要主题了,最后特别感谢大家对我魔改的肯定

主题优化

-

在主题还是typecho版本的时候,有博友反馈pc端的评论弹幕很卡,这次特地重写了弹幕逻辑,各位来访的朋友,是不是感觉很丝滑呢

+

在主题还是typecho版本的时候,有博友反馈pc端的评论弹幕很卡

+

这次特地重写了弹幕逻辑,各位来访的朋友,是不是感觉很丝滑呢

image-20240811222643740

-

目前主题还是雏形,主题还在开发中,更多功能,敬请期待

+

主题还在开发中,如果访问期间遇到bug请F5强制刷新缓存

特别感谢

-

特别感谢主题开发期间提供帮助的博友以及开发者(以下排名不分先后)

-

hugo 官方 +

Hugo 官方

target="_blank" > https://likaijian.com

+

特别感谢主题开发期间提供帮助的博友以及开发者(以上排名不分先后)

]]>
diff --git a/public/circles/index.html b/public/circles/index.html index 1d855d09..09e1fe08 100644 --- a/public/circles/index.html +++ b/public/circles/index.html @@ -72,10 +72,10 @@ uk-scrollspy="target: > .cf-article-item; cls: uk-animation-fade; delay: 0">