Starlr blog

关于本站的一些域名

Wed, 30 Jul 2025 00:00:00 GMT

https://mcxclr.top
https://blog.182030.xyz
https://8.6.8.f.0.7.4.0.1.0.0.2.ip6.arpa
https://20120720.xyz
https://www.xc-lr.cn

通过Cloudflare Tunnel使用SSH

Wed, 04 Feb 2026 00:00:00 GMT

前言

在没有公网的条件下我们想访问无公网IP往往只能通过FRP或IPv6，本篇文章将介绍使用Cloudflare Tunnel连接内网中的SSH服务

准备

先决条件

Cloudflare账号，没有的自行注册一个，并需绑定一张信用卡（不会扣费）
一个托管在Cloudflare上的域名

安装Tunnel

打开Zero Trust团队名随便写一个，在左侧边栏找到网络，选择 连接器 。进来后点击 添加隧道 ，隧道类型选项 Cloudflared ，名称依旧随便取，保存隧道后选择系统类型，下面我以ubuntu 64-bit 为例

安装 cloudflared

可将给的shell脚本保存为.sh执行，连上需远程ssh的终端，执行

cat << 'EOF' > Install_cloudflared.sh
#!/bin/bash

# Add cloudflare gpg key
sudo mkdir -p --mode=0755 /usr/share/keyrings
curl -fsSL https://pkg.cloudflare.com/cloudflare-public-v2.gpg | sudo tee /usr/share/keyrings/cloudflare-public-v2.gpg >/dev/null

# Add this repo to your apt repositories
echo 'deb [signed-by=/usr/share/keyrings/cloudflare-public-v2.gpg] https://pkg.cloudflare.com/cloudflared any main' | sudo tee /etc/apt/sources.list.d/cloudflared.list

# install cloudflared
sudo apt-get update && sudo apt-get install cloudflared
EOF

赋予权限

chmod +x Install_cloudflared.sh

执行脚本安装

./Install_cloudflared.sh

连接

执行连接页面给的 让计算机每次启动时自动运行隧道 这条命令

sudo cloudflared service install <你的令牌>

若 Connectors 列表中出现了您的设备，则说明安装成功。

配置Tunnel及应用

发布应用程序路由

子域：随便填示例：ssh
域：选择你的域名
路径：空着
服务类型：SSH
URL：127.0.0.1

配置应用程序

侧栏中选中 访问控制 → 应用程序 → 添加应用程序

类型选择 自托管 ，名称依旧随便写，会话持续时间看你自己，我这里选的是6小时

点击 添加公共主机名 输入方式默认，但子域及域要填写与发布应用程序路由 一致的 ，展开下面的浏览器呈现设置 启用允许自动 Cloudflared 身份验证
浏览器呈现选择SSH
下面需创建一个策略，名称依旧随便写，操作选择允许
认证方式自己选一个方便的，我这里选的是EMAIL即邮箱，其它的看自己最后点保存，回到配置页面，选择好刚刚配置的规则，没其它要求一直点下一步，至此配置就结束了。

最终体验

打开你的域名，此时应会跳转到Cloudflare的验证界面，按照你自己选择的验证方式过后应该就会跳转到输入User 的界面，输入你的用户名提交后输入密码，至此就大功告成了。

Bot使用文档

Sat, 25 Oct 2025 00:00:00 GMT

:::warning 变量部分均使用{}包裹，多选项用/分隔 :::

LLM

Deepseek

切换命令：#Deepseek 常用模型，回复速度快，稳定缺点：无法识别图片

Gemini

切换命令：#Gemini 可以识别图片缺点：有速率限制，超过范围会报错429

GPT

切换命令：#GPT4/#GPT 此模型为替代模型，可联网搜索缺点：由于是非官方API，服务可能不稳

rua

命令：#rua {@一个用户/QQ号} 介绍：生成rua表情

发电

命令：#发电{目标名称} 介绍：生成一段表白话(?

我今天棒不棒

命令：我今天棒不棒介绍：给出你今天的分数

enc解密

命令：#enc解密 {解密内容} 介绍：解密被enc加密过的内容

生图

命令：#生图 {Pixiv/ACG} {标签} 介绍：

Pixiv为从p站拉取一张图
ACG的标签只有：随机、电脑壁纸、头像、手机背景、壁纸

http

命令：#http {网址} 介绍：测试网站是否能访问并返回状态码

Banme

命令：banme 介绍：当bot为该群管理时会禁用1~5小时，适用于安心睡觉

今日运势

命令：今日运势介绍：返回今日运势

名人名言

命令：#名人名言 {引用一条消息} 介绍：制作一个名言图片

MC服务器状态

命令：#mcs {服务器地址} 介绍：查看此服务器状态及在线人数

名言

命令：#名言 {引用一条消息} 介绍：同上名人名言

抖音解析

命令：发送抖音链接触发介绍：解析抖音视频并发送

点歌

命令：#点歌 {歌名/歌曲id} 介绍：仅能解析网易云歌曲

狐狸图

命令：狐狸图介绍：随机发送一张狐狸图

一言

命令：#名言介绍：找一句好听的名言

天气

命令：#天气 {城市名称} 介绍：当前天气及未来三天天气

签到

命令：签到介绍：签到功能

转码

命令：#转码 {文字/网址(需带https)} 介绍：将文字或网页转换为二维码

ping

命令：#ping {域名/ip} 介绍：由bot所运行的服务器ping 4次目标地址

大头照

命令：#大头照 {@一个用户/QQ号} 介绍：发送该用户的QQ头像

whois

命令：#whois {域名} 介绍：查询该域名信息

命令：赞我/超我介绍：给你QQ名片点赞

伪造消息

命令：#伪造消息 {QQ号/@一个用户}说{内容}
多条消息格式：#伪造消息 {QQ号/@一个用户}说{消息1}|{QQ号/@一个用户}说{消息2}
更多条以此类推介绍：转发伪造合并转发的消息

角色扮演

命令：#角色扮演
介绍：查看Bot的所有预设

fuwari修复RSS图片不显示

Sat, 27 Sep 2025 00:00:00 GMT

前言

啊大家都知道，fuwari的RSS如果你用的是相对路径，那么生成的RSS将也是相对路径，但这样就看不了图了啊，所以本章将带你修复它

修改RSS配置文件

打开src/pages/rss.xml.ts，当然你也可以直接删了
直接一个全选删除再将下面的配置粘贴填入

import rss from '@astrojs/rss';
import sanitizeHtml from 'sanitize-html';
import MarkdownIt from 'markdown-it';
import { getCollection } from 'astro:content';
import { siteConfig } from '@/config';
import { parse as htmlParser } from 'node-html-parser';
import { getImage } from 'astro:assets';
import type { APIContext, ImageMetadata } from 'astro';
import type { RSSFeedItem } from '@astrojs/rss';
import { getSortedPosts } from '@/utils/content-utils';

const markdownParser = new MarkdownIt();

// get dynamic import of images as a map collection
const imagesGlob = import.meta.glob<{ default: ImageMetadata }>(
	'/src/content/**/*.{jpeg,jpg,png,gif,webp}', // include posts and assets
);

export async function GET(context: APIContext) {
	if (!context.site) {
		throw Error('site not set');
	}

	// Use the same ordering as site listing (pinned first, then by published desc)
	const posts = await getSortedPosts();
	const feed: RSSFeedItem[] = [];

	for (const post of posts) {
		// convert markdown to html string
		const body = markdownParser.render(post.body);
		// convert html string to DOM-like structure
		const html = htmlParser.parse(body);
		// hold all img tags in variable images
		const images = html.querySelectorAll('img');

		for (const img of images) {
			const src = img.getAttribute('src');
			if (!src) continue;

			// Handle content-relative images and convert them to built _astro paths
			if (src.startsWith('./') || src.startsWith('../')) {
				let importPath: string | null = null;

				if (src.startsWith('./')) {
					// Path relative to the post file directory
					const prefixRemoved = src.slice(2);
					importPath = `/src/content/posts/${prefixRemoved}`;
				} else {
					// Path like ../assets/images/xxx -> relative to /src/content/
					const cleaned = src.replace(/^\.\.\//, '');
					importPath = `/src/content/${cleaned}`;
				}

				const imageMod = await imagesGlob[importPath]?.()?.then((res) => res.default);
				if (imageMod) {
					const optimizedImg = await getImage({ src: imageMod });
					img.setAttribute('src', new URL(optimizedImg.src, context.site).href);
				}
			} else if (src.startsWith('/')) {
				// images starting with `/` are in public dir
				img.setAttribute('src', new URL(src, context.site).href);
			}
		}

		feed.push({
			title: post.data.title,
			description: post.data.description,
			pubDate: post.data.published,
			link: `/posts/${post.slug}/`,
			// sanitize the new html string with corrected image paths
			content: sanitizeHtml(html.toString(), {
				allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img']),
			}),
		});
	}

	return rss({
		title: siteConfig.title,
		description: siteConfig.subtitle || 'No description',
		site: context.site,
		items: feed,
		customData: `<language>${siteConfig.lang}</language>`,
	});
}

保存了，还需要安装一个pnpm包，不用管是什么，能帮我们转换成链接就是的了

pnpm add node-html-parser

:::warning 在推送到仓库时，你可能会遇到warning: in the working copy of 'pnpm-lock.yaml', LF will be replaced by CRLF the next time Git touches it 这是由于空格不同引起的，但并不会影响部署，忽略即可 :::

为fuwari增加一个404界面

Wed, 24 Sep 2025 00:00:00 GMT

本文章分为两部分

适配多语言的404界面

打开src/i18n/i18nKey.ts

	license = "license",
	friends = "friends",

	// 404 page
	notFound = "notFound",
	notFoundTitle = "notFoundTitle",
	notFoundMessage = "notFoundMessage",
	backToHome = "backToHome",
	viewArchive = "viewArchive",

再分别打开languages下的en.ts和zh_CN.ts
en.ts

	[Key.license]: "License",
	[Key.friends]: "Friends",

	// 404 page
	[Key.notFound]: "Page Not Found",
	[Key.notFoundTitle]: "Oops! Page Not Found",
	[Key.notFoundMessage]: "The page you are looking for doesn't exist. It may have been moved or deleted.",
	[Key.backToHome]: "Back to Home",
	[Key.viewArchive]: "View Archive",

zh_CN.ts

	[Key.license]: "许可协议",
	[Key.friends]: "友链",

	// 404 page
	[Key.notFound]: "页面未找到",
	[Key.notFoundTitle]: "哎呀！页面走丢了",
	[Key.notFoundMessage]: "您访问的页面不存在，可能已被删除或链接有误。",
	[Key.backToHome]: "返回首页",
	[Key.viewArchive]: "查看归档",

最后在src/pages目录下创建404.astro

---
import { Icon } from "astro-icon/components";
import MainGridLayout from "../layouts/MainGridLayout.astro";
import I18nKey from "../i18n/i18nKey";
import { i18n } from "../i18n/translation";
import { url } from "../utils/url-utils";
import { siteConfig } from "../config";
---

<MainGridLayout title={i18n(I18nKey.notFound)} description={i18n(I18nKey.notFoundMessage)}>
    <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative min-h-96">
        <div class="card-base z-10 px-6 md:px-12 py-8 md:py-12 relative w-full">
            <!-- 404 Content -->
            <div class="flex flex-col items-center text-center space-y-6">
                <!-- Large 404 Number -->
                <div class="relative opacity-0 animate-fade-in-up">
                    <div class="text-8xl md:text-9xl font-bold bg-gradient-to-br from-[var(--primary)] to-[oklch(0.65_0.18_var(--hue))] bg-clip-text text-transparent select-none">
                        404
                    </div>
                    <!-- Decorative elements -->
                    <div class="absolute -top-4 -right-4 w-8 h-8 bg-[var(--primary)] rounded-full opacity-20 animate-pulse"></div>
                    <div class="absolute -bottom-2 -left-2 w-6 h-6 bg-[var(--primary)] rounded-full opacity-30 animate-pulse" style="animation-delay: 0.5s;"></div>
                </div>

                <!-- Title and Message -->
                <div class="space-y-3 max-w-md opacity-0 animate-fade-in-up animate-delay-100">
                    <h1 class="text-2xl md:text-3xl font-bold text-[var(--primary)]">
                        {i18n(I18nKey.notFoundTitle)}
                    </h1>
                    <p class="text-75 text-base md:text-lg leading-relaxed">
                        {i18n(I18nKey.notFoundMessage)}
                    </p>
                </div>

                <!-- Illustration -->
                <div class="py-4 opacity-0 animate-fade-in-up animate-delay-200">
                    <div class="relative w-32 h-32 mx-auto animate-float">
                        <!-- Simple geometric illustration -->
                        <div class="absolute inset-0 bg-gradient-to-br from-[var(--primary)] to-[oklch(0.65_0.18_var(--hue))] rounded-full opacity-10"></div>
                        <div class="absolute inset-4 bg-[var(--card-bg)] rounded-full border-2 border-[var(--primary)] border-opacity-20"></div>
                        <div class="absolute inset-0 flex items-center justify-center">
                            <Icon name="fa6-solid:location-crosshairs" class="w-12 h-12 text-[var(--primary)] opacity-60" />
                        </div>
                    </div>
                </div>

                <!-- Action Buttons -->
                <div class="flex flex-col sm:flex-row gap-3 pt-4 opacity-0 animate-fade-in-up animate-delay-300">
                    <a href={url("/")} 
                       class="btn-regular px-6 py-3 rounded-xl font-medium transition-all duration-200 hover:scale-105 active:scale-95 flex items-center justify-center gap-2">
                        <Icon name="fa6-solid:house" class="w-4 h-4" />
                        {i18n(I18nKey.backToHome)}
                    </a>
                    <a href={url("/archive")} 
                       class="btn-card px-6 py-3 rounded-xl font-medium transition-all duration-200 hover:scale-105 active:scale-95 flex items-center justify-center gap-2 border border-[var(--line-divider)]">
                        <Icon name="fa6-solid:box-archive" class="w-4 h-4" />
                        {i18n(I18nKey.viewArchive)}
                    </a>
                    <a href={url("/about")} 
                       class="btn-card px-6 py-3 rounded-xl font-medium transition-all duration-200 hover:scale-105 active:scale-95 flex items-center justify-center gap-2 border border-[var(--line-divider)]">
                        <Icon name="fa6-solid:circle-info" class="w-4 h-4" />
                        {i18n(I18nKey.about)}
                    </a>
                </div>

                <!-- Additional Help Text -->
                <div class="pt-6 text-sm text-50">
                    <p class="transition-all duration-300">
                        {siteConfig.lang === 'zh_CN' ? '如果您认为这是一个错误，请联系网站管理员。' : 'If you believe this is an error, please contact the site administrator.'}
                    </p>
                </div>
            </div>
        </div>
    </div>
</MainGridLayout>

<style>
    @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .animate-float {
        animation: float 3s ease-in-out infinite;
    }
    
    .animate-fade-in-up {
        animation: fadeInUp 0.6s ease-out forwards;
    }
    
    .animate-delay-100 {
        animation-delay: 0.1s;
    }
    
    .animate-delay-200 {
        animation-delay: 0.2s;
    }
    
    .animate-delay-300 {
        animation-delay: 0.3s;
    }
    
    .animate-delay-400 {
        animation-delay: 0.4s;
    }
</style>

单语言404.astro

此方法直接在src/pages目录下创建404.astro即可
由于我没有语言的404，这里附上二叉树树的404界面
预览：

---
import Layout from "@/layouts/Layout.astro";
import MainGridLayout from "@/layouts/MainGridLayout.astro";
import { Icon } from "astro-icon/components";
import { siteConfig } from "@/config";
---

<Layout title="页面未找到">
        <MainGridLayout>
                <div class="flex flex-col items-center justify-center min-h-[60vh] text-center px-4">
                        <!-- 404 图标 -->
                        <div class="mb-8">
                                <div class="relative">
                                        <div class="text-8xl md:text-9xl font-bold text-[var(--primary)] opacity-20">
                                                404
                                        </div>
                                        <div class="absolute inset-0 flex items-center justify-center">
                                                <Icon name="fa6-solid:face-sad-tear" class="text-6xl md:text-7xl text-[var(--primary)]" />
                                        </div>
                                </div>
                        </div>

                        <!-- 错误信息 -->
                        <div class="card-base p-8 max-w-md mx-auto mb-8">
                                <h1 class="text-2xl md:text-3xl font-bold text-90 mb-4">
                                        页面走丢了
                                </h1>
                                <p class="text-75 mb-6 leading-relaxed">
                                        抱歉，您访问的页面不存在或已被移动。
                                        <br>
                                        请检查URL是否正确，或者返回首页继续浏览。
                                </p>

                                <!-- 导航按钮 -->
                                <div class="flex flex-col sm:flex-row gap-3 justify-center">
                                        <a href="/" class="btn-regular-dark px-6 py-3 rounded-lg text-white font-medium">
                                                <Icon name="fa6-solid:house" class="mr-2" />
                                                返回首页
                                        </a>
                                        <a href="/archive/" class="btn-regular px-6 py-3 rounded-lg font-medium">
                                                <Icon name="fa6-solid:box-archive" class="mr-2" />
                                                文章归档
                                        </a>
                                </div>
                        </div>

                        <!-- 返回提示 -->
                        <div class="mt-8 text-50 text-sm">
                                <p class="flex items-center justify-center">
                                        <Icon name="fa6-solid:clock-rotate-left" class="mr-2" />
                                        您也可以使用浏览器的后退按钮返回上一页
                                </p>
                        </div>
                </div>
        </MainGridLayout>
</Layout>

BA周年庆直接9个彩

Thu, 07 Aug 2025 00:00:00 GMT

快哉快哉

还有我的支付宝和QQ主题😋

fuwari接入评论功能

Mon, 04 Aug 2025 00:00:00 GMT

Giscus

想要接入评论，肯定需要一个三方平台 Giscus Giscus就是一个非常合适的平台

配置Giscus

首先去github创建一个存储库，一定要是公开库 然后在仓库设置中启用Discussion功能
前往https://giscus.app/zh-CN 在仓库一栏中点击第二步的蓝字安装giscus，最后填写自己的用户名及刚刚创建的仓库名称

映射

我只建议使用pathname：以文章路径区分评论区，即使换域名也能匹配
其它映射可以看官方介绍
分类选择公告（announcements）
特性个人建议勾选1 3 4
主题默认即可，也可以尝试官方的其它主题
最后将给出的JS复制

配置fuwari

在src/pages/posts/目录下找到[...slug].astro，在它的135行插入

<div id="giscus-comments" style="margin-top: 3rem;">
  你的JS
</div>

最后本地测试一下，没问题就可以部署到服务器了

edgeone加速worker

Tue, 29 Jul 2025 00:00:00 GMT

有人问：主包主包cloudflare worker访问速度太慢了，有没有更强势的访问速度呢？

有的兄弟，有的

去 edgeone 拿下不要钱的计划，添加你的域名，验证所有权，这步如果不会请退出

回到我们的cloudflare，选择你想加速的worker，添加自定义域，选择路由，选择你要加速的根域名，在你想要加速的子域+eo（方便区分），如我要加速www.91sssvip.top，就填wwweo.91sssvip.top/*，在去cloudflare添加dns解析A记录随便指向一个IP，但一定要开小黄云，保存回到edgeone

添加加速域名，我就填www，v6随便，我个人选择关闭，源站就写刚刚路由的域名协议https即可，回源Host头一定要选使用源站域名，最后保存就好啦

END