高级 on KOK博客

SEO 优化

Mon, 01 Jan 0001 00:00:00 +0000

SEO 优化

PrimeEdge 在主题层面已经做了很多 SEO 优化，本节介绍如何进一步配置以提升搜索引擎排名。

已集成的 SEO 功能

主题默认包含以下 SEO 优化：

语义化 HTML — 使用正确的标题层级和语义标签
Open Graph — 自动生成社交分享卡片信息
Twitter Card — 支持 Twitter 分享卡片
结构化数据 — 包含 Article 和 BreadcrumbList Schema
Canonical URL — 避免重复内容惩罚
RSS 输出 — 自动生成 RSS 订阅源

站点地图

Hugo 默认生成站点地图，确保 hugo.toml 中已启用：

[sitemap]
  changefreq = 'weekly'
  filename = 'sitemap.xml'
  priority = 0.5

生成后通过 https://yourdomain.com/sitemap.xml 访问，并提交到搜索引擎。

提交到搜索引擎

Google

访问 Google Search Console
添加你的站点
提交 sitemap.xml

Bing

访问 Bing Webmaster Tools
添加站点
提交 sitemap.xml

优化文章 SEO

标题和描述

每篇文章都应设置 title 和 description：

性能优化

Mon, 01 Jan 0001 00:00:00 +0000

性能优化

PrimeEdge 主题默认已进行多项性能优化，本节介绍进一步提升站点性能的方法。

主题内置优化

图片懒加载

主题中的图片默认使用 loading="lazy"，图片进入视口时才加载，减少初始请求数量。

CSS 优化

关键 CSS 内联，避免阻塞渲染
非关键 CSS 异步加载
使用 CSS 变量减少重复代码

JavaScript 优化

脚本异步加载，不阻塞页面渲染
按需加载第三方库（如 Fuse.js、Twikoo）
避免使用大型前端框架

Hugo 构建优化

启用压缩

构建时加上 --minify：

hugo --minify

这会压缩 HTML、CSS 和 JavaScript。

图片处理

在 hugo.toml 中配置：

[imaging]
  quality = 75
  resampleFilter = 'lanczos'

缓存控制

配置静态资源的缓存头：

[[server.headers]]
  for = '/**'
  [server.headers.values]
    Cache-Control = 'public, max-age=31536000'

图片优化

使用 WebP 格式

WebP 比 JPEG 和 PNG 有更好的压缩率：

{{< figure src="image.webp" >}}

响应式图片

Hugo 可以生成不同尺寸的图片：

{{< figure src="image.jpg" width="800" >}}

外部图床

对于大量图片，考虑使用外部图床（如 Cloudflare Images、又拍云）减轻服务器压力。

第三方服务优化

评论系统

如果使用 Twikoo，建议：

CDN 加速

Mon, 01 Jan 0001 00:00:00 +0000

CDN 加速

使用 CDN 可以显著提升站点的全球访问速度，降低服务器负载。

什么是 CDN

CDN（Content Delivery Network）通过将站点内容分发到全球各地的节点，让读者从最近的节点获取资源，从而加快访问速度。

选择 CDN 服务商

免费方案

服务商	特点	适用场景
Cloudflare	全球节点多，功能全面	个人博客首选
jsDelivr	开源项目免费加速	静态资源加速
腾讯云 CDN	国内节点多	国内用户为主

付费方案

服务商	特点	适用场景
阿里云 CDN	国内速度快	国内商业站点
AWS CloudFront	全球覆盖	国际化站点

配置 Cloudflare

1. 注册并添加站点

访问 Cloudflare 注册账号
添加你的域名
选择免费套餐

2. 修改 DNS

按照 Cloudflare 的指引，将域名 DNS 修改为 Cloudflare 提供的 NS 地址。

3. 开启 CDN 代理

在 Cloudflare DNS 管理页面，将记录的云图标点成橙色（已代理）。

4. 配置缓存规则

在 Cloudflare 后台配置：

迁移指南

Mon, 01 Jan 0001 00:00:00 +0000

迁移指南

本章节介绍如何从其他博客平台迁移到 PrimeEdge 主题。

从 Hexo 迁移

1. 导出内容

Hexo 的文章是 Markdown 文件，直接复制 source/_posts/ 下的文件到 Hugo 的 content/posts/ 即可。

2. 调整 Front Matter

Hexo 和 Hugo 的 Front Matter 格式基本一致，但部分字段名不同：

Hexo	Hugo	说明
`categories`	`categories`	相同
`tags`	`tags`	相同
`permalink`	`url`	URL 自定义
`cover`	`cover`	封面图

批量替换示例：

# 将 Hexo 的 permalink 替换为 Hugo 的 url
sed -i 's/^permalink:/url:/g' content/posts/*.md

3. 处理图片

Hexo 的 source/images/ 对应 Hugo 的 static/images/：

cp -r hexo-blog/source/images/* hugo-site/static/images/

4. 迁移评论

如果使用 Waline 或其他基于 URL 的评论系统，确保文章 URL 保持一致。可以在 hugo.toml 中配置 URL 格式：