上一篇文章中，我们详细探讨了 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 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

在动手建站之前，最重要的一件事就是搞清楚“你为什么要建站”。是为了推广产品、展示作品、发布信息，还是只是觉得拥有一个网站很酷？这个问题听起来简单，却决定了你建站的方向、内容策略乃至后续投入的精力和时间。目标不清，方向就会漂移，最终很可能做着做着就失去了动力，甚至半途而废。

笔者第一次做网站是在 12 年前，那会儿我临近大学毕业，可能是看了某个帖子突然就发现做网站似乎也不那么难，于是对此一窍不通的我开始从零开始学习做网站了。得亏我那会儿年轻学习能力强，能熬夜，所以即便走了不少弯路，最终也还是能把小站做得像模像样，当时好像有人愿意出一点钱买那个小破站…

不过正如本节标题写的，我当时没有非常明确的建站目标，也不清楚自己的边界在哪里，所以最终也只是折腾一番没啥成果……哦，也不是完全没成果，这不学会怎么做网站了嘛？

彼时中国互联网电商领域几乎是淘宝一骑绝尘，京东还在奋力追赶，远没有如今的体量与影响力，更遑论拼多多和抖音这样的后来者。当时有一个非常流行、而且看起来相当赚钱的个人职业叫“淘宝客”，简称“淘客”。这是一个典型的单兵作战型的互联网创业方式——个体通过在博客、论..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/%e6%88%91%e7%9a%84%e5%bb%ba%e7%ab%99%e4%b9%8b%e8%b7%af/
版权声明： 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 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

Snazzy Maps 是一个免费的在线工具，专为 Google Maps 提供多样化的样式定制服务。它帮助网页设计师、开发者以及内容创作者打造视觉独特的地图，摆脱传统地图的单调界面。无论是为博客嵌入旅行地图、为品牌网站设计专属门店位置，还是为活动策划制作主题化的场地展示，Snazzy Maps 都能满足需求。它提供上千种预设样式，涵盖多种色彩和主题，同时支持深度自定义地图元素，如道路、水域和景点。

// 这篇文章由 Grok 协助撰写。最初觉得 Snazzy Maps 颇具创意，但发现 Google Maps 在中国大陆的支持较为有限，因此本文仅作简要分享，未深入展开。

工具的操作简单直观，用户无需编程经验即可上手。通过 Snazzy Maps，你可以将地图变成一张专属画布，创作符合个人审美或品牌风格的艺术地图。网站还提供 JSON 代码输出和 WordPress 插件，方便开发者快速将样式集成到网页中。对于非技术用户，Snazzy Maps 支持直接下载高分辨率地图图片，适用于 PPT、宣传材料等场景。

作为一名博主，我在 Kevin's Space（https://www.shephe.com/）分享旅行和摄影内容时，经常需要展示地点信息。传统的截图显得干巴巴，难以融入文章的视觉风格。Snazzy Maps 解决了这个问题，让我可以轻松制作精美、个性化的地图。例如，在记录北京故宫游记时，我用 Snazzy Maps 创建了一款复古风格的地图，突出故宫的建筑轮廓，与文章的怀旧氛围完美契合。

[ 阅读全文 ]

---

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

如果你像我一样经常在各类博客间闲逛，可能也会有类似的体验：每次点击进入一篇新文章时，总需要“等一等”。这种等待在使用普通虚拟主机或轻量云服务器的站点上尤其明显。虽然如今的网络带宽早已不是瓶颈，但用户真正感受到的“快”与“慢”，往往并不只是网速或服务器性能的问题，而是浏览器加载页面的方式、点击响应的效率等一系列前端体验因素。

前几天，我在浏览博友 Jeffer 的网站时，看到他分享了几个优化 WordPress 访问速度的方法，其中一款名为 instant.page 的页面预加载插件引起了我的注意。该插件主打“鼠标悬停即预加载”，能明显提升用户感知的加载速度。经我实测效果的确不错，清明假期便顺势在博客 Kevin’s Space 上折腾了下，在此做个简单的分享。

1. instant.page 是什么？

instant.page 是一个只有 17KB 左右的轻量 JavaScript 插件，它的核心思路是“提前预加载即将点击的链接”。当用户鼠标悬停在一个链接上超过一定时间（默认是 65 毫秒），插件就会利用浏览器的 <link rel="prefetch"> 功能，提前请求目标页面的主要资源。这意味着：

..... [ 阅读全文 ]

---

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

ScreenToGif 是一款免费的开源软件，允许用户通过屏幕录制功能轻松创建 GIF 动画。它提供了录制区域选择、编辑和导出功能，支持高质量的 GIF 文件生成。此外，用户还可以通过内置的编辑器对录制的内容进行剪辑、调整帧速率、添加文本或效果等操作，制作出自定义的动画。

该工具在 GitHub 上开源，用户可以根据需要修改源代码以满足个性化需求。它支持多种格式的导出，包括 GIF、视频和图像序列，并允许将录制内容直接保存为不同的文件类型。ScreenToGif 界面简洁、易于使用，非常适合制作教程、表情包或展示动画等用途。

GIF（Graphics Interchange Format）是一种广泛使用的图像格式，支持多帧动画和透明背景。它通过将多张图片按顺序排列，创建短小的动画效果，通常用于表情包、广告和网页元素中。GIF 文件因其支持循环播放和较小的文件体积而受到青睐。

GIF 格式使用无损压缩，因此图像质量不会因压缩而降低，但它的颜色限制为 256 色，使其不适合用于展示复杂色彩的照片。尽管如此，GIF 因其简单、易于分享和兼容性强，仍然是互联网上非常流行的动态图像格式。

——Gif 是什么？

1. ScreenToGif 下载 & 简单上手

天将降大任于斯人也，然我却沉迷于美色娱乐，未能苦练心志，增益我所不能，嗟叹，这道题太难了！我一直自制力薄弱，稍有不慎便会偏离目标，抖音一刷就停不下来那种。使用了本文所述的方案，应该会有所缓解…吧？

前两天看了一场PUBG的比赛，心血来潮又下载了 Steam 注册了账号，不论白天晚上一有空档便专注游戏，狠坐一天腰杆嘎嘎硬。就这样玩了两天下来似乎过足瘾了，又打算删除游戏。但我似乎意识到，这玩意儿即便删除了不久以后我又要下载回来，浪费时间不说还消耗网络伤害硬盘（50GB+），有没有什么方法或软件可以帮助我限制游戏时间，防止沉迷呢？

经过一番研究和对比，我最终选择了号称最强防沉迷软件的 Cold Turkey Blocker。它到底有多强？据说是一旦启用，无论你试图卸载或删除该软件、移除游戏，甚至重启电脑，都无法绕过它的限制——唯一的破解方法就是重装系统。

试用过程中，因为 Cold Turkey Blocker 不支持简体中文，我不小心勾选了“使用即锁屏”选项，结果导致白天完全无法使用电脑！幸好我还留了一丝“后路”——从微信输入法的剪切板里找回了密码的痕迹，晚上修改了规则。否则，我可能真的只能靠重装系统来解围了！

1. Cold Turkey Blocker 下载安装..... [ 阅读全文 ]

---

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