rss feed
This commit is contained in:
parent
9baef43c75
commit
f8572d0b47
@ -1,8 +1,9 @@
|
||||
import { defineConfig } from "vitepress";
|
||||
import UnoCSS from "unocss/vite";
|
||||
import { presetUno, presetAttributify, presetIcons } from "unocss";
|
||||
import consola from "consola";
|
||||
import { commitRef, feedback, meta, socials } from "./constants";
|
||||
import { generateImages, generateMeta } from "./hooks";
|
||||
import { generateImages, generateMeta, generateFeed } from "./hooks";
|
||||
import { toggleStarredPlugin } from "./markdown/toggleStarred";
|
||||
import { base64DecodePlugin } from "./markdown/base64";
|
||||
|
||||
@ -35,7 +36,9 @@ export default defineConfig({
|
||||
],
|
||||
transformHead: async (context) => generateMeta(context, meta.hostname),
|
||||
buildEnd: async (context) => {
|
||||
generateImages(context);
|
||||
generateImages(context)
|
||||
.then(() => generateFeed(context))
|
||||
.finally(() => consola.success("Success!"));
|
||||
},
|
||||
vite: {
|
||||
plugins: [
|
||||
|
@ -3,7 +3,7 @@ import type { DefaultTheme } from "vitepress";
|
||||
export const meta = {
|
||||
name: "FreeMediaHeckYeah",
|
||||
description: "The largest collection of free stuff on the internet!",
|
||||
hostname: "https://fmhy.pages.dev",
|
||||
hostname: "https://fmhy.net",
|
||||
keywords: ["stream", "movies", "gaming", "reading", "anime"],
|
||||
};
|
||||
|
||||
|
@ -4,3 +4,5 @@
|
||||
|
||||
export * from "./meta";
|
||||
export * from "./opengraph";
|
||||
export * from "./rss";
|
||||
export * from "./satoriConfig";
|
||||
|
@ -5,6 +5,7 @@ import { createContentLoader } from "vitepress";
|
||||
import type { ContentData, SiteConfig } from "vitepress";
|
||||
import { type SatoriOptions, satoriVue } from "x-satori/vue";
|
||||
import { renderAsync } from "@resvg/resvg-js";
|
||||
import consola from "consola";
|
||||
|
||||
const __dirname = dirname(fileURLToPath(import.meta.url));
|
||||
const __fonts = resolve(__dirname, "../fonts");
|
||||
@ -48,6 +49,7 @@ export async function generateImages(config: SiteConfig): Promise<void> {
|
||||
fonts,
|
||||
});
|
||||
}
|
||||
return consola.info("Generated opengraph images.");
|
||||
}
|
||||
|
||||
interface GenerateImagesOptions {
|
||||
@ -90,5 +92,5 @@ async function generateImage({
|
||||
|
||||
await mkdir(outputFolder, { recursive: true });
|
||||
|
||||
return await writeFile(outputFile, render.asPng());
|
||||
await writeFile(outputFile, render.asPng());
|
||||
}
|
||||
|
42
.vitepress/hooks/rss.ts
Normal file
42
.vitepress/hooks/rss.ts
Normal file
@ -0,0 +1,42 @@
|
||||
import path from "node:path";
|
||||
import { writeFileSync } from "node:fs";
|
||||
import { Feed } from "feed";
|
||||
import { createContentLoader, type ContentData, type SiteConfig } from "vitepress";
|
||||
import consola from "consola";
|
||||
import { meta } from "../constants";
|
||||
|
||||
export async function generateFeed(config: SiteConfig): Promise<void> {
|
||||
const feed: Feed = new Feed({
|
||||
id: meta.hostname,
|
||||
link: meta.hostname,
|
||||
title: `FMHY blog`,
|
||||
description: meta.description,
|
||||
language: "en-US",
|
||||
image: "https://github.com/fmhy.png",
|
||||
favicon: `${meta.hostname}/favicon.ico`,
|
||||
copyright: `Copyright (c) 2023-present FMHY`,
|
||||
});
|
||||
|
||||
const posts: ContentData[] = await createContentLoader("posts/*.md", {
|
||||
excerpt: true,
|
||||
render: true,
|
||||
transform: (rawData) => {
|
||||
return rawData.sort((a, b) => {
|
||||
return Number(new Date(b.frontmatter.date)) - Number(new Date(a.frontmatter.date));
|
||||
});
|
||||
},
|
||||
}).load();
|
||||
|
||||
for (const { url, frontmatter, html } of posts) {
|
||||
feed.addItem({
|
||||
title: frontmatter.title as string,
|
||||
id: `${meta.hostname}${url.replace(/\/\d+\./, "/")}`,
|
||||
link: `${meta.hostname}${url.replace(/\/\d+\./, "/")}`,
|
||||
date: frontmatter.date,
|
||||
content: html!,
|
||||
});
|
||||
}
|
||||
|
||||
writeFileSync(path.join(config.outDir, "feed.rss"), feed.rss2());
|
||||
return consola.info("Generated rss feed.");
|
||||
}
|
@ -1,39 +0,0 @@
|
||||
import path from "path";
|
||||
import { writeFileSync } from "fs";
|
||||
import { Feed } from "feed";
|
||||
import { createContentLoader, type SiteConfig } from "vitepress";
|
||||
import { meta } from "./constants";
|
||||
|
||||
export async function genFeed(config: SiteConfig) {
|
||||
const feed = new Feed({
|
||||
title: "FMHY • Monthy Posts",
|
||||
description: meta.description,
|
||||
id: meta.hostname,
|
||||
link: meta.hostname,
|
||||
language: "en",
|
||||
image: "https://github.com/fmhy.png",
|
||||
copyright: "",
|
||||
});
|
||||
|
||||
const posts = await createContentLoader("posts/**/*.md", {
|
||||
excerpt: true,
|
||||
render: true,
|
||||
}).load();
|
||||
|
||||
posts.sort(
|
||||
(a, b) => +new Date(b.frontmatter.date as string) - +new Date(a.frontmatter.date as string),
|
||||
);
|
||||
|
||||
for (const { url, excerpt, frontmatter, html } of posts) {
|
||||
feed.addItem({
|
||||
title: frontmatter.title,
|
||||
id: `${meta.hostname}${url}`,
|
||||
link: `${meta.hostname}${url.split("/posts")[1]}`,
|
||||
description: excerpt,
|
||||
content: html,
|
||||
date: frontmatter.date,
|
||||
});
|
||||
}
|
||||
|
||||
writeFileSync(path.join(config.outDir, "feed.rss"), feed.rss2());
|
||||
}
|
@ -16,6 +16,12 @@ const formatDate = (raw: string): string => {
|
||||
<section>
|
||||
<h1 class="flex items-center gap-2">Posts</h1>
|
||||
<p>Everything from Monthly Updates to fmhy updates.</p>
|
||||
|
||||
We also have a
|
||||
<a href="/feed.rss" title="RSS feed" class="VPBadge tip">
|
||||
<div class="i-carbon-rss" />
|
||||
RSS feed </a
|
||||
>.
|
||||
</section>
|
||||
<template v-for="year in Object.keys(posts).reverse()" :key="year">
|
||||
<h2>{{ year }}</h2>
|
||||
@ -35,3 +41,24 @@ const formatDate = (raw: string): string => {
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.VPBadge {
|
||||
border: 1px solid transparent;
|
||||
border-radius: 8px;
|
||||
display: inline-flex;
|
||||
margin-left: 2px;
|
||||
padding: 0 10px;
|
||||
line-height: 22px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
transform: translateY(-2px);
|
||||
align-items: center;
|
||||
gap: 0.2rem;
|
||||
padding-right: 10px;
|
||||
vertical-align: middle;
|
||||
color: var(--vp-badge-tip-text);
|
||||
background-color: var(--vp-custom-block-info-bg);
|
||||
border-color: var(--vp-custom-block-tip-outline);
|
||||
}
|
||||
</style>
|
||||
|
@ -11,13 +11,14 @@
|
||||
"api:build": "nitropack build",
|
||||
"api:preview": "node .output/server/index.mjs",
|
||||
"og:dev": "x-satori -t ./.vitepress/hooks/Template.vue -c ./.vitepress/hooks/satoriConfig.ts --dev",
|
||||
"format": "prettier -w --cache .",
|
||||
"format": "prettier -w --cache --check .",
|
||||
"lint": "eslint .vitepress -f pretty --cache",
|
||||
"postinstall": "nitropack prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"@headlessui/vue": "^1.7.16",
|
||||
"@resvg/resvg-js": "^2.6.0",
|
||||
"consola": "^3.2.3",
|
||||
"feed": "^4.2.2",
|
||||
"fs-extra": "^11.2.0",
|
||||
"itty-fetcher": "^0.9.4",
|
||||
|
43
pnpm-lock.yaml
generated
43
pnpm-lock.yaml
generated
@ -11,6 +11,9 @@ dependencies:
|
||||
'@resvg/resvg-js':
|
||||
specifier: ^2.6.0
|
||||
version: 2.6.0
|
||||
consola:
|
||||
specifier: ^3.2.3
|
||||
version: 3.2.3
|
||||
feed:
|
||||
specifier: ^4.2.2
|
||||
version: 4.2.2
|
||||
@ -37,7 +40,7 @@ dependencies:
|
||||
version: 0.57.1(postcss@8.4.32)(vite@4.5.1)
|
||||
vitepress:
|
||||
specifier: npm:@taskylizard/vitepress@1.0.4
|
||||
version: /@taskylizard/vitepress@1.0.4(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3)
|
||||
version: /@taskylizard/vitepress@1.0.4(@algolia/client-search@4.20.0)(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3)
|
||||
vue:
|
||||
specifier: ^3.3.7
|
||||
version: 3.3.7(typescript@5.3.3)
|
||||
@ -81,51 +84,47 @@ packages:
|
||||
engines: {node: '>=0.10.0'}
|
||||
dev: true
|
||||
|
||||
/@algolia/autocomplete-core@1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0):
|
||||
/@algolia/autocomplete-core@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0):
|
||||
resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==}
|
||||
dependencies:
|
||||
'@algolia/autocomplete-plugin-algolia-insights': 1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0)
|
||||
'@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
|
||||
'@algolia/autocomplete-plugin-algolia-insights': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0)
|
||||
'@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
|
||||
transitivePeerDependencies:
|
||||
- '@algolia/client-search'
|
||||
- algoliasearch
|
||||
- search-insights
|
||||
dev: false
|
||||
|
||||
/@algolia/autocomplete-plugin-algolia-insights@1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0):
|
||||
/@algolia/autocomplete-plugin-algolia-insights@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0):
|
||||
resolution: {integrity: sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==}
|
||||
peerDependencies:
|
||||
search-insights: '>= 1 < 3'
|
||||
dependencies:
|
||||
'@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
|
||||
'@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
|
||||
search-insights: 2.13.0
|
||||
transitivePeerDependencies:
|
||||
- '@algolia/client-search'
|
||||
- algoliasearch
|
||||
dev: false
|
||||
|
||||
/@algolia/autocomplete-preset-algolia@1.9.3(algoliasearch@4.20.0):
|
||||
/@algolia/autocomplete-preset-algolia@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0):
|
||||
resolution: {integrity: sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==}
|
||||
peerDependencies:
|
||||
'@algolia/client-search': '>= 4.9.1 < 6'
|
||||
algoliasearch: '>= 4.9.1 < 6'
|
||||
peerDependenciesMeta:
|
||||
'@algolia/client-search':
|
||||
optional: true
|
||||
dependencies:
|
||||
'@algolia/autocomplete-shared': 1.9.3(algoliasearch@4.20.0)
|
||||
'@algolia/autocomplete-shared': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
|
||||
'@algolia/client-search': 4.20.0
|
||||
algoliasearch: 4.20.0
|
||||
dev: false
|
||||
|
||||
/@algolia/autocomplete-shared@1.9.3(algoliasearch@4.20.0):
|
||||
/@algolia/autocomplete-shared@1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0):
|
||||
resolution: {integrity: sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==}
|
||||
peerDependencies:
|
||||
'@algolia/client-search': '>= 4.9.1 < 6'
|
||||
algoliasearch: '>= 4.9.1 < 6'
|
||||
peerDependenciesMeta:
|
||||
'@algolia/client-search':
|
||||
optional: true
|
||||
dependencies:
|
||||
'@algolia/client-search': 4.20.0
|
||||
algoliasearch: 4.20.0
|
||||
dev: false
|
||||
|
||||
@ -453,10 +452,10 @@ packages:
|
||||
resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==}
|
||||
dev: false
|
||||
|
||||
/@docsearch/js@3.5.2(search-insights@2.13.0):
|
||||
/@docsearch/js@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0):
|
||||
resolution: {integrity: sha512-p1YFTCDflk8ieHgFJYfmyHBki1D61+U9idwrLh+GQQMrBSP3DLGKpy0XUJtPjAOPltcVbqsTjiPFfH7JImjUNg==}
|
||||
dependencies:
|
||||
'@docsearch/react': 3.5.2(search-insights@2.13.0)
|
||||
'@docsearch/react': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0)
|
||||
preact: 10.18.1
|
||||
transitivePeerDependencies:
|
||||
- '@algolia/client-search'
|
||||
@ -466,7 +465,7 @@ packages:
|
||||
- search-insights
|
||||
dev: false
|
||||
|
||||
/@docsearch/react@3.5.2(search-insights@2.13.0):
|
||||
/@docsearch/react@3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0):
|
||||
resolution: {integrity: sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==}
|
||||
peerDependencies:
|
||||
'@types/react': '>= 16.8.0 < 19.0.0'
|
||||
@ -483,8 +482,8 @@ packages:
|
||||
search-insights:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@algolia/autocomplete-core': 1.9.3(algoliasearch@4.20.0)(search-insights@2.13.0)
|
||||
'@algolia/autocomplete-preset-algolia': 1.9.3(algoliasearch@4.20.0)
|
||||
'@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)(search-insights@2.13.0)
|
||||
'@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.20.0)(algoliasearch@4.20.0)
|
||||
'@docsearch/css': 3.5.2
|
||||
algoliasearch: 4.20.0
|
||||
search-insights: 2.13.0
|
||||
@ -1723,7 +1722,7 @@ packages:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@taskylizard/vitepress@1.0.4(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3):
|
||||
/@taskylizard/vitepress@1.0.4(@algolia/client-search@4.20.0)(@types/node@20.8.9)(nprogress@0.2.0)(postcss@8.4.32)(search-insights@2.13.0)(typescript@5.3.3):
|
||||
resolution: {integrity: sha512-sYoG2KEvIVE3na69TyUbLs91/0AO7geVmlev4AaxGNqZPEqXBz1otKbtMLVMkBr9oOZH3YreRZ4Lb5VSWueXWQ==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@ -1736,7 +1735,7 @@ packages:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@docsearch/css': 3.5.2
|
||||
'@docsearch/js': 3.5.2(search-insights@2.13.0)
|
||||
'@docsearch/js': 3.5.2(@algolia/client-search@4.20.0)(search-insights@2.13.0)
|
||||
'@types/markdown-it': 13.0.7
|
||||
'@vitejs/plugin-vue': 5.0.2(vite@5.0.10)(vue@3.4.3)
|
||||
'@vue/devtools-api': 6.5.1
|
||||
|
Loading…
Reference in New Issue
Block a user