分类 软件技巧 下的文章 - 🥝 E 家 分 享 🥝

MeTube：一款 YouTube 下载器 软件介绍今天跟大家分享一款 YouTube 下载器：MeTube。MeTube 是一个基于 youtube-dl 的 GUI web 系统，它能够从 YouTube 和其他许多视频和音乐站点比如B站，下载流媒体内容。MeTube 提供了一个界面友好的网页版界面，让用户可以轻松地搜索、下载和管理视频和音乐内容。项目地址GitHub 地址：https://github.com/alexta69/metube支持视频下载的网站：https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md安装方法官网推荐 Docker 或 Docker-Compose 部署。Docker 方式docker run -d -p 8081:8081 -v /path/to/downloads:/downloads ghcr.io/alexta69/metubeDocker-Compose 方式version: "3" services: metube: image: ghcr.io/alexta69/metube container_name: metube restart: unless-stopped ports: - "8081:8081" volumes: - /path/to/downloads:/downloads本文将介绍使用 1Panel 以 Docker-Compose 的方式来安装 MeTube。1Panel 安装 MeTube登录 1Panel， 依次点击 容器 -> 编排 -> 创建编排。 选择编辑，为项目创建名为 metube 的文件夹，复制上面的 Docker-Compose 代码，粘贴到编辑对话框内，点击确定。 系统会自动拉取镜像。点击返回。编排列表中就会出现 metube 的容器。 点击容器页面，就可以通过端口链接访问 Metube 项目主页，默认端口号为 8081 使用 MeTube使用非常简单，只需要在视频或音乐网站上复制网址链接，粘贴在输入框中，点击 Add 按钮，自定义视频质量、格式等设置后，剩下的交给 MeTube 慢慢下载即可。后记MeTube 还支持浏览器插件和苹果手机快捷指令，请参考项目介绍，这里就不赘述。总之，MeTube 是一个不错的 YouTube 或其他视频网站的下载利器。【END】

最适合写小说的工具：novelWriter 本文作者：Morick莫里克 转载地址：https://sspai.com/post/86447前言我喜欢写小说，偶尔脑子里蹦出来那么一个灵感，在脑子里就把他构思了个七七八八。于是就想着，要不？写下来吧。于是，便开始选择称手的兵器。写小说这件事，应该需要一件称手的兵器。相对于笔记软件的百家争鸣，写作软件相对来说就比较稀缺。尝试了网上推荐较多的Scrivener、Effie，以及相对用户较少的Writeathon。用起来最舒服的就是Scrivener，但在win平台上的中文体验真的很差，并且对于非作家的我，写小说只是自己的爱好，目前为止，并无收入，所以在选择软件的时候尽可能的选择免费的软件。经过了各种寻找，发现了novelWriter。novelWriter介绍novelWriter是一个开源软件，Github上1.6k Star。使用Python的PyQt5构建，可用于Windows、Mac、Linux系统。在GitHub上的介绍是这样的。novelWriter is an open source plain text editor designed for writing novels. It supports a minimal markdown-like syntax for formatting text. It is written with Python 3 (3.8+) and Qt 5 (5.10+) for cross-platform support.novelWriter是一个纯文本编辑器，并没有思维导图，卡片视图，也无法插入图片，但对于写故事，他是足够的。正如novelWriter的名字，它更适合写故事，或者说，它只适合写故事（小说和非虚构的故事）。文档结构novelWriter的根目录下可以创建小说、归档、情节、角色、位置、时间线、物品、条目和自定义9种类型。其中小说目录可创建多个。文档类型可以分为两类，小说文档和笔记文档，小说文档写小说主体，笔记文档用于构建设定。小说文档只可以创建在小说目录下，笔记文档可以创建在包括小说文档的所有目录下。每个根目录下也可以创建文件夹进行组织和管理。且两种文档类型可以相互转换。​小说文档novelWriter采用最基本的markdown语法。每一个小说文档都基于标题进行构建：一级标题用于小说标题页或者中间章；二级标题构建小说章节；三级标题构建场景；四级标题构建场景中的不同部分。小说编辑过程中可以每部分都新建一个文档，也可以整本小说都写在一个文档中，写完再根据标题进行拆分。笔记文档笔记文档可以创建在任何类型的目录下，进行小说的设定，备忘，大纲的撰写。编辑器文本格式novelWriter使用简单的Markdown语法及简单的Shortcode语法：标题一级标题# ​二级标题##三级标题###四级标题#### ​加粗​**加粗文本**​[b]加粗文本[/b]斜体​_斜体文本_​​[i]斜体文本[/i]删除线​~~删除~~​​[s]删除[/s]​下划线[u]下划线[/u]​上标内容[sup]上标[/sup]​下标内容[sub]下标[/sub]对齐和缩进在文档文件中，默认文本将采用左对齐或两端对齐。可以通过使用一组‘>>’或‘<<’符号，来指定特定段落的对齐方式，使用‘>’和‘<’符号，使段落从左右两边进行缩进。这段文本是左对齐的。<< >> 这段文本是右对齐的。 >> 这段文本是居中的。<< > 这段段落从左边距和右边距都进行了缩进。这在您想要引用一大段文本时非常有用。<评论与注释概要评论可在表格试图中显示。概要评论：%Synopsis: ​短评论：%Short: ​文本替换在小说编辑过程中使用<文本>​进行占位，在转换到阅读视图以及导出和预览时可以根据项目设置中的替换规则进行替换。小说组织视图项目视图为小说所有笔记与小说文档进行构建的视图。大纲视图在侧边栏显示小说的大纲，只包含小说文档。根据标题级别进行识别，一个文档多个文档都可识别。在项目视图和大纲视图中，选中文档在文档树底部的信息栏可以显示该文档的属性信息。表格视图将小说大纲以及其标签属性通过表格的形式展现。显示的属性可以自定义。选中文档可在底部显示该文档的具体属性。标签和参考每篇文档都可以使用@tag:标签​给文档添加标签。也可以使用特定语法为文档添加参考属性：情节：@plot:​角色：视角角色：@pov:焦点角色：@focus:次要角色：@char:位置：@location:​时间线：@time:​物品：@object:条目：@entity:​自定义：@custom:​在所有页面（小说文档中，每个标题都可以理解为一个文档）中都可以使用该种语法添加属性，且会针对属性类型进行建议。注意，被关联的文档需要使用@tag:标签内容​进行标签定义。在小说编辑过程中，鼠标放在属性链接上，点击跟随标签，可在侧边栏打开这篇文档，进行参考。状态、活动状态、重要性文档树中每一级名称后分别为字数、活动状态、状态\重要性。活动状态有两种，活动与非活动。分别以方框内的✔和❌显示：小说文档可以设置状态，可在文档树内切换和自定义，也可在项目设置中自定义。笔记文档可以设置重要性，类似于小说文档的状态设置。其他导出在一本小说写完可以进行构建导出，可自定义进行文档过滤，进行预览，并导出多种格式。写作统计现存问题由于汉字等CJK语言文字的特性，字数统计规则与英文等字母文字不同，汉字的字数统计并不是根据空格进行分割，所以在字数统计中，“字数”是汉字的字符数，“单词”对于汉字的统计并无意义，可以忽略，针对这个问题，我在GitHub上也已经与开发者进行了探讨，对于CJK文字的改进也纳入规划。总结写小说的重点永远在写，工具只是工具，本文章只是对于novelWriter的一个简单的推荐和上手介绍，或许介绍的并不全面。是否选择它，还需要看自己用着是否舒服，别被工具绑架，专心去创造故事。【END】

Windows 系统美化/增强类软件整理 本文作者：SUNTRISE 转载地址：https://sspai.com/post/86218题注：虽然我们常说“美化的尽头是默认”，但首先，每个人的审美和习惯都不尽相同，单单一个系统也难以在UI上做到尽善尽美，让所有人满意；其次，很多时候美化和增强都是相互关联的，许多美化软件能增强系统，而许多增强软件也能顺便进行系统美化（比如桌面整理软件在美化桌面的同时也扩展了桌面功能）。 还有，每个人的需求和习惯都不尽相同，适合自己的才是最好的，而不一定要参照别人的美化方式。 原帖：https://meta.appinn.net/t/topic/23686 下面就整理了这类软件（大家也可以在评论区里帮忙补充）：开始菜单美化/增强1.开始菜单样式更改Classic Shell 官网classicshell.netStardock Start8~11 官网(ver.11)stardock.com | Start11 国内站点搬运 | 少数派StartIsBack(Win10)/StartAllBack(Win11) 官网startisback.com | 官网startallback.com | StartIsBack++ 国内站点搬运 | StartAllBack 国内站点搬运 | 少数派ExplorerPatcher 恢复 Win11 开始菜单为磁贴样式 Github | 网盘下载StartAllBack on Win112.磁贴美化TileIconifier GitHub磁贴美化小工具 Github 应该还有很多，就不贴了3.仿 macOS LaunchPadWinLaunch 官网winlaunch.org | 异次元软件iplaysoft.comXLuanchPad 异次元软件iplaysoft.comWinLaunch任务栏美化/增强注：上述开始菜单软件中，有部分也能更改任务栏样式1.任务栏美化、分组、指示等TranslucentTB 任务栏透明 Github | Microsoft StoreTrayS 任务栏透明/调色等多种设置 原帖52pojie.cn7+ Taskbar Tweaker 任务栏定制工具 官网tweaker.ramensoftware.com7+ Taskbar TweakerRetroBar 恢复任务栏至 Windows 9x-Vista 样式 GithubCapsLock Indicator 在任务栏指示大写锁定、数字锁定、屏幕锁定之状态 官网jonaskohl.deKeyboard LEDs 在任务栏指示大写锁定、数字锁定、屏幕锁定之状态 官网software.karpolan.comCaps Lock Indicator （付费）在任务栏显示大写锁定与否 官网software.karpolan.comNum Lock Indicator 在任务栏显示数字锁定与否 官网software.karpolan.comScroll Lock Indicator 在任务栏显示屏幕锁定与否 官网software.karpolan.comDesktop Peek Tweak 调整桌面速览（任务栏最右侧长条）的延迟时间 官网factormystic.netFree Desktop Clock 任务栏时间样式改变 官网drive-software.comAtomic Alarm Clock 任务栏时间样式改变 官网drive-software.com……2.通知区域（系统托盘）优化EarTrumpet 单独设置每个软件的音量（而无需打开音量合成器） Microsoft Store | GithubEarTrumpetModernFlyouts 美观的音量/亮度/飞行模式/大写锁定等指示条 Github | Microsoft StoreVolume² 在任务栏用滚轮调整音量 果核剥壳（中文） | GithubTwinkle Tray 调整多个显示器亮度 官网 | GithubPercentage 通知区域显示电池电量 GithubBattery Percentage Icon 通知区域显示电池电量 微软商店（Win10+）Battery Tracker 微软商店（Win10+）Ink Workspace | Windows Ink 工作区功能扩展 微软商店（Win10+）……Ink Workspace3.仿 macOS Dock 栏Bitdock 官网bitdock.cnMyDockFinder 官网mydockfinder.com | 致美化zhutix.comRocketDock 致美化zhutix.comObjectDock 官网stardock.com软媒 Dock 致美化zhutix.comRainmeter（需自行寻找仿 Dock 的插件） 官网rainmeter.netMyDockFinder4.系统搜索框增强Win10 搜索框增强美化 原帖52pojie.cnEverything ToolBar 调用 Everything 全局搜索系统文件 Github桌面美化1.桌面整理Fences（付费） 官网stardock.com | 少数派FencesCoodesker/酷呆桌面（1.0.41及之前免费，新版付费）官网coodesker.com | 官方Github | 存档Github腾讯桌面整理 （可点击右侧 Lite 版直接下载，官网下载时小心下崽器）官网guanjia.qq.com | 官网Lite版webcdn.m.qq.com360 桌面助手 （可点击右侧 Lite 版链接直接下载，捆绑杂功能如天气、网络搜索等）官网360.cn | Lite版猎豹轻桌面（捆绑壁纸）官网desk.cmcm.com小智桌面（带有推广）官网xzdesktop.cqttech.comDesktopOK（瑞士军刀般的工具）官网softwareok.comReIcon 官网sordum.orgDropIt 官网dropitproject.comDesktoptop++ 小众软件论坛AutoHideDesktopIcons （自动隐藏桌面图标）官网softwareok.comiTop Easy Desktop 官网itopvpn.com | 微软商店……2.桌面快速启动器搜索面板类Listary 程序/文件等快速搜索、启动 官网www.listary.comWox 程序/文件等快速搜索、启动（2020 年已停止维护） 官网wox.onePowerToys Run 程序/文件等快速搜索、启动 GithubuTools 官网u.tools……Listary图标面板类（开始菜单：？）Quicker 桌面快捷面板 官网getquicker.netDawn Launcher 快捷启动面板，应用整理 官网dawnlauncher.comLily 快捷启动工具 52pojieLucy 快捷启动工具 52pojie……Dawn Launcher菜单类（开始菜单：？）True Launch Bar 官网www.truelaunchbar.com/Dishes Launcher 官网monoxideapp.itch.io……True Launch Bar更多：3.桌面部件一条龙解决Rainmeter（需自行下载插件）官网rainmeter.net临时桌面便笺集合 小众软件论坛SAO Utils 2 还原刀剑神域的桌面启动器并搭载小工具 官网sao.gpbeta.comVista边栏&Win7桌面小工具Win10还原Vista 边栏 原帖bilibili8GadgetPack 官网8gadgetpack.netDesktop Gadgets and Sidebar 官网gadgetsrevived.com | 微软商店桌面时钟AutoTipClock 自动弹出提醒时间 GithubRustClock 间隔提醒时间 Github.Clocks 微软商店Zune Clock 官网respectsoft.comT-Clock（简约的）GithubHot Alarm Clock 官网hotalarmclock.comSoftwareOK.com 桌面时钟系列 官网softwareok.comFree Desktop Timer 官网drive-software.comClocX 可自定义的桌面时钟 官网clocx.net下方皆为不推荐的过时产物Vista Clock 官网respectsoft.comAnalogue Vista Clock 官网4neurons.comTimeLeft 官网timeleft.infoFree Vector Clock 官网crossgl.com（表盘设计工具crossgl.com）Clock! 官网gljakal.comPerfectClock 官网perfect-clock.comAnuko World Clock 官网anuko.com其他Desktop Goose（桌面宠物） 官网 | 小众PPet（桌面宠物） Github | 小众3.桌面壁纸静态壁纸必应壁纸（免费）小众 | 官网microsoft.com拾光壁纸（免费）Microsoft Store动态壁纸Lively Wallpaper（免费）GithubWallpaper Engine（付费）Steam | 官网wallpaperengine.io元气桌面（免费）官网desk.duba.comUPUPOO 动态桌面（免费）官网upupoo.com壁纸下载网站以下皆为动漫或者现代风格的壁纸网站wallspic 官网wallspic.comwallhaven 官网wallhaven.ccwallhere 官网wallhere.com彼岸图网 官网pic.netbian.com美图集 官网photo.ihansen.orgunsplash 官网unsplash.com北忘山壁纸 官网beiwangshan.com3g壁纸 官网3gbizhi.com极简壁纸 官网bz.zzzmh.cn以下网站内容皆为古早类型的壁纸ZOL桌面壁纸 官网desk.zol.com.cn桌面天下 官网desktx.com桌酷壁纸站 官网zhuoku.com锁屏锁屏壁纸微软锁屏 https://lockscreen.chinacloudsites.cn/时钟锁屏Fliqlo 翻页式时间屏保 https://fliqlo.com/Fliqloflipit 开源翻页时钟，无需网络权限，可替代 Fliqlo Github 网盘下载The Colour Clock 可根据当前时间变换颜色的彩色时钟(网页) http://thecolourclock.com/ 更多可参考 https://sspai.com/post/41697资源管理器美化/增强1.显示修改Clover 3 多标签页资源管理器 官网cn.ejie.meQTTabBar 多标签页资源管理器 官网qttabbar.wikidot.comLeftSider 按钮居左，仿mac资源管理器 致美化 | 官网hsiw.web.fc2.comOldNewExplorer 资源管理器显示微调 致美化（汉化版） | 原帖msfn.orgexplorerTool 资源管理器自定义背景图片 GithubExplorerBlurMica 资源管理器添加背景模糊效果或亚克力、Mica 效果 Github2.UWP版文件资源管理器我的电脑 UWP（免费）Microsoft Store | 小众RX 文件管理器（Store付费，Github可免费安装）Github | Microsoft StoreFiles（付费）Microsoft Store | 官网files.community系统主题/系统美化UltraUXThemePatcher 解锁第三方主题 官网mhoefs.euWindowBlinds 系统美化软件 致美化zhutix.com | 官网stardock.comWin8 & 10 Color Changer 更改系统默认颜色 官网gimespace.comAero Glass（不支持Win10 2004↑）致美化zhutix.com | 官网techspot.comWindows 7+ Theme Installer 官网door2windows.comWinPaletter Windows 外观编辑器 GithubSimpleClassicTheme 在更高版本系统上使用 Windows 经典主题 GithubWinPaletter系统/文件类型图标修改FileTypesMan 官网nirsoft.netTypes 官网github.ioDefault Programs Editor 官网defaultprogramseditor.com硬盘图标修改工具 致美化zhutix.com图标包 致美化zhutix.com其他字体MacType 使Win字体清晰 Github Preview 2023.5.31 | Github 2021.1 | 官网mactype.netNoMeiryoUI noMeiryoUI\_致美化思源宋体 / 思源黑体（多版本区别详见 Github README ）南京大学镜像站（推荐）｜思源宋体清华大学镜像站（推荐）｜思源黑体清华大学镜像站（推荐）｜ GithubNoto-SerifCJK / Noto-SansCJK（多版本区别详见Google 说明）南京大学镜像站（推荐）梦源宋体 / 梦源黑体（与思源系列的区别详见 猫啃网字体说明 ）猫啃网（推荐）｜找字体（推荐）｜Github｜百度网盘更纱黑体（改自思源黑体的等宽字体）南京大学镜像站（推荐）｜Github鼠标指针鼠标指针 - 光标 - 电脑鼠标指针下载 - 致美化RealWorld Graphics 的鼠标指针库更多小众软件-美化 个性化工具 Microsoft Store 致美化zhutix.com 桌面增强软件softpedia.com【END】

用好 F12，一键开启浏览器的「上帝模式」 本文作者：_东东_ 转载地址：https://sspai.com/post/85686前言互联网时代，我们得以凭借一个小小的视窗浏览浩瀚的网络世界，离不开浏览器的支持。而今网络上的各种信息和资源更是让浏览器成为每个工作族必备的工具之一，因此你或多或少听说过「F12」这一关键词。「F12」是打开浏览器「开发者工具」的一个快捷键，「开发者工具」还有以下几种打开方式：快捷键：Ctrl + Shift + I快捷键（macOS）：Command + Option + I右键菜单 - 检查菜单栏 - 更多工具 - 开发者工具相信如果是从事网站开发的读者对「开发者工具」并不陌生，这是进行网站调试和检查 bug 的最常用工具。浏览器的「上帝模式」何谓「上帝模式」？通常是指一个人对某件事情上拥有无限的控制能力，可以随心所欲地改变和操纵一切。在我们的理解中，「上帝模式」可以被用来形容某种具有超凡能力或者无限自由的状态。就好比是在「我的世界」里开启了「创造模式」。「我的世界」中的「上帝模式」将这个概念应用到浏览器上，我们可以将其理解为用户通过开发者工具获得了对网页的绝对控制权。在普通人看来，网页是一个已经完成并且不可更改的东西，而开发者工具就提供了一种让普通人可以像开发人员一样去修改和操作网页的途径。开发者工具（devtools）是一套用于开发和调试网页的工具，这些工具可以检查当前加载的 HTML、CSS 和 JavaScript，显示每个资源页面的请求以及载入所花费的时间。不同于网站创建器或者集成开发环境，开发者工具不直接参与网站的创建，而用于测试网站或网页应用的用户界面，它提供了对网页源代码的完全访问权限。网页的本质正如前文所述，开发者工具是一套用于检查和调试网页的工具，那么在介绍之前，首先需要了解我们浏览的「网页」的本质是什么。网页的本质是一些用 HTML（超文本标记语言）编写的文本文件。HTML 是一种用于创建网页的标记语言，它由一系列的标签组成，这些标签用于描述网页的结构和内容。这与 TXT、Markdown、XML 没有本质区别。眼花缭乱的网页实际上是由文本渲染而成区别在于浏览器识别到 HTML 的标签后会将其渲染成对应的格式，比如以下 HTML 代码：<!DOCTYPE html> <body> <header> <h1>这是一个标题</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">产品</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <section id="content"> <article> <h2>文章标题</h2> <p>这是一段文章内容。</p> <figure> <img style="width: 30px;" src="image.jpg" alt="图片描述"> <figcaption>图片标题</figcaption> </figure> <table border="1"> <tr> <th>表头 1</th> <th>表头 2</th> <th>表头 3</th> </tr> <tr> <td>单元格 1</td> <td>单元格 2</td> <td>单元格 3</td> </tr> </article> </section> </body> </html>在浏览器中会被渲染成：HTML 文件在浏览器中的样子一个纯 HTML 构成的网页就像上图一样简陋，要形成精美的网页还少不了 CSS（Cascading Style Sheets）和 JS（JavaScript）的支持。CSS 用于调整网页的外观和样式，比如网页元素的颜色、大小、位置等；JS 则用于实现网页的动态效果和交互，比如登录功能、提交表单、点击事件等。如果不是网站开发人员，我们在「开发者工具」中常用的就是使用 JS 对网站修改和查询。JS 是与 HTML 与 CSS 的交互桥梁，使我们可以轻松地通过 DOM 与网页元素进行交互。DOM 是文档对象模型（Document Object Model）的缩写，它是一种用于表示和操作 HTML、XML 等文档结构的编程接口。在浏览器中，每个加载的网页都会被解析成一个 DOM 树，通过 DOM 可以对这个树状结构进行访问和操作，使用 JavaScript 等脚本语言可以动态地改变网页的内容、结构和样式。在浏览器的「开发者工具」中，JS 代码主要通过「Console（控制台）」运行。Console 是一个简易的 REPL（Read-Eval-Print Loop，一种交互式编程环境），可以在控制台中运行 JavaScript，与正在检查的网页进行交互。正是 HTML、CSS、JS 三者相辅相成，互联网才在我们眼前呈现出如此丰富多彩的样式。好，简单了解网页的本质之后，接下来本文就以普通人能够理解的视角并结合几个有趣且实用的例子，带大家了解一下这个熟悉而又陌生的「F12」到底能做些什么。如果你现在正在使用电脑端浏览本文，可以跟着我一起试一试~下文以 Chrome 浏览器的「开发者工具」为例。将网页变成所见所得编辑器现在假设我想装成一个大佬在朋友面前炫耀一下，比如将自己的少数派粉丝 P 成 10 万，文章阅读量 P 成 100 万。一般做法可能会使用截图工具截一张图，而后在 PS 中将粉丝数从「10」改成「10 万」；而聪明点的朋友可能会按下「F12」打开「开发者工具」，找到网页中 HTML 的对应位置，手动将粉丝数改成 10 万。但你完全可以只使用一行代码，让整个网页变成你的「所见即所得」编辑器，随心所欲地修改原始网页的任何内容。按下「F12」，打开「Console」，输入以下代码：document.body.contentEditable=true按下「回车」，神奇的事情发生了，整个网页的内容都可以任意修改或删除，你可以像编辑 Word 文档一样编辑原始网页：随心所欲地「篡改」网页注：倘若你使用的是 Edge 浏览器，由于其一些限制策略，粘贴代码时可能会弹出以下警告：在 Console 中手动输入以下代码即可解除限制：allow pasting16 倍速播放视频在浏览视频的过程中，有时候我们想要快速播放视频以便加快学习进度，但大部分视频网站只提供了 0.5 到 2 倍速之间的播放速度。B 站最高只提供 2 倍播放速度而使用「开发者工具」则可以轻松实现超过 2 倍的播放速度。随便点开 B 站的一个视频播放界面，按下「F12」，打开「Console」，输入以下代码：document.querySelector('video').playbackRate = 16;这行代码的作用是使用 querySelector 方法选择当前网页中类型为 video 的标签，并将其播放速度设置为 16 倍。执行完上述代码，你会发现视频的播放速度瞬间飙升至 16 倍，这对于快速查看视频内容或者加快学习进度非常有用。16 倍播放视频既然可以快放，慢放自然也是可以实现的，上述代码中的数字 表示我们设置的播放速度，将 更改为小于 1 的数值即可实现慢放。譬如我在「Console」执行以下代码：document.querySelector('video').playbackRate = 0.1这时视频会以极慢的速度一帧一帧地播放，这在需要精确截取视频画面时非常有用。至于能不能将播放速度设置为负值，各位读者朋友可以自己尝试一下。复制网页文本的小技巧当我们尝试复制网页上的一段文本时会发现，有些网页并不是那么容易被复制，像是某些网页没有提供右键菜单、某段文本不可选中等。比方说现在我们打算获取少数派首页的所有文章标题，一般的做法是手动选择文章标题，复制到记事本中进行整理，这样虽然慢但或许可行……吗？但你实际尝试之后会发现少数派首页的文章标题其实是被禁止复制的，这种方法并不可行。那么我们有什么办法能复制这种「无法复制的文本」呢？我们可以按下 F12，使用开发者工具自带的元素选择器（快捷键 Ctrl+Shift+C），将鼠标定位至对应的文章标题上，开发者工具的「Elements」（元素）会跳转到的文章标题对应的 HTML 位置，在这里你可以尽情复制原本无法复制的文本。在源码中找到文章标题的位置但以上方式只适用于复制一段文章标题，如果我们想汇总近期上首页的所有文章的标题呢？现在，请你打开少数派的首页界面，按下 F12，打开「Console」，输入以下代码试试：var elements = document.getElementsByClassName("card_content"); var titles = []; for (var i = 0; i < elements.length; i++) { var titleElement = elements[i].querySelector(".title.text_ellipsis2"); if (titleElement) { var title = titleElement.textContent.trim().replace(/\s+/g, " "); titles.push(title); } } console.log(titles.join("\n"));按下回车，这段代码会在「Console」打印出近期上首页的文章标题列表：轻松获取所有文章标题以上代码的功能是根据当前网页的特点，从 HTML 提取我们需要的信息。观察少数派首页的特点可以发现，文章标题信息保存在像这样的 HTML 结构中：<div data-v-2bcec2ec="" class="card_content"><a data-v-2bcec2ec="" href="/post/85462" target="_blank" class="pc_card"> <div data-v-2bcec2ec="" class="title text_ellipsis2"> 放轻松 | 不再追逐快乐，允许自己悲伤，以及我的思考 </div> </a><!----> <div data-v-2bcec2ec="" class="mobile_card"><a data-v-2bcec2ec="" href="/post/85462" target="_blank"> <div data-v-2bcec2ec="" class="title text_ellipsis2"> 放轻松 | 不再追逐快乐，允许自己悲伤，以及我的思考 </div> </a></div> </div>可以看出，文章标题的文本被保存在 class="title text_ellipsis2" 的 div 元素中，使用 JS 的选择器可以轻松将需要的内容从原始代码中提取出来。恭喜，你已经学会了爬虫的入门教程！掌握原理后，你可以观察不同网页的特点，使用 JS 轻松实现效率翻倍。举个实际的例子：最近在准备一门考试，我喜欢将做错的题目记录到 Anki，以便后续复习和回忆。但有些网站会将一段完整的文本分割成一段段零碎的文本，或者该段文字本身就是多行文本，这不方便我们复制需要的内容。打开「开发者工具」发现网站上的题目将选项保存在多个 HTML 标签中，这让我很难直接复制出一道完整的选择题：这是一道选择题，但选项分布在多个元素当中这种类型的文本看似繁琐，但观察 HTML 的特点发现使用 JS 的选择器可以很轻松地将我们需要的内容剥离出来，以下是一个示例：var paperWrap = document.getElementById("paperWrap"); var question = paperWrap.querySelector(".singleR").textContent.trim(); var options = Array.from(paperWrap.querySelectorAll(".answerContentList label")); var options = options.map(function(option) { return option.textContent.trim(); }); var result = question + "\n\n" + options.join("\n"); console.log(result);这段代码首先通过 document.getElementById("paperWrap") 获取到包含题目信息的元素，接着使用 querySelector(".singleR").textContent.trim() 在 paperWrap 中查找类为 .singleR 元素的内容并去除文本之间的空格；随后使用 paperWrap.querySelectorAll(".answerContentList label") 查找所有类名为answerContentList且标签类型为 Label 的元素，通过 map 方法将每个选项的纯文本集合成数组；最后通过字符串拼接，打印出我们需要的内容。在开发者工具的「Console」运行以上代码，会打印出一道完整的选择题，这样复制起来可就方便多了。打印出的结果很符合我的需求自由截取网页其实有经验的朋友打开「开发者工具」时应该会发现，这东西能跑 JS，能修改网页、能 debug，这不就是一个 IDE（Integrated Development Environment）嘛。是的，可以这么理解，甚至当我们执行快捷键 Ctrl+Shift+P（或 Command+Shift+P）会出现一个程序员都很熟悉的面板：命令面板在 VSCode 中这是一个常用的面板，用于快速执行某些操作和功能，浏览器的命令面板也自带了「开发者工具」中的一些快捷命令。现在请思考一下，如果你现在想截取网页中的一个页面，你会怎么做，一般来说会有以下几种方式：使用 Snipaste 之类的截图工具使用 QQ、微信的截图功能使用 Windows 自带的快捷键 Prtsc 按键以上其实都是借助外部工具捕获屏幕的一种方法，但其实浏览器本身就为我们提供了一套截图工具。在「开发者工具」中使用「Ctrl+Shift+P」打开命令面板，输入 capture ，命令面板的列表会显示出四种截图方式：自带的四种截图方式Capture area screenshot 捕获区域截图。在命令面板中执行这个指令后，鼠标光标会立即变成一个十字形状，我们可以通过移动光标选取需要截取的范围，松手后会自动完成截图。这种简单直观的截图流程与我们通常使用的方式没什么区别。Capture full size screenshot捕获全尺寸截图。全尺寸截图它可以帮助我们获取当前浏览器中正在浏览的网页的完整屏幕截图。与上一个截图方式不同，全尺寸截图可以捕获整个页面的内容，包括滚动到屏幕外的部分，通俗来讲就是「长截图」。「长截图」在手机上算是一个比较常用的功能，不过如果想对网页进行「长截图」可得花一番功夫，但浏览器的「开发者工具」其实已经为你准备好这个功能。当我们在网页中看到一篇不错的文章，在命令面板中执行此指令后，浏览器会将我们正在浏览的网页进行全屏截图，并保存为 png 格式。整篇文章被保存为长图Capture node screenshot捕获节点截图。如前文「网页的本质」一节中所述，网页实际上是一篇带有特定标签的文本，每个标签可以称作一个节点，大部分节点都拥有父节点与子节点。而 Capture node screenshot 功能可以将我们选中的节点以及其子节点直接捕获为截图，这在你需要精确截取文章某部分内容的时候非常有用。比如，我想截取我主页的个人信息，在「开发者工具」中找到此界面在源码中的位置（按下快捷键「Ctrl+Shift+C」点击博主信息面板即可）。下图中可以看到，个人信息面板在源码中对应的位置是 class 为 user_info_card 的 div 节点。找到所需界面在源码中对应的节点选中该节点，执行 Capture node screenshot 指令，浏览器会将这个元素捕获成图片并保存。完美截取指定元素Capture screenshot捕获截图。这个功能可以截取当前网页的可见部分（就是我们在浏览器中能实际看到的部分）。获取网页的资源浏览网页已经成为一件稀疏平常的事情，但你有没有想过我们在浏览器中看到的字体、图片、音乐、视频到底是保存在什么地方呢。网页的所有原始资源均保存在 HTML 文件中定义的资源位置，也就是网站所在的服务器或者资源的 CDN 上。通过我们浏览网页的这个行为，浏览器会将对应的资源缓存到本地以保证网页被正常渲染。浏览某些网页的时候发现网页中的图片无法加载，其实就是浏览器没有正确从服务器上缓存图片而导致的。读到这里你应该发现，既然所有资源都缓存在浏览器本地，那么我们是否可以把我们想要的资源保存在电脑磁盘中呢？答案是可以的，通过「开发者工具」中的「Network」功能，可以自由获取网页中缓存的各项资源。Network 用于监控和分析浏览器与服务器之间的网络请求和响应。它可以显示资源请求的详细信息、性能数据，帮助开发者调试错误、优化网页加载速度，并模拟不同网络条件进行测试。现在打开「开发者工具」中的「Network」标签，将当前浏览的网页刷新一下，「Network」下会显示该网页中所有资源和请求的名称、类型、文件大小、响应时间等内容：「Network」列出了每种资源的详细信息浏览器将服务器上的 JS、CSS、图片等资源缓存到本地，使得我们能够正常浏览网页，在网站开发从业者中，「Network」是十分常用的调试工具，能帮助快速判断导致网站异常的原因。当然并不代表这个功能对普罗大众没有用处，我们浏览网页在乎的可能有：字体、图片、视频等一些能实际看见的资源。而网页由各种访问请求汇聚而成，在可读性极差的列表中寻找我们需要的资源不可谓不困难，所以「开发者工具」贴心地提供了分类功能，在「Network」中可以看到有一行分类标签：资源类型我们选中对应的分类能即可快速筛选对应的资源类型。其中：Font  - 网站中使用的字体样式Img - 网站中使用的图片Media - 网站中使用的媒体资源比如你在浏览某个网页的时候发现该网页的字体样式十分好看，想将其放在自己的博客中使用，那么可以浏览「Font」标签将字体下载并应用到自己的博客当中（请注意版权问题）。除「Font」标签之外的其他标签各位读者朋友也可以自行尝试一下。当你困惑于网页没有提供合适的资源获取途径时，按下 F12 打开开发者模式，或许能发现一片新的天地。结语「开发者工具」虽然被冠以「开发者」前缀，但其实也只不过是浏览器自带的一个强大功能，它让普通人也能像开发人员一样对网页进行修改和操作。在你浏览网页的间隙，不妨按下「F12」键，观察一下每个网站的特点，相信这个小小的按键或许能给你带来一些意外之喜。最后，请务必记住，使用「开发者工具」时要遵守法律法规和道德规范，请勿在涉及版权保护的网站使用，尊重他人的版权和隐私是我们每个人应该遵守的基本原则。【END】

4个神器，在油管沉浸式学习全世界视频 本文作者：林皮卡Linpika 转载地址：https://sspai.com/post/85794一、前言油管上有了来自世界各地的高质量学习视频。然而油管平台的生成字幕系统效果差，使用起来太低效。?我每天会在油管上投入大量的时间学习。所以需要一款应用帮我打破语言的壁垒，然后在把视频的知识点整理到我的笔记系统中。二、3个方案Memo+Notion： Memo可以对视频进行翻译，且有简单笔记系统。等视频结束后将笔记整理到 NoitonTrancy + Notion： Trancy 有双语字幕。多种观看模式，且带生词学习。对双语学习很友好。Trancy + Notion Reader 可以获取视频字幕，结合浏览器自带翻译功能。亮点是 Reader 做笔记很方便，又能结合 Readwise做每日回顾。三、应用介绍Memo：AI翻译应用Memo是一款利用AI轻松将视频转换为翻译文本、字幕和注释的软件。Memo强大在于它支持超过90种语言，配合 api 接口实现 AI字幕翻译、 AI视频总结、AI思维脑图。而且有内置的浮动笔记系统，后续支持导出到 Notion。Memo除了支持油管在线视频，还支持本地上传视频，还有 Podcast。对于一些已经下载但又没字幕的视频，还有一些长篇需要仔细回听的播客，都很实用。另外它还内置了「浮动笔记系统」。做笔记的时候，点一下 ? 就能插入当前画面截屏。点一下 ? 就能加入当前时间戳。在观看视频的时候，做一些闪念笔记变得十分方便。后续再讲这些碎片笔记整理到 Notion，就能组成一个系统的笔记啦。Trancy：沉浸式学习Trancy 是一个专为语言学习者设计的全能工具，除了支持YouTube/Netflix双语字幕。它更为专注于双语学习。除了双语字幕，还有语法释义、生词本、多模式练习功能，还兼顾了移动端它跟油管网页的契合度很高，配合它精致美观的 UI 界面。观看视频沉浸感十足。Trancy 相对来说更专注于「外语学习」。比如它会提供多种字幕阅读的方式，方便不同学习阶段的用户进行内容理解。而且它会有更多针对单词、例句的功能，比如释义、发音、收藏、单词本。如果你的目标是进行外语学习的话，那 Trancy 的很多功能可以帮到你。Reader：阅读全能手Reader 是 Readwise 最新推出的「阅读」应用。我最初实用它是因为它能将「网络上的文章、推文、PDF、书籍、订阅邮件」等集合到一处进行分类，整理癖狂喜。而且它的所有操作「稍后阅读、归档、Highlight、评论」等，都是键盘单键操作，交互十分简约好用，阅读起来很顺畅。后来发现，Reader也有阅读「视频」功能。它会获取视频的字幕，视频播放的过程中字幕跟着高亮显示。你也可以对字幕进行 Hightlight 和评论。中间衔接很自然。Reader也嵌入了 AI 总结功能，可以总结文章和视频的概括。相比其他的，它对搜集的视频会有详细的元数据信息，也保留了原地址的跳转。这对资源的管理会很方便。四、我的应用流程目前来说，我会根据我要观看的视频的内容、领域和知识点情况，判断我实用哪个工具。需要精读的视频，用「Memo」进行 AI 生成式翻译。这类视频对于内容传递的精准度很重要。其他油管翻译插件会因为字幕的换行，导致翻译错乱。而 Memo 智能断句功能很好规避这问题。另外一些没有系统字幕，或者非油管的外语视频，也只能借助 Memo 本地文件功能来完成。如果遇到的是一些快速了解向的内容，非知识向、不需保存的，我会选择「Trancy」进行在线翻译观看。比如一些新闻类、评测类、娱乐类的外语视频。如果是一些知识点比较密集的母语类视频。这时候我需要反复用到 Hignlight、Add note，所以我会选择用「Reader」来进行，它的笔记操作更为便捷，方便我随时记录一些碎片笔记。最后，把产生的笔记，汇总到 Notion - 我的第二大脑 中，实现笔记的串联。视频知识的获取应用有很多，除了 Memo、Trancy、Reader，还有很多其他的应用、Chrome插件，但最终把视频内化成笔记后，我会将笔记 All in one 到 Notion 中，统一管理。五、最后最后我将 3 个应用的优缺点，汇总到表格中，方便你的对比。你可以根据表格，查看哪个应用的功能，在什么阶段满足到你。【END】