WSL（Windows）简要介绍和Linux子系统安装及迁移
介绍 详情看参考官方文档：适用于 Linux 的 Windows 子系统文档 | Microsoft Docs 提供Linux系统环境，减少传统虚拟机或者双启动的设置开销。 可用功能： 在 Microsoft Store 中选择你偏好的 GNU/Linux 分发版。 运行 Bash shell 脚本和 GNU/Linux 命令行应用程序，包括： 工具：vim、emacs、tmux 语言：NodeJS、Javascript、Python、Ruby、C/C++、C# 与 F#、Rust、Go 等 服务：SSHD、MySQL、Apache、lighttpd、MongoDB、PostgreSQL。 使用自己的 GNU/Linux 分发包管理器安装其他软件。 使用类似于 Unix 的命令行 shell 调用 Windows 应用程序。 在 Windows 上调用 GNU/Linux 应用程序。 wsl1和wsl2的性能比对： 功能 WSL 1 WSL 2 Windows 和 Linux 之间的集成 ✅ ✅ 启动时间短 ✅ ✅ ...
随机图API接口分享及预览
LoliAPI：https://www.loliapi.com/ 有自适应二次元图片，手机端和PC端，随机二次元头像等。 双端二次元自适应：https://www.loliapi.com/acg/ 二次元头像：https://www.loliapi.com/acg/pp/ 二次元随机图片API：https://t.mwm.moe/ 使用很简单，直接调用即可，而且这里的图大部分都是精品。 双端二次元自适应：https://t.mwm.moe/ycy 樱道随机图片API接口：https://img.r10086.com/ 樱道这里有非常多的系列可以选择，包含了二次元与三次元 二次元动漫综合系列、赛马娘系列、东京食尸鬼系列、Fate系列、为美好世界献上祝福系列、某科学的超电磁炮系列、原神系列、我的世界系列、神奇宝贝系列、龙珠系列、罪恶王冠系列、鬼灭之刃系列、火影忍者系列、海贼王系列、进击的巨人系列、从零开始的异世界生活系列、刀剑神域系列、钢之炼金术师系列、妖精的尾巴系列、缘之空系列、东方project系列、猫 ...
Algolia 使用
这里开始使用Algolia搜索，本地搜索功能遇到了奇怪的BUG，无法修复，正好也给了理由去部署Algolia搜索使用，这里记录一下部署过程和需要使用的命令，以免忘记还需要查询。 Algolia 注册前往 Algolia，新建 应用 并创建一个index（命名随意，index是自己生成的）。 数据中心这里建议选择新加坡或香港，也可以根据自己的情况来选择。 安装 Algolia 插件12npm install hexo-algolia --savenpm install hexo-algoliasearch --save 分别是 hexo-algolia 和 hexo-algoliasearch，在GitHub的markdown上有介绍，这里说一个大概意思。 这里的意思是，如果你想用全站搜索你可以用前者，如果你想搜索文章两种都可以一起使用 ，这里我感觉用 hexo-algoliasearch 就够了，如果你想一起用也可以的。 Algolia 获取配置 得到了appId，apiKey，adminApiKey这三个参数，可在 API Keys 中获取的得到，注意保管好你的 Admi ...
web前端之css雪碧图
当网页中需要显示多个小图标或背景图时，使用CSS雪碧图（CSS sprites）是一种优化性能和提升用户体验的常用技术。本文将详细介绍CSS雪碧图的概念、优势以及实现方法，帮助您了解如何有效地使用雪碧图来减少网页的加载时间。 什么是CSS雪碧图？CSS雪碧图是一种将多个小图标或背景图组合到单个图像文件中的技术。这个单个图像文件称为雪碧图。通过在CSS中指定图像的位置和尺寸，可以在网页中显示所需的图标或背景，同时避免多次请求和加载多个图像文件。 使用CSS雪碧图可以有效减少HTTP请求次数，提高网页加载速度。此外，通过减少图像文件的数量，还可以节省带宽和减少服务器负载，从而提升用户体验和网站性能。 实现CSS雪碧图的步骤下面是一步一步实现CSS雪碧图的常用方法： 1. 准备图像文件首先，收集需要合并到雪碧图中的图像文件。这些图像可以是小图标、按钮背景等，确保它们的尺寸相对较小且透明度一致（若需要）。 2. 创建雪碧图使用图像编辑工具（如Photoshop）打开这些图像文件，并将它们合并到一个单独的图像文件中，形成雪碧图。确保各个图像之间有足够的间距，以避免在CSS中指定位置时出现重叠。 ...
百度网盘不限速下载
准备工具1、首先我要下载百度网盘官方客户端 https://pan.baidu.com/download 2、Cheat Engine（内存修改编辑工具）Cheat Engine Cheat Engine 这是一款内存修改编辑工具 ，它允许你修改你的游戏或软件内存数据，以达到修改进程数据的目的，通常用来做游戏的外挂辅助工具，通过修改数据代码、查找游戏内存等途径来改变运行结果。 这里安装好百度网盘后我们随便点击下载一个文件，然后打开 Cheat Engine 软件，点击左上角的电脑图标，然后点击 Processes 选项卡，找到 baidunetdiskhost.exe 进程，选择第一个，点击打开，勾选“开启变速精灵”，速度拉到最大500，点击应用。 注：（百度网盘的进程 baidunetdiskhost.exe 是有两个的，如果第一个没有加速效果，则选择第二个进程修改，两个进程只有一个是有效的。） 修改后百度网盘文件看下载速度还是会显示几KB的下载速度，但是你点击顶部的任务栏，打开任务管理器，选择性能，选择的网卡就能看到下载速度已经提升了，而且文件下载进度条页跑的很快。 以上方法到 ...
hexo分类卡片化
这里分享一个分类卡片化的教程，让自己的分类更好看。 原教程：ichikaの小窝 分类美化预览 代码css参考变量，自行更改 123456789101112131415161718192021222324252627:root { --icemyst-color: #49A6E9; --icemyst-hover-color: #ECAFFF; --icemyst-widget-hover: #CFF0FF; --icemyst-font-white: #FDFDFD; --icemyst-light-green: #B2FFCA; --icemyst-light-purple: #F6B9FF; --icemyst-green: #11D991; --icemyst-purple: #E764FF; --icemyst-light-grey: #F2F2F2; --icemyst-card-bg: rgba(255,255,255,0.45); --icemyst-emphasis-color: #F7F8 ...
Hexo文章锚点设置
markdown 有内置的链接方式，直接用链接也可以，不过考虑到链接又时候会失效，这里考虑用内置的。 当前文章锚点跳转⁍使用 markdown 内置的链接方式即可，其中如果有空格的话，需要把空格换成连字符 -，如下： 1[跳转到本文锚点](#hexo-标题与-id-关系) 站内其他文章锚点链接⁍上面的 post_link 方式链接站内文章好用，但是不支持文章的锚点链接，我们需要换一种方式。 官方文档还有一个 post_path ，用于获取文章路径，结合 markdown 内置的链接方式，即可实现锚点超链接，如下： 1post_path官方文档[hexo 安装]({% post_path 'hexo blog' %}#安装) 也可以使用 html a 标签实现，如下： 1<a href="{% post_path 'hexo blog' %}#安装">hexo 安装</a> 如果文章中有图片，可能会出现锚点位置不准确问题，原因是图片加载成功之后会把内 ...
Web 自动化框架封装
为什么要进行框架封装 定位等待之类细枝末节的事情 UI 操作代码需要可重用 对测试用例 分类、筛选、管理 POM 框架封装pom是 UI 自动化测试一种主流的设计模式 page object model 页面对象模式 将页面作为对象模型，来进行框架封装： 创建类：这个 类 代表 页面 定义属性：这些属性 代表 页面中的元素 12LazyElement() # 定位单个元素LazyElementList() # 定位多个元素 定义方法：这些个方法 代表 对页面的操作 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758import timefrom webdriver_helper import get_webdriverfrom webdriver_helper.pom import *class IndexPage(BasePage): """首页"&quo ...
web 自动化实战基础
对比web自动化测试技术方案的对比 自动化控制浏览器 自动化控制页面内容 执行高级的指令（js代码） 搭建Selenium自动化测试环境Web自动化测试原理： Python > 浏览器 × Python > selenium > 浏览器驱动 > 浏览器 √ 关键： selenium 浏览器驱动 安装selenium这里简单介绍我安装的插件和版本，详情可以去看我的另一篇文章 配置 Selenium。 这里再推荐一个浏览器驱动下载网站： 引用站外地址 ChromeDriver 浏览器驱动下载网址 python 3.10 1pip install selenium 安装浏览器驱动 操作系统类型：Windows 浏览器类型：chrome 浏览器版本：107.0.5304.122 一件搭建自动化环境webdriver_helper： 自动判断浏览器类型，版本，操作系统 自动选择和下载浏览器 ...
butterfly主题的pwa实现
原教程： 引用站外地址 糖果屋 店长原教程 生成图标包及manifest因为我们最终目的是要制作一个全平台的WEB APP，所以对于图标的大小、类型适配显得格外重要。可以访问realfavicongenerator进行图标制作及manifest的生成。 图文教程（可省略） 这一步可以省略，这个是店长的教程图片链接，我只是为了记录我的博客美化记录，后续出问题可以重新部署，各位请理解选择图片创建所有图标调整Windows磁贴图标配色设置图片相对于source目录的存放路径设置Web App名称生成README.md选择生成下载资源包获取图标文件和manifest 配置PWAhexo-offline-popup（适合初学者）gulp & workbox 在博客根目录[Blogroot]下打开终端,输入以下指令安装 ...
