分享一些免费的网站速度测试工具
原文出自:分享一些免费的网站速度测试工具
分享一些免费的网站速度测试工具
为什么速度对网站开发很重要?
影响页面加载速度的因素
速度测试工具网站
Google PageSpeed Insights
Pingdom网站速度测试
WebPagetest
Keycdn工具
GTmetrix
Dareboost
Uptrends
Dotcom-monitor
Sucuri Loadtime Tester
GEEKFLARE
Pagelocity
GiftOfSpeed
总结
相关内容
在今天的文章中,让我们了解测试网站速度以提高可见性,改善用户体验并加快网站页面加载速度的工具!
为什么速度对网站开发很重要?如我所见,由于以下原因,网站速度是我们在构建和设计网站时需要考虑的主要因素之一:
留下深刻的印象,并增强用户体验:首先是要打动用户和顾客,因为他们不必如此。阅读您网站上的内容需要花费很长时间。有统计数据表明,当网络加载时间超过3秒时,将有40%的用户退出。最理想的页面加载速度约为1.8至2.7秒。
提高转化率:从统计上讲,页面加载速度太慢时,将有70%的购物者不会返回。如果该 ...
在Cloudflare中自动化部署hexo博客
原文出自:在Cloudflare中自动化部署hexo博客
概述您可以前往我的博客获得更好的阅读体验。
CloudFlare Pages是一个免费且使用简单的CI/CD工具,可用来编译并部署大部分知名前端框架。如果您查阅cloudflare Pages的文档会发现其支持hexo框架的编译和发布。但如果您直接进入cloudflare pages dashboard进行设置时,你会发现在Build settings中的Framework preset并没有给出hexo框架的选项,如下图。
本篇博客将使用比较优雅的方法解决此问题。
解决方案在其他人的解决方案中给出了一种使用github action编译后发布到github pages仓库再使用cloudflare进行直接分发的方法,该方法存在许多问题,主要问题在于你很难进行hexo配置文件的编写。在此博客中,我们会采用我个人摸索出的更加优雅的方法。
在cloudflare pages dashboard中,直接点击Create a project按钮,选择好你所需要链接的代码仓库或其他内容,我选择了使用github仓库作为演示。选择完成 ...
Hexo折腾日记【六】 - 使用 Unsplash API 生成随机图片
Unsplash如果你想使用免费版权的图片时,无论你是否用于商业用途,Unsplash 是不错的选择。
我自己也经常用它来制作大型背景图片,例如:https://www.imyangyong.com 。
虽然他们为开发人员提供了很棒的 API,但他们也提供了通过 URL 访问随机图片的选项。
默认随机请看这个例子,从他们巨大的存储中生成随机的图片。
1https://source.unsplash.com/random
指定用户我们还可以从特定用户账号中生成随机图像。URL 格式是这样的:
1https://source.unsplash.com/user/{USERNAME}
你可以尝试单击下面的链接,从我的账号中随机生成图片:
https://source.unsplash.com/user/yst990102/likes
指定尺寸还有一个选项可以设置要生成的图像的大小。像这样:
1https://source.unsplash.com/random/{WIDTH}x{HEIGHT}
让我们生成下 300 x 300 ...
Hexo折腾日记【五】 - 使用 Charts 插件给 Butterfly 增加统计图表
原文出自:使用 Charts 插件给 Butterfly 增加统计图表
效果演示浅色模式下效果图文章发布日历效果文章发布统计效果标签统计效果分类统计效果分类雷达图效果
深色模式下效果图文章发布日历效果文章发布统计效果标签统计效果分类统计效果分类雷达图效果
安装请在主题项目根目录下,执行以下命令安装(安装过其他 Charts 插件,请先卸载):
1npm i hexo-butterfly-charts --save
配置在主题配置文件_config.butterfly.yml 或 hexo 配置文件_config.yml 中增加以下内容:
参数
默认值
释义
enable
无
【必填】开启或关闭,true or false
postsChart.Title
空
发布统计的标题
postsChart.interval
0
坐标轴值得间隔数。0 表示强制显示所有;可填写 0 以上的正整数,如 1 就是横坐标间隔 1 个再展示
postsCalendar_Title
空
发布日历的标题
tagsChart.Title
空
标签统计的标题
tagsCha ...
Hexo折腾日记【四】 - hexo-tag-aplayer配置
原文出自:hexo-tag-aplayer中文配置文档
hexo-tag-aplayer
APlayer 播放器的 Hexo 标签插件(现已支持 MetingJS)。
安装
依赖
使用
标签参数
歌词标签
播放列表
MeingJS 支持 (3.0 新功能)
PJAX 兼容
自定义配置(3.0 新功能)
故障排除
标签参数空格问题
重复载入 Aplayer.js 资源脚本问题
LICENSE
安装1npm install --save hexo-tag-aplayer
依赖
APlayer.js > 1.8.0
Meting.js > 1.1.1
使用1{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}
标签参数
title : 曲目标题
author: 曲目作者
url: 音乐文件 URL 地址
picture_url: (可选) 音乐对应的图片地址
narrow: (可选)播放器袖珍风格
autopla ...
终于!我也是有玩具箱的人了!
终于!我也是有玩具箱的人了!
高中崩崩大佬才能有的装备,现在也总算是有了。。泪目!
2023年01月30日,🔑插信箱被好心人归还
今天本来打算和Jerry老哥一起去Coles买点东西,结果当时下雨了,Jerry老哥上楼拿🌂,我刚好在楼下查看了下信箱。结果看完信箱老哥刚好下楼,我就忘记把信箱上面🔑拔下来,直接就和老哥出发去Coles了。走到了一半才想起来赶紧回来。还好,有个同住5楼的好心人捡了我的🔑并留下了纸条。嗯,挺好心的,赶紧就回家去打电话把钥匙拿了。好在没出啥大事,不然又要花个大几十刀去Locksmith配钥匙。
配置多个git账号
为同一个电脑,配置多个 git 账号,其整体流程如下:
清空默认的全局 user.name 和 user.email
为不同的 git 账户生成不同的 ssh-key
将以上的 ssh-key 分别添加到 ssh-agent 信任列表
添加以上的公钥到自己的 git 账户中
在 config 文件配置多个 ssh-key
测试
清空默认的全局 user.name 和 user.email12git config --global --unset user.namegit config --global --unset user.email
为不同的 git 账户生成不同的 ssh-key
id_ras 是默认的文件名称,我们现在需要生成不同的 ssh-key,所以要设置不同的文件存储对应的公钥,比如:自己的 GitHub 账户,使用 id_ras_github 命名;公司的账户,使用 id_ras_company 来命名
12ssh-keygen -t id_ras_github -C "xxx@xx.com"ssh-keygen -t id_ras_c ...
【9.6版本答疑】泥头车最新节奏榜and节奏榜解析
原文出自:【9.6 版本答疑】内附最新节奏榜 and 节奏榜解析
需要说明的事:
1.新版本七星装备进化材料未知,需要以正式服实装情况为准,所以在榜单图片中未对这些装备进行材料标注。
2.因篇幅和实际强度限制,暂时移去狮子、白羊两个星灵的配装与解析
(彩毛使用情况需要以正式服为准)
版本强势套路
前言
...
【9.7版本答疑】泥头车最新节奏榜and节奏榜解析
原文出自:【9.7版本答疑】内附最新节奏榜and节奏榜解析
需要说明的事:
1.新版本七星装备进化材料未知,需要以正式服实装情况为准,所以在榜单图片中未对这些装备进行材料标注。
(彩毛使用情况需要以正式服为准)
2.新增角色搭配推荐,每套星灵至少推荐一位角色
版本强势套路
前言
相对于9.6节奏榜,本次变动的体系如下:
1.天秤
移除了天秤α的配装推荐
2.处女
新增了怀表。且修改了配装推荐
3.双鱼
新增了爱神衣服的搭配
4.白羊
新增了风暴之眼的推荐,并重新加入猫环配装
...