# 博客RSS美化以及部署Umami站点监测
> 跟群友聊了聊，折腾了一些新东西
发布：2025-05-17 | 分类：博客
> [!TIP]
> 故事的起因是我出于好奇，加入了开往的 QQ 群，和群友聊天很有启发，折腾了一些新东西
## RSS
老实说，我知道它可以订阅博客以及其他的网站，但真没有深入了解过
## 美化博客RSS
原本的 RSS 地址是 xml 格式，看上去跟一团乱码一样，但是可以用 xsl 进行美化。具体的不多叙述，会附上他人的博客教程，这里只记录我具体的实操。
### 新建 `rss.xsl`
在 `public` 目录下新建一个 `rss.xsl` 的文件，保存具体的样式，作用类似于 CSS。
```xml title="rss.xsl"
1
2
3
4
5
6
7
8
9
10
11
12
0
<xsl:value-of select="rss/channel/title" /> RSS 订阅
```
### 引入
```ts title="rss.xml.ts" ins={14,30}
import { siteConfig } from '@/config'
import rss from '@astrojs/rss'
import { getSortedPosts } from '@utils/content-utils'
import type { APIContext } from 'astro'
import MarkdownIt from 'markdown-it'
import sanitizeHtml from 'sanitize-html'
const parser = new MarkdownIt()
export async function GET(context: APIContext) {
const blog = await getSortedPosts()
return rss({
stylesheet: '/rss.xsl', // 确保启用XSLT
title: siteConfig.title,
description: siteConfig.subtitle || 'No description',
site: context.site ?? 'https://www.blueke.top',
items: blog.map((post) => {
const content = typeof post.body === 'string' ? post.body : String(post.body || '')
return {
title: post.data.title,
pubDate: post.data.published,
description: post.data.description || '',
link: `/posts/${post.slug}/`,
content: sanitizeHtml(parser.render(content), {
allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img']),
}),
categories: post.data.tags ?? [],
}
}),
customData: `${siteConfig.lang}`,
})
}
```
> PS: 为了显示标签，我自己修改了一下，貌似有具体的规范，最好使用 `categories` 代替 `tags`
如果你不想自己定义样式，也可以用下面的 `beauty` 进行一键美化
### 参考来源
- [美化你的RSS订阅地址 | LiuShen's Blog](https://blog.liushen.fun/posts/caee2d9f/#XSL%E6%96%87%E4%BB%B6)
- [RSS.Beauty](https://rss.beauty/)
## RSS 阅读器
~~RSS 还是要通过阅读器来阅读比较方便，考虑到多平台性。我直接在自己的服务器上 docker 部署了一个 `FreshRSS`，目前体验良好。~~
现在可以看我更新的帖子实现免费部署了
## 搭建 Umami
Umami 是一个更加方便且现代化的网站检测工具，今天发现可以 vercel 可以部署后，也是迫不及待的部署体验了一下。
因为自带有公共链接，可以让所有人都能看到站点状态：[本站站点状态](https://umami.blueke.top/share/vtD8GhH5iWtKf6uG/www.blueke.top)
至于具体的教程，请参考这篇文章[使用 vercel Neon 搭建 umami 统计](https://www.linexic.top/post/vercel-runing-u/)
在这里真的很感谢这位博主的分享！