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

去年底，果果把家里的电视砸坏了，家里顿时少了点儿烟火气，尤其是母亲带娃时，连个娱乐方式都没有。权衡了一番后，我决定入手雷鸟鹤 6 Pro 24 款 65 英寸电视，毕竟预算有限，网上口碑也不错。然而，电视安装完毕，上电随手打开一部电影，瞬间意识到：完了，这画质也太烂了！

雷鸟（FFALCON）是 TCL 旗下专注线上销售的电视品牌，在一些不太严谨的对比中，常有人直接将它称作换标的 TCL 电视。至于 TCL，本就是老牌家电厂商，电视产品在全球范围内口碑不俗，而我平时也喜欢网购，所以在看了一些评价和介绍后，我找了各种优惠并叠加国补花了￥3400 下单入手了。

选择这款电视的原因主要有三点：一是网上几乎清一色的好评；二是老家已经有一台雷鸟电视，总体体验尚可，为了降低老人换新机的学习成本；三是预算有限，想在有限范围内选个相对靠谱的品牌。然而，安装好后，第一观感就是失望——与我以前的索尼电视相比，画质简直是天壤之别！当然，拿它跟索尼比确实有点儿欺负它，毕竟品牌和定位都不同，可问题是，我那台索尼已经是七八年前的老产品了，而雷鸟在网上的评价实在是被吹得太夸张了，现在回头想想，大概率是水文软广刷得太猛——又或者，这个价位段的国产电视都一个水平？

之所以写下这篇日志，倒不是为了吐槽，而是想给后来的买家一个更真实的参考。如果你正考虑入手这款电视，建议再多看看、多对比，别被网上铺天盖地的夸赞..... [ 阅读全文 ]

---

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