博客搭建过程中的那些问题

2024-7-13|2024-7-14
FollyCoolly
FollyCoolly
type
status
date
slug
summary
tags
category
icon
password

博客方案选择

博客方案
pros
cons
WordPress
生态系统强大，有丰富的插件和主题。 功能全面，几乎能满足所有博客需求。 社区支持广泛。可玩性高。
购买好看的主题需要额外花钱。 控制界面较简陋。
Halo
基于 Java 开发，后台直接支持 Markdown。 部署方便。
开发团队规模小，生态系统不完善，主题少且更新慢。 Markdown 编辑器对数学公式支持不完美。 资源占用高。
Hexo
基于 NodeJS 的静态博客，性能好。 使用 Next 主题，能很好地支持数学公式。
评论、浏览量统计、搜索等功能需要额外插件。 上传图片需要使用图床，发文章需要重新编译上传。
Typecho
国人开发，轻量级，资源占用少。 后台原生支持 Markdown。有一些不错的主题可供选择。
程序多年不更新，存在不少BUG。 未来发展不明朗，维护不及时。
Hugo
基于 Go 语言开发的静态博客，性能优异。
生态系统不完善，主题更新慢。
NotionNext
部署博客和更新文章都很方便。
依赖于 Notion。 主题选择少。
心路历程：一开始想着用 WordPress，从零开始慢慢折腾，这样能学到更多。可惜服务器价格实在太劝退了，租不起租不起… 之前用过 Github page + Hexo，只留下了操作麻烦的印象。Notion 自己平时也一直在用，遂决定尝试一下 NotionNext，反正可以白嫖。目前来看体验尚可，主题虽少但是质量还行（之前试用 WordPress 感觉免费主题都好丑）。可玩性方面，服务器不需要自己维护，但是博客页面本身还是可以折腾折腾的，开发团队也提供了相对丰富的二次开发文档。

如何使用 NotionNext 搭建博客？

搭建步骤

官方文档非常详细：
Vercel部署NotionNext
不管怎样，这里还是把步骤列出来：
  1. notion 中 duplicate 官方模板。
  1. 将对应的笔记页面 Share to web，并记录页面 ID。
  1. Fork NotionNext 项目。
  1. Vercel 中根据上一步 Fork 的 NotionNext 创建新项目。创建时添加环境变量NOTION_PAGE_ID，值为第 2 步获取的页面 ID。
  1. 在Vercel控制面板中找到Setting→Domains→Add，根据提示在域名提供商处添加相关解析。

后续设置

什么是主域名？

主域名（Primary Domain）是指在多个可能的域名中，指定为网站或网络服务的主要访问域名。这个域名通常是用户访问时看到的默认域名，并且是搜索引擎优化（SEO）和品牌推广的主要对象。
vercel 中设置博客域名时，提示需要选择是添加 follycoolly.site，然后重定向 www.follycoolly.site 到 follycoolly.site，还是添加 www.follycoolly.site，然后重定向 follycoolly.site 到 www.follycoolly.site. 前者便是将 follycoolly.site 作为主域名。

选择带 www 还是不带 www 的主域名

带 www
  • 适用于需要灵活 DNS 配置或有多个子域名的情况。
  • 传统和习惯上的选择，有时给人感觉更“正式”。
不带 www
  • 适用于现代简洁的网页设计，追求更简洁的用户体验。
  • 对于大多数中小型网站来说，管理更简单。

为什么需要将其他域名重定向到主域名，不能都直接指向 IP 地址吗

  • SEO 优化
    • 避免重复内容：如果多个域名指向相同的内容，搜索引擎可能会认为这是重复内容，从而降低这些页面的排名。使用重定向可以告诉搜索引擎哪个域名是主要的，从而集中页面权重，提升搜索引擎排名。
    • 权重集中：通过将其他域名重定向到主域名，你可以将所有流量和链接的权重集中到一个域名上，这有助于提高主域名的搜索引擎优化（SEO）效果。
  • 用户体验
    • 统一品牌形象：将用户统一重定向到主域名可以保持品牌的一致性和专业性。用户会习惯并记住一个主域名，而不是混淆于多个不同的域名。
    • 减少混淆：如果用户看到多个不同的域名指向相同内容，可能会产生混淆。通过重定向，你可以确保用户总是访问正确的主域名。
  • 维护和管理
    • 简化管理：管理一个主域名比管理多个域名要容易得多。通过重定向，你只需维护主域名的 DNS 和配置，而不是每个域名都进行单独管理。
    • 便于更新：如果服务器的 IP 地址发生变化，你只需更新主域名的 A 记录，而不需要更新所有的域名。
  • 安全性
    • SSL证书管理：为了确保安全的 HTTPS 连接，网站需要使用 SSL 证书。如果所有的域名都直接指向 IP 地址，你需要为每个域名单独申请和管理 SSL 证书。通过重定向到主域名，你只需为主域名申请和管理一个 SSL 证书。
    • 防止钓鱼和欺诈：统一使用主域名可以防止恶意攻击者利用其他域名进行钓鱼或欺诈。重定向可以确保用户总是访问合法的主域名，提升安全性。
  • 分析和统计
    • 集中的流量分析：将所有流量重定向到主域名，有助于在一个地方集中分析和统计网站的访问情况。这可以帮助你更好地了解用户行为和网站性能，做出更有针对性的优化决策。

解析记录类型

  • A记录（Address Record）
    • 作用：将域名解析到 IPv4 地址。
    • 示例：example.com A 93.184.216.34
  • AAAA记录（IPv6 Address Record）
    • 作用：将域名解析到 IPv6 地址。
    • 示例：example.com AAAA 2606:2800:220:1:248:1893:25c8:1946
  • CNAME记录（Canonical Name Record）
    • 作用：将一个域名别名解析到另一个域名。
    • 示例：www.example.com CNAME example.com
这里不多列举了，可以直接看文档：阿里云文档：添加解析记录

什么是 Slug

在网站开发和内容管理系统（CMS）中，"slug" 是指一种用于在 URL 中表示页面或文章的简短标识符。Slug 通常是从页面标题生成的，并且是 URL 中的一部分，用于帮助搜索引擎和用户识别页面内容。

生成 Slug 的示例

假设你有一篇标题为 "How to Cook the Perfect Steak" 的文章，生成的 slug 可能是：
  • 原始标题: "How to Cook the Perfect Steak"
  • 生成的 slug: how-to-cook-the-perfect-steak
在 URL 中，这篇文章的地址可能是：

Slug 的用法

  1. SEO 优化：描述性和关键字丰富的 slug 可以提升搜索引擎排名，因为它们帮助搜索引擎更好地理解页面内容。
  1. 用户体验：清晰且易读的 slug 有助于用户理解页面内容，并在浏览器地址栏或链接中更容易记住。
  1. URL 结构：在动态网站和 CMS 中，slug 是组织和管理内容的一种方式，帮助创建有意义且结构化的 URL。

Slug 的最佳实践

  1. 使用小写字母：避免使用大写字母，以确保 URL 的一致性和可读性。
  1. 使用短横线：用短横线 - 分隔单词，而不是下划线 _，因为搜索引擎将短横线视为单词分隔符。
  1. 保持简洁：尽量使 slug 简洁，不要包含过多的词或不必要的字符。
  1. 避免特殊字符：去除标题中的特殊字符和标点符号，以确保 slug 的简洁和安全。

一些坑

  • 当前版本似乎不支持 notion 中Mention形式的连接，不過URL|Bookmark|Embed的形式倒是都能支持。
 
 
 
 
技术分享
Maven学习笔记移动光猫获取超级用户，开启 IPV6
Loading...