docs(page): 如何进行 Folo 订阅源认证 & feat(page): 增加友链

1. Footer 增加跳转 2. 增添友链
2026-05-31 01:20:06 -04:00 · 2025-08-11 17:58:27 +08:00
parent af1c8e39d0
commit 05744216fd
20 changed files with 188 additions and 11 deletions
@@ -13,7 +13,7 @@ const currentYear = new Date().getFullYear();
    <div class="transition text-50 text-sm text-center">
        <a href="https://icp.gov.moe/?keyword=20256087" target="_blank">萌ICP备20256087号</a>
        <br>
-        &copy; <span id="copyright-year">{currentYear}</span> {profileConfig.name}. All Rights Reserved.
+        &copy; <span id="copyright-year">{currentYear}</span> <span><a class="transition link text-[var(--primary)] font-medium" href="https://github.com/Ad-closeNN" target="blank">{profileConfig.name}</a></span>. All Rights Reserved.
        <br>
        <a class="transition link text-[var(--primary)] font-medium" target="_blank" href={url('rss.xml')}>RSS</a> /
        <a class="transition link text-[var(--primary)] font-medium" target="_blank" href={url('sitemap-index.xml')}>Sitemap</a><br>
@@ -10,10 +10,10 @@ import { LinkPreset } from "./types/config";

 export const siteConfig: SiteConfig = {
 	title: "Ad_closeNN 的小站",
-	subtitle: "Ad_closeNN 的小站，时不时会刷新一些野生的文档。",
+	subtitle: "Ad_closeNN の 小站，时不时会刷新一些野生东西 | ✨ 欢迎友链，天天开心！ ✨",
 	lang: "zh_CN", // Language code, e.g. 'en', 'zh-CN', 'ja', etc.
 	themeColor: {
-		hue: 360, // Invalid but fun( Default hue for the theme color, from 0 to 360. e.g. red: 0, teal: 200, cyan: 250, pink: 345
+		hue: 140, // Default hue for the theme color, from 0 to 360. e.g. red: 0, teal: 200, cyan: 250, pink: 345
 		fixed: false, // Hide the theme color picker for visitors
 	},
 	banner: {
@@ -22,8 +22,8 @@ export const siteConfig: SiteConfig = {
 		position: "center", // Equivalent to object-position, only supports 'top', 'center', 'bottom'. 'center' by default
 		credit: {
 			enable: true, // Display the credit text of the banner image
-			text: "Carbon", // Credit text to be displayed
-			url: "https://carbon.now.sh", // (Optional) URL link to the original artwork or artist's page
+			text: "Apache | Carbon", // Credit text to be displayed
+			url: "https://httpd.apache.org/docs/2.4/getting-started.html", // (Optional) URL link to the original artwork or artist's page
 		},
 	},
 	background: {
@@ -58,6 +58,11 @@ export const navBarConfig: NavBarConfig = {
 		LinkPreset.Home,
 		LinkPreset.Archive,
 		LinkPreset.About,
+		{
+			name: "友情链接",
+			url: "/friends/", // Internal links should not include the base path, as it is automatically added
+			external: false, // Show an external link icon and will open in a new tab
+		},
 		{
 			name: "统计信息",
 			url: "https://umami.adclosenn.top/share/XMDJoIb1D21UxHdH", // Internal links should not include the base path, as it is automatically added
@@ -25,7 +25,7 @@ draft: false
 群友目前反馈，已经无法直连
 ```

-:::note
+:::note["笔记"]
 仅 DC5（数据中心） 用户（包括手机号+86）可直连
 ![telegram-dc-list](../assets/images/telegram-dc-list.png)
 :::
@@ -0,0 +1,80 @@
+---
+title: 如何进行 Folo 订阅源认证
+published: 2025-08-10
+tags: ["认证", "网站"]
+description: Folo（Follow）是一个 RSS 订阅源合集软件，用它可以快速浏览新鲜事，也可以认证自己的 RSS 订阅源
+image: ../assets/images/folo-rss-verify-panel.png
+category: 教程
+draft: false
+---
+
+# 前言
+:::tip[提示]
+Folo 也就是之前的 Follow，只不过改名成了 Folo。
+:::
+
+如你所见，这是 Folo 的订阅源认证卡片，代表着这个 RSS 订阅源未经认证（没有与**订阅源提供者**的 Folo 账户进行绑定）。  
+所以我们现在的目标是 **将订阅源与自己的 Folo 账户绑定，认证这个订阅源** 。
+
+以下**会有 3 种认证方式**可选：**纯文本**、**描述**、**RSS 标签**，请根据自己的博客框架或 RSS 生成器选择。  
+
+**RSS 标签** 这种方法适用于悄无声息地认证。  
+**纯文本** 这种方法适合大部分博客。
+
+本站使用 [RSS 标签](#rss-标签) 方法进行订阅源认证：[rss.xml](https://adclosenn.top/rss.xml) 。
+
+# 纯文本认证
+这种方法极其简单，你只需要发一篇文章到你的博客或者其他平台即可。本质上就是通过读取你的 RSS 订阅文件，查看里面是否有 Folo 给出的文本。所以认证文本**必须**要可在 RSS 订阅文件找到。  
+[https://adclosenn.top/rss.xml](https://adclosenn.top/rss.xml) 这个是本站的 RSS 订阅源地址，你可以在最下面的 Footer 处找到。
+
+你需要将类似如这串文本（可在 Folo 中复制）粘贴到你的文章中（不要使用我的，每个人的都不一样）：
+
+```
+This message is used to verify that this feed (feedId:177350379949135872) belongs to me (userId:83370505718413312). Join me in enjoying the next generation information browser https://folo.is.
+```
+
+# 描述认证
+也就是 Folo 认证卡片中的中间那个。  
+这个方法需要把认证语句添加到 RSS 生成器的 `<description></description>` 处。  
+如果你使用的和本站相同框架 [Astro](https://astro.build) ，那么可以到 `src/config.ts`，在 `subtitle` 添加认证语句。
+
+```ts
+export const siteConfig: SiteConfig = {
+	title: "Ad_closeNN 的小站",
+	subtitle: "Ad_closeNN の 小站，时不时会刷新一些野生东西 | ✨ 欢迎友链，天天开心！ ✨ | feedId:177350379949135872+userId:83370505718413312",
+	lang: "zh_CN", // Language code, e.g. 'en', 'zh-CN', 'ja', etc.
+}
+```
+
+
+:::note[代码来源]
+
+```ts title="src/pages/rss.xml.ts" {3}
+	return rss({
+		title: siteConfig.title,
+		description: siteConfig.subtitle || 'No description',
+		site: context.site,
+		items: feed,
+        ...
+    })
+```
+:::
+
+# RSS 标签
+如果你使用的和本站相同框架 [Astro](https://astro.build) ，那么可以到 `src/config.ts` 中的第 6 行，在 `</language>` 后添加 `<follow_challenge></follow_challenge>` 进行认证：
+
+
+```ts title="src/pages/rss.xml.ts" {6}
+	return rss({
+		title: siteConfig.title,
+		description: siteConfig.subtitle || 'No description',
+		site: context.site,
+		items: feed,
+		customData: `<language>${siteConfig.lang}</language><follow_challenge><feedId>177350379949135872</feedId><userId>83370505718413312</userId></follow_challenge>`,
+	});
+```
+
+![folo-rss-verify-panel-xmlformat](../assets/images/folo-rss-verify-panel-xmlformat.png)
+
+# 结束
+写完并 push，等网站部署完毕后，点击 Folo 右下加的 **验证** 按钮，如果通过即为**验证成功**，恭喜你。
@@ -1,5 +1,5 @@
 ---
-title: 新域名！
+title: "[置顶] 新域名！"
 published: 2099-12-31
 tags: ["域名"]
 description: 获得了一个新域名 *这使我充满了决心
@@ -9,7 +9,7 @@ draft: false
 ---

 # .xyz 域名
-:::note
+:::warning["注意"]
 如无特殊指代，阿里云指[阿里云（国内站）](https://wanwang.aliyun.com/domain)。
 :::
 之前在[*里云](https://wanwang.aliyun.com/domain)买了个8位纯数字的 `.xyz` 域名，现在买了 `.top` 后觉得特亏。一是在阿里云里面买任何域名都需要实名认证（14+），还得填一些实际身份的信息，我了个去，填完这些信息都够我在 Spaceship 买两次域名了，真是够麻烦的。。。
@@ -93,7 +93,7 @@ URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/

 16:00 点后，来到 gen.xyz，填了填报告，submit了。而这居然还有坑？

-:::warning
+:::warning["注意"]
 当时的情况如此，并非等于现在情况。
 :::

@@ -1,7 +1,7 @@
 # 关于 / Hi there!
 既然你来到了这里，就说明你在访问由 [Netlify](https://www.netlify.com) 托管的 [adclosenn.top](https://adclosenn.top)。本站 Netlify 优选 IP：`3.33.186.135`

-本站使用 [@satcaca/fuwari](https://github.com/saicaca/fuwari) 博客模板，部分代码来源于 [@afoim/fuwri](https://github.com/afoim/fuwar)。嗯，真漂亮，真好用。
+本站使用 [@satcaca/fuwari](https://github.com/saicaca/fuwari) 博客模板，部分代码来源于 [@afoim/fuwari](https://github.com/afoim/fuwari)。嗯，真漂亮，真好用。

 ::github{repo="saicaca/fuwari"}
 ::github{repo="withastro/astro"}
@@ -2,7 +2,7 @@
 # [返回关于页](/about/)
 本站使用了 [MiSans](https://hyperos.mi.com/font) 作为显示字体。字体来源为**小米官网**使用的 CDN 服务器。

-:::tip
+:::tip[提示]
 以下是本网站框架的配置文件 `tailwind.config.cjs`，位于网站根目录下。\
 如需使用本站同款 `MiSans VF`（可变字重），可点击此处 <a href="/assets/misans.css" target="_blank" rel="noopener noreferrer">assets/misans.css</a> 获取对应的 `.css` 文件，然后将 `misans.css` 中所有内容插入到 `src/styles/main.css` 内，再将 `tailwind.config.cjs` 修改一下即可。
 :::
@@ -0,0 +1,92 @@
+---
+import MainGridLayout from "@layouts/MainGridLayout.astro";
+import { Icon } from "astro-icon/components";
+---
+
+<MainGridLayout title="友情链接">
+    <div class="card-base p-6 md:p-8">
+        <div class="flex items-center gap-2 mb-6">
+            <div class="h-8 w-8 rounded-lg bg-[var(--primary)] flex items-center justify-center text-white dark:text-black/70">
+                <Icon name="material-symbols:diversity-3" class="text-[1.5rem]">
+            </div>
+            <h1 class="text-2xl font-bold text-black dark:text-white">友情链接</h1>
+        </div>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            
+            <a href="https://www.netlify.com/" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="https://www.netlify.com/favicon.ico" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">Netlify（本站托管平台）</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">AWS CDN，优选后简直不要太香！</div>
+            </a>
+
+            <a href="https://github.com/saicaca/fuwari" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="/assets/favicon/saicaca.png" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">fuwari（本站使用的模板）</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">使用 Astro 构建的静态博客模板</div>
+            </a>
+            
+            <a href="https://chatgpt.com" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="https://cdn.oaistatic.com/assets/favicon-l4nq08hd.svg" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">ChatGPT</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">这玩意难道有时候不比脑子好使？</div>
+            </a>
+            
+            <a href="https://code.visualstudio.com" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="https://code.visualstudio.com/assets/favicon.ico" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">Visual Studio Code</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">编辑器中的真神！</div>
+            </a>
+            
+            <a href="https://github.com" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="/assets/favicon/github.ico" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">GitHub</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">Build and ship software on a single, collaborative platform | 在单一协作平台上构建和交付软件</div>
+            </a>
+
+            <a href="https://hitokoto.cn" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="https://hitokoto.cn/favicon.ico" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">一言</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">把一些句子汇聚起来，形成一言网络，以传递更多的感动</div>
+            </a>
+
+            <a href="https://2x.nz" target="_blank" class="friend-card">
+                <div class="flex items-center gap-2">
+                    <img src="https://2x.nz/favicon.webp" loading="lazy" class="w-5 h-5 rounded">
+                    <div class="font-bold text-black dark:text-white">AcoFork Blog</div>
+                </div>
+                <div class="text-sm text-black/50 dark:text-white/50">爱你所爱~ ❤</div>
+            </a>
+        
+        </div>
+
+        <!-- 申请友链 -->
+        <div class="sponsors-section mt-8">
+        	<h2 class="text-xl font-bold text-black dark:text-white mb-4 flex items-center gap-2">
+        		<Icon name="material-symbols:group" class="text-[1.5rem] text-[var(--primary)]"/>
+        		将您的网站加入本站友链
+        	</h2>
+        	<p class="text-sm text-black/60 dark:text-white/60">
+        		请自行提交 Issue ： <a target="_blank" href="https://github.com/Ad-closeNN/blog-friends/issues/new?title=%E5%8F%8B%E9%93%BE%E7%94%B3%E8%AF%B7%EF%BC%9A" class="transition link text-[var(--primary)] font-medium underline">点击这里提交</a>
+        	</p>
+        <br>
+    </div>
+
+</MainGridLayout>
+
+<style>
+.friend-card {
+    @apply flex flex-col gap-1 p-4 rounded-lg bg-[var(--card-bg)] hover:bg-black/5 dark:hover:bg-white/5 transition;
+}
+</style>