关于博客园的合集怎么添加进文章里

好的，在博客园中将“合集”添加到文章里，实际上有两个层面的操作：

将单篇文章归类到某个合集中（这是最常见和基础的操作）
在文章内容中展示合集的导航链接（这能有效提升读者体验和页面浏览量）

下面我将为你详细讲解这两种操作。

方法一：将文章归类到某个合集（设置文章分类）

这是发布文章时的基本操作，目的是让文章在合集的列表页中出现。

步骤如下：

进入博客园后台，点击“管理” -> “随笔”。
在写新文章或者编辑旧文章时，在编辑器的右侧或下方找到 “分类” 区域。
在这里你可以管理你的博客分类（也就是合集）。
- 添加新分类：点击“新分类”或类似按钮，输入你想要的合集名称（如“Python学习笔记”、“生活随笔”），然后保存。
- 选择已有分类：直接从下方的分类列表中勾选一个或多个分类。一篇随笔可以属于多个分类。
发布或保存文章后，这篇文章就会自动出现在你选择的合集（分类）页面里。

效果：
读者点击你博客侧边栏的“分类”模块中的某个合集名称，或者点击文章顶部显示的分类链接，就能进入这个合集的专属页面，看到所有包含在内的文章列表。

方法二：在文章内容中插入合集导航（增强功能）

如果你希望读者在当前文章底部或顶部看到“上一篇”、“下一篇”或者一个完整的合集目录，你需要通过一些额外的设置或代码来实现。博客园原生不支持在文章内直接插入动态合集导航，但可以通过以下两种强大的方式实现：

方式 1：使用“公告”或“页脚HTML代码”（推荐，一劳永逸）

这是最优雅的方式，通过设置一次，就能让站点内的所有文章都自动显示合集导航。

操作步骤：

进入博客园后台，点击“设置”。
找到 “页首/页脚HTML代码” 或 “公告” 设置项。（推荐使用“页脚HTML代码”，因为它位于文章之后，不影响正文阅读）。
在代码框中插入以下JavaScript代码。这段代码会自动检测当前文章所属的分类，并为该分类生成一个导航链接。

<script type="text/javascript">
// 博客园文章合集导航脚本
function loadPostCategoryNavigation() {
    // 获取当前文章的分类链接
    const categoryLink = document.querySelector('.postDesc a[href*="/cate/"]');
    if (!categoryLink) return; // 如果文章没有分类，则退出

    const categoryUrl = categoryLink.href;
    const categoryName = categoryLink.textContent;

    // 创建导航HTML
    const navHtml = `
        <div id="post-category-nav" style="margin: 2em 0; padding: 1em; background: #f5f5f5; border-left: 4px solid #0c8ed3; border-radius: 4px;">
            <p style="margin: 0 0 10px 0; font-weight: bold; color: #333;">本文属于合集：<a href="${categoryUrl}" target="_blank">${categoryName}</a></p>
            <p style="margin: 0; font-size: 0.9em;">
                <a href="${categoryUrl}" target="_blank">📚 点击查看本合集的所有文章</a>
            </p>
        </div>
    `;

    // 将导航插入到文章底部（位置可以调整）
    const postBody = document.getElementById('cnblogs_post_body');
    if (postBody) {
        postBody.insertAdjacentHTML('afterend', navHtml);
    }
}

// 当页面加载完成后执行
window.addEventListener('load', loadPostCategoryNavigation);
</script>

效果：
保存后，你的每一篇文章底部都会出现一个醒目的灰色框，提示读者这篇文章属于哪个合集，并提供一个链接直达合集总页面。

方式 2：在单篇文章中手动插入链接

如果你的合集文章不多，或者只想为特定文章添加，这是最直接的方法。

操作步骤：

首先，你需要知道你那个合集的链接地址。
- 方法：进入你的博客首页，点击侧边栏的某个分类，浏览器地址栏的URL就是该合集的链接。格式通常为：https://www.cnblogs.com/你的博客名/cate/分类ID/
在撰写或编辑文章时，在文章的合适位置（通常在开头或结尾），使用Markdown或HTML添加一个链接。

Markdown语法示例：

---
**本文是「[我的Python入门教程](https://www.cnblogs.com/yourname/cate/123456/)」合集的一部分。**
---

HTML语法示例：

<p style="background: #f5f5f5; padding: 10px; border-left: 4px solid #0c8ed3;">
    <strong>本文是「<a href="https://www.cnblogs.com/yourname/cate/123456/" target="_blank">我的Python入门教程</a>」合集的一部分。</strong>
</p>

总结与建议

方法	优点	缺点	适用场景
方法一：设置文章分类	必须操作，是合集功能的基础。	只能在合集列表页查看，文章内无直接导航。	所有文章都必须进行的归类操作。
方法二（方式1）：页脚代码	一劳永逸，全站自动化，用户体验好。	需要一点点代码，但只需设置一次。	强烈推荐，希望提升博客专业度和读者粘性。
方法二（方式2）：手动插入	简单直接，灵活控制。	每篇文章都需要手动添加，维护麻烦。	仅为少数重点系列文章添加。

最佳实践：

坚持使用【方法一】 为每一篇文章正确分类。
采用【方法二（方式1）】，将提供的JavaScript代码放入博客园的“页脚HTML代码”中。这样你就同时完成了文章的归类和内容内的导航展示，为读者提供了最佳的阅读体验。

希望这个详细的解答能帮助你更好地管理你的博客园合集！

posted @ 2025-10-25 18:20 TokE648 阅读(16) 评论(0) 收藏举报

刷新页面返回顶部