前两天和博友圈讨论网站性能，其中就提到流量统计会影响性能，并且会抓取数据，甚至有的插件一不小心就让网页速度“肉”起来。然后我们又就流量统计工具比对了一番，Google Analytics、Matomo、百度统计……大家各有偏好。

突然发现了 Microsoft Clarity，这款相对比较新的用户行为分析工具，界面简洁，功能上手也快，关键是：完全免费。起初我也没太当回事，直到用了一下——居然能录屏、能生成热力图、还能不影响性能？这不比某些“巨头”还清爽实用！

这篇文章就来聊聊 Microsoft Clarity 到底能做什么、值不值得用、和其他统计工具相比它有哪些亮点。

1. 流量统计与用户行为分析是怎么回事？

对站长来说，建好一个网站只是开始，了解用户是如何“用”网站的，才是真正运营的起点。这就是流量统计和用户行为分析的作用。

1.1 为什么网站需要流量统计工具？

你可能会问：“我只是写写文章，真的需要搞流量分析吗？”其实哪怕是一个小博客，也能通过流量数据了解很多信息，比如哪些页面最受欢迎、读者主要来自哪里、他们停留了多久、点了哪些按钮。这些数据不仅能帮助我们调整内容结构、优化排版，还可能揭示出一些平时察觉不到的问题，比如页面加载太慢、按钮设计不合理，甚至是内容根本没人看。对网站来说，这就是持续改进的起点。

[ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/microsoft-clarity-heatmaps-session-recordings/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

💾

为什么这篇文章不叫“WP Fastest Cache 插件设置指南”或“详细教程”？因为它真的很 FAST！启用之后，我只是在首页的选项里把所有能勾的都勾上，点了保存，然后……网站就真的变快了。不需要复杂设置，也不用注册云服务，体验非常直接。关键……免费版也没有其他可选的设置了，就很省心。

这也是我特别喜欢 WP Fastest Cache 的原因。相比之下，很多缓存插件不是设置一堆，就是强行引导你升级付费版，免费和付费选项混在一起很难分清。WP Fastest Cache 则干净利落，界面清爽，功能也足够强。难怪它在插件市场的评分接近满分——而 WordPress 自家的 Jetpack，评分还不到 3.5 分。

1. WordPress WP Fastest Cache 安装使用

WP Fastest Cache 是一款主打“即装即用”的缓存优化插件。它..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-wp-fastest-cache-plugin/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

前阵子工作需要做一份英语展示的 PPT，除了要翻译巨量的文字资料，还要处理里面夹杂的图片、动画，让人头大。而我们的软件 DEMO 演示只有中文版，如何将动态的网页快速截取、录制成英文材料成了最大的难题。

好在我经常倒腾 WordPress，熟悉浏览器开发者工具，知道可以按 Ctrl + Shift + C 打开元素选择器，手动修改网页文字，但即便如此效率依然很慢。但无奈，我也只能这样，一口气肝了十几个小时才搞定，老腰都快断了。

过了一段时间，我才发现可以直接往浏览器控制台里写脚本，直接实现网页文字的编辑功能。此后我又把它封装成了油猴脚本，绑定了快捷键，现如今已测试稳定了，分享给大家，希望能用的上。

油猴（Tampermonkey）

不会有人不知道油猴（Tampermonkey）吧…？Tampermonkey 是一款功能强大的浏览器扩展，支持在网页上运行自定义 JavaScript 脚本。它的作用是让用户根据自己的需求“定制”网页行为，比如屏蔽广告、自动填表、批量下载、修改..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/post/%e6%b2%b9%e7%8c%b4%e7%bd%91%e9%a1%b5%e7%bc%96%e8%be%91%e8%84%9a%e6%9c%ac/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

💾

上篇文章测试 WP Super Cache 插件时，我注意到后台出现了不少 Jetpack 的推荐内容——虽说都是 Automattic 家族的产品，但这种“强推”还是让人有点惊讶。带着好奇，我安装并启用了 Jetpack，结果刚一激活，初始化界面就霸屏而来，热情得有点“过火”。到底 Jetpack 是什么来头，值得这样高调登场？

Jetpack 是由 WordPress 官方开发的多功能插件，集成了站点安全、性能优化、流量统计、社交分享、自动发布等一系列实用功能，目标是为 WordPress 用户提供“一站式增强服务”。对新手来说，它能省去安装多个插件的麻烦；而对有经验的用户，则可能更关注它某些独立功能的表现和可控性。

1. WordPress Jetpack 插件安装

Jetpack 插件自称是由 WordPress 专家打造的一款集安全、性能和营销于一体的多功能插件，旨在为站点提供一站式增强服务。自推出以来，Jetpack 便迅速成为 WordPress 用户的首选插件之一，尤其是在新手站长中，因其简便的安装流程和强大的功能集成，使得用户能够轻松提升网站性能并确保其安全性。正如 Jetpack 自我描述的那样：“Jetpack 能够保护您的站点，让您可以专注于更重要的事情。”

有趣的是，在插件库中，Jetpack 给自己填上了满满的五颗星，乍一看似乎是完美的评分。然..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-jetpack-plugin/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

💾

上一篇文章中，我们详细探讨了 WordPress 网站中媒体文件的上传与管理方式。不过，单纯依赖上传后的处理并不能从根本上解决图片带来的性能问题。事实上，如果能在本地对图片进行优化处理，再上传到网站，不仅能大幅提升加载速度，还能在提升用户体验、降低服务器压力等方面起到事半功倍的效果。

那么，为什么图片优化如此重要？因为图片往往是网页中体积最大的资源，占据了页面加载时间的大部分。一张未经压缩的高清图片，可能比整个 HTML、CSS 和 JS 文件加起来还大。这不仅会拖慢网站的打开速度，还会影响搜索引擎的评分，进而影响 SEO 排名，尤其是在 Core Web Vitals 成为排名参考后，图片加载效率更是重中之重。

本篇文章将围绕 WordPress 图片优化展开，深入解析图片压缩的原理、常见格式的选择（如 WebP、AVIF）、插件工具的对比推荐，并给出多种使用场景下的实战方案，帮助你打造一个更轻快、更专业的 WordPress 网站。

1. 上传前图片的文件优化

很多 WordPress 用户习惯直接将图片上传到媒体库再插入文章，但如果在上传前先做好格式、尺寸、质量方面的优化，效果往往会更好。不仅可以显著减少页面体积、提升加载速度，也能避免网站后期维护中出现的重复压缩、画质损失等问题。本章将围绕图片文件本身，从格式、尺寸、压缩等角度介绍几个关键优化点。

1.1 图片格..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-image-optimization/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

在 WordPress 网站中，媒体文档通常包括图片、视频、PDF 等各类资源。本文将一步步带你了解如何上传这些媒体文件，并掌握分类管理、替换优化等实用技巧，帮助你把网站内容打理得井井有条。

1. WordPress 支持哪些媒体文件格式？如何扩展

WordPress 默认支持多种常见的媒体文件类型，包括图片、文档、音频和视频等，足以满足大多数网站的内容上传需求。以下是常见支持格式的分类与说明。

媒体类别	支持的文件扩展名	文件说明
图片	.jpg, .jpeg, .png, .gif, .ico, .webp	用于展示图像内容，.webp 为现代高压缩格式
文档	.pdf, .doc, .docx, .ppt, .pptx, .pps, .ppsx, .odt, .xls, .xlsx	常用于上传文档、表格或幻灯片
音频	.mp3, .m4a, .ogg, .wav	可直接播放音频内容
视频	.mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp, .3g2	可在页面中插入和播放视频文件
图标/矢量	.ico, .svg（需额外启用）	默认支持 .ico 图标，.svg 需额外处理安全性

虽然 WordPress 默认支持多种主流格式，..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-media-management/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

在上一篇教程中，我详细讲解了 WordPress 网站发布文章的流程与注意事项，主要围绕默认区块编辑器和常规属性设置，适用于大多数博客类内容。本文将在此基础上，聚焦更具结构性与展示性的“独立页面”创建与配置。

这类页面通常作为站点的 Hub 页面、项目介绍页、专题落地页，甚至直接作为首页，需要更灵活的排版、更丰富的模块组合，以及对主题与插件功能的更深入运用。

1. 什么是独立页面？与文章有何区别？

在 WordPress 中，“页面（Page）”和“文章（Post）”是两种不同的内容类型。虽然它们都可以通过编辑器进行撰写和发布，但用途、结构以及展示方式却截然不同。

1.1 页面（Page）适合承载“静态内容”

页面通常用于创建不随时间变化的固定内容，如：

• 关于我们（About）
• 联系方式（Contact）
• 服务介绍 / 项目展示
• 下载中心 / 成果页
• 自定义专题页、Hub 聚合页
• 首页、登陆页、活动页……

这些页面更像是网站结构的一部分，而不是内容流中的一篇“文章”。它们不属于分类、也不会自动出现在博客文章列表中，更不会按时间排序。

1.2 文章（Post）适合发布“动态内容”

相对而言，文章更适..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-publish-page/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

WordPress 自定义字段由两部分组成：键（key） 和 值（value）。你可以把它理解为一组“属性-内容”的数据对。比如你希望在文章中显示“预计阅读时长”，就可以设置键为 reading_time，值为 5 分钟；或者为转载文章添加来源信息，键为 source_name，值为 知乎专栏。

当我们为某篇文章或页面添加自定义字段时，所填写的数据会与该内容一一绑定。换句话说，字段的内容是“归属”当前文章或页面的，它不会影响其他内容。这也正是自定义字段强大的地方 —— 你可以为每一篇文章设置完全不同的扩展信息，并在前端有选择地展示它们。

1. WordPress 自定义字段介绍

WordPress 自定义字段（Custom Fields）是一种原生支持的元数据机制，允许用户为文章、页面或自定义内容类型附加额外的信息。每一组字段由键（key）和值（value）组成，键用于标识字段名称，值则为实际内容。这一机制广泛应用于扩展文章功能，例如设置封面图地址、附加资源链接、记录阅读时间或评分数据等。

[ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-custom-fields/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

在 WordPress 的古腾堡编辑器中，媒体类别的区块专注于插入和展示各种媒体内容，如图片、视频、音频、画廊等。通过这些区块，用户可以轻松地将媒体文件与文本、按钮等内容进行组合，从而丰富文章和页面的展示效果。这些区块不仅能提升内容的互动性，还能使页面看起来更加生动和吸引人。

媒体类别的区块包含图片、图库、音频、封面、文件等 7 种，其中图片区块使用最频繁。除了图片，建议尝试其他区块，以增强文章的多样性。我将在本文中详细说明，并插入真实的例子辅以演示。

1. WordPress 编辑器中的图片区块

当通过左侧区块插入图库区块后，我们可以选择上传图片、从 URL 插入或从媒体库中选择已有图片。上面的截图就是我直接通过 Ctrl + V 粘贴进来的，这相当于拖放操作。

..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-media-blocks/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

💾

古腾堡编辑器（Gutenberg Editor）采用“块”式设计理念，编辑器内的每个部分（如标题、段落、图片、列表、视频、按钮等）视为独立的内容块。用户可以像搭积木一样自由拖拽、排列、插入或删除各种块，本篇介绍其界面和板块。

1. WordPress Gutenberg Editor 界面介绍

下图展示的是 WordPress 当前版本（6.8.1）的古腾堡编辑器界面。为了便于整体查看，我将区块属性和区块样板的界面截图进行了拼接。可以看到，默认的古腾堡编辑器界面由顶部工具栏、主编辑区、右侧设置面板和左侧导航等部分组成，各个功能区域布局清晰，便于用户高效进行内容创作与排版。

1.1 顶部工具栏

顶..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-gutenberg-editor/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

WordPress 插件是扩展网站功能的强大工具，用户无需编写代码即可轻松添加各种特性和功能。插件种类繁多，包括 SEO 优化、社交分享、电子商务、网站安全等，用户可以根据需求自由选择和安装，从而显著提升网站的灵活性与可操作性。除了市面上的成熟插件包，我们还可以通过添加增强扩展（如纯代码形式的插件）来进一步扩展功能与性能，例如官方曾经发布的对象存储插件 object-cache.php。

这些丰富的插件和主题构成了 WordPress 强大的生态系统，正是这一生态让 WordPress 成为全球最受欢迎的建站平台，魅力无可比拟。那么，关于必备插件的推荐，实际上并没有一个固定答案。因为当前的 WordPress 核心程序已经非常完善，从安全性、样式、编辑器等方面都能满足大多数用户的需求。加之海量的主题市场，许多曾经流行的个性功能已经直接集成到系统和主题中了，比如懒加载、灯箱效果、缓存功能等。

因此，我建议你根据实际需求选择和安装插件，这不仅可以节省精力和时间、提高性能，还能避免安装恶意插件导致系统崩溃。如果非要说有哪些插件是必备的，那大概是 Akismet 和 你好多莉 吧。毕竟，当你完成 WordPress 的安装时，它们已经默默地存在了，哈哈。

[ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-plugin-recommendations/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

本站目前托管在阿里云的 ECS 服务器上，基本配置如下：2 核 CPU、4GB RAM、40GB + 10GB SSD 存储和 100M 宽带（按量计费）。目前该服务器上运行着三个主要网站，日均总流量不到 2000 PV，此外还支持几个边缘业务应用和 3 个 Docker 容器，服务器还承载着 Syncthing 文件同步应用和 Frp 内网穿透服务。

尽管在瞬时高并发时系统会出现一定卡顿，但总体运行非常流畅。服务器当前状态如下：

最近，我决定花一些时间将搁置已久..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-test-host/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

💾

前面我们已经聊过常见的域名类型以及选择域名时需要注意的事项。随着互联网的发展，尤其是早期域名的“圈地运动”，如今优质域名资源已经变得十分稀缺，很多简洁好记、意义明确的域名早已被注册或者待价而沽。虽然当前已经是移动互联网、App、小程序盛行的时代，但拥有一个好域名，依然能为网站带来品牌价值、信任感和传播优势。

那么，面对几乎被注册殆尽的域名市场，我们该如何在夹缝中突围，找到一个既符合需求又便于传播的域名呢？接下来，我会介绍一些实用的方法和工具，帮助你快速筛选、挖掘适合自己的好域名。

1. 确定自己域名的关键词

参照我在上一篇《网站建设时该如何选择域名，有哪些注意事项？》中的内容，我们首先要做的事情是——为你的网站或者应用锁定一个关键词，也就是一个大的方向。这一步至关重要，它相当于给你的域名设定了一个“核心锚点”。

比如，你是一名设计师，打算建设一个专注于商标、品牌设计的网站。那么你最自然会想到的关键词就是 logo 或者 brand 或者 shangbiao。这是一个起点，有了这个基础，你就可以围绕这个关键词，结合创意工具和组合方法，去发散思考和筛选域名。

接着，我们拿着这个关键词去个大平台检索域名注册情况（后面文章会详细介绍域名注册机构）。从咱们最熟悉的腾讯云、阿里云得到的结果分别如下..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/%e5%af%bb%e6%89%be%e5%9f%9f%e5%90%8d/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

这些年国内版权意识的整体提升（主要是法律法规逐步健全、版权保护案例越来越多、平台审核机制也愈发严格），无论是使用者还是创作者，对“版权”这两个字都比以前上心得多。早些年草根互联网盛行，随手扒张图、剪个音乐、搬运个视频就往自己作品里一塞，基本没人管你。但现在，稍不留神，就可能踩到红线，甚至被起诉。

对于像我们这些摄影爱好者来说，咱们拍的照片可能算不上有多大价值，可真要是被人随便拿去用了，甚至还商用了，倒也不是心疼钱，就是憋屈——毕竟那是自己拍的，是吧。

其实这篇文章躺在我草稿箱里也有段时间了。最初起意写它，是因为在 2024 年年底，我收到一封图片使用申请的邮件。那张图，是我在 2017 年拍摄并发在 Kevin’s 博客上的重庆人民大礼堂夜景。那时候我对拍摄、修图还一窍不通（当然，现在也没好多少），评论区的 @老何 还帮我调了个色。一转眼，时间过去这么多年了。

邮件的发件人是个读书会组织者，说想..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/photography/%e7%85%a7%e7%89%87%e7%ae%a1%e7%90%86/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

苹果的实况照片（Live Photos）功能能够捕捉照片前后各 1.5 秒的视频，为静态图片赋予生动感。而如果你想在 WordPress 博客中也展示这样的视觉效果，现在可以通过 Live Photos Block 插件 来轻松实现。

这个插件实现简单，加载轻巧，效果还算不错，适合用于图片故事类博客或日常记录。我在果果日记博客的测试中，体验总体良好。不过，它仍有一定优化空间，比如可进一步避免脚本重复加载，并让脚本仅在区块真正启用时才加载，等等。当然，这些都可以通过简单修改代码来实现，可以自己动手优化一下。

1. WordPress-LivePhotos 插件简介

Live Photos Block 插件是由博友 万事屋日记 编写并开源的 Gutenberg 区块扩展，允许用户在编辑器中插入一个自定义区块，以模拟苹果实况照片的播放效果。

你可以在区块中上传任意一张图片（如 JPG、PNG）和一个短视频（如 MOV、MP4），插件会自动构造一个前端播放器，让这对照片+视频组合表现出如 Live Photo 般的效果。

插件引用了 Apple 官方的 JS，前台效果可以说一毛一样。但它并不需要照片和视频具备特定格式、长度或编码要求——只要浏览器支持，插件都能正常工作。

2. 实况照片格..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-live-photos-block-plugin/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

透明 PNG 图片是摄影师和设计师的得力工具，可直接用于海报、网站、社交媒体等场景，省去繁琐的抠图步骤。pngimg.com 提供超过 10 万张免费、免登录下载的透明素材，是创作者的实用资源。

相较于 Unsplash 等通用素材站，pngimg.com 专注于透明图像，省去了后期处理的麻烦。即使 AI 抠图已很方便，人工筛选素材仍耗时，而这里高效又便捷。无论是做海报、社交内容还是作品集，它都能派上用场，建议收藏。官网地址 https://pngimg.com/。

1. Pngimg.com 是什么？

pngimg.com 是个免费高分辨率透明 PNG 图片网站，2013 年上线，由设计师团队维护，图片背景已处理好，直接下载即用..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/resources/png-images-site/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者