diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 13b0663..263540f 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -34,10 +34,6 @@ There are other easy ways to support the project and show your appreciation, whi - Environment details (browser, OS, etc.) - For feature requests, describe the feature and why you think it would be useful -For the language of the issue, please use English or Chinese. Both are OK, but using English is preferred as it allows more people to understand the issue and help with it. - -If you are not comfortable with either, you can still use your native language (or use a translator), but I may not be able to fully understand it. - ## Development ### Development Environment This project is built using Astro, requiring a Node.js (v22.15.1 (lts) is recommended) environment. @@ -92,11 +88,6 @@ Now you already made changes to the code and want to commit it. please: - Link any related issues in the PR description (if any) - Provide a clear description of the changes -For the language of the pull request message, please use English or Chinese. Both are OK, but using English is preferred as it allows more people to understand the issue and help with it. - -If you are not comfortable with either, you can still use your native language (or use a translator), but I may not be able to fully understand it. - - ## Code of Conduct Please be respectful and considerate of others when contributing. I want to maintain a welcoming and inclusive environment for everyone. diff --git a/src/components/shortcodes/LinkCard.astro b/src/components/shortcodes/LinkCard.astro deleted file mode 100644 index 8575860..0000000 --- a/src/components/shortcodes/LinkCard.astro +++ /dev/null @@ -1,239 +0,0 @@ ---- -interface Props { - url: string; - showArchive?: boolean; - title?: string; - description?: string; - siteName?: string; -} - -const { url, showArchive = true} = Astro.props; - -const siteMetadata = { - title: Astro.props.title || '', - description: Astro.props.description || '', - siteName: Astro.props.siteName || '', - image: '', - domain: new URL(url).hostname || '' -}; - -// Get metadata from the URL -async function fetchMetadata(url: string) { - try { - const response = await fetch(url, { - headers: { - 'User-Agent': 'Mozilla/5.0 (compatible; LinkCard/1.0)' - } - }); - - if (!response.ok) { - throw new Error(`HTTP ${response.status}`); - } - - const html = await response.text(); - - // 提取元数据 - const titleMatch = html.match(/]*>([^<]+)<\/title>/i); - const descriptionMatch = html.match(/]+name=["']description["'][^>]+content=["']([^"']+)["']/i) || - html.match(/]+property=["']og:description["'][^>]+content=["']([^"']+)["']/i); - const imageMatch = html.match(/]+property=["']og:image["'][^>]+content=["']([^"']+)["']/i) || - html.match(/]+name=["']twitter:image["'][^>]+content=["']([^"']+)["']/i); - const siteNameMatch = html.match(/]+property=["']og:site_name["'][^>]+content=["']([^"']+)["']/i); - - return { - title: titleMatch?.[1]?.trim() || new URL(url).hostname, - description: descriptionMatch?.[1]?.trim() || '', - image: imageMatch?.[1]?.trim() || '', - siteName: siteNameMatch?.[1]?.trim() || new URL(url).hostname, - domain: new URL(url).hostname - }; - } catch (error) { - console.warn(`Failed to fetch metadata for ${url}:`, error); - const domain = new URL(url).hostname; - return { - title: domain, - description: '', - image: '', - siteName: domain, - domain - }; - } -} - -// Check if the URL is archived on the Wayback Machine at the build time -async function checkArchive(url: string) { - try { - const archiveUrl = `https://archive.org/wayback/available?url=${encodeURIComponent(url)}`; - const response = await fetch(archiveUrl); - const data = await response.json(); - - if (data.archived_snapshots?.closest?.available) { - return data.archived_snapshots.closest.url; - } - } catch (error) { - console.warn(`Failed to check archive for ${url}:`, error); - } - return null; -} - -// extract metadata and archive URL -const metadata = Astro.props.title ? siteMetadata : await fetchMetadata(url); -const archiveUrl = showArchive ? await checkArchive(url) : null; ---- - -
- - {metadata.image && ( -
- {metadata.title} -
- )} - -
-
-

{metadata.title}

- {metadata.domain} -
- - {metadata.description && ( -

{metadata.description}

- )} - - {metadata.siteName &&
- {metadata.siteName} -
- } -
- - - {showArchive && archiveUrl && ( -
- - View archived version - -
- )} -
- - \ No newline at end of file diff --git a/src/content/posts/markdown-example/index.mdx b/src/content/posts/markdown-example/index.mdx index f75364b..c2edeb9 100644 --- a/src/content/posts/markdown-example/index.mdx +++ b/src/content/posts/markdown-example/index.mdx @@ -5,16 +5,8 @@ description: "Sample article showcasing basic Markdown syntax and formatting for tags: ["markdown", "css", "html", "sample"] --- import Callout from '/src/components/shortcodes/Callout.astro'; -import LinkCard from '/src/components/shortcodes/LinkCard.astro'; -import Spoiler from '/src/components/shortcodes/Spoiler.astro'; This article offers a sample of basic and extended Markdown formatting that can be used, also it shows how some basic HTML elements are decorated. -## Markdown in Astro -> [Markdown](https://daringfireball.net/projects/markdown/) is commonly used to author text-heavy content like blog posts and documentation. Astro includes built-in support for Markdown files that can also include [frontmatter YAML](https://dev.to/paulasantamaria/introduction-to-yaml-125f) (or [TOML](https://toml.io)) to define custom properties such as a title, description, and tags. -> -> In Astro, you can author content in [GitHub Flavored Markdown](https://github.github.com/gfm/), then render it in `.astro` components. This combines a familiar writing format designed for content with the flexibility of Astro’s component syntax and architecture. - -source: [Markdown in Astro | Docs](https://docs.astro.build/en/guides/markdown-content/) ## Theme Specifics This theme came with a set of shortcodes that can be used to enhance the Markdown experience. These shortcodes are located in the `/src/components/shortcodes` directory and can be used to add custom functionality or styling to your Markdown content. @@ -28,30 +20,6 @@ your content here... ``` -### Spoiler -Inspired by the spoiler in [Moegirl wiki](https://zh.moegirl.org.cn/Mainpage), you can use the `Spoiler` component to hide content that you want to reveal later. This is useful for spoilers in game plots , movies plots, or any other content where you want to keep certain information hidden until the user chooses to reveal it. - -To reveal the content, readers can hover over the text to reveal it. - - A hot take: the theme is done through what is called 'vibe coding'. - - -```mdx - - A hot take: the theme is done through what is called 'vibe coding'. - -``` -You can also display a 'tip' for the reader when hovered: - - A hot take: the theme is done through what is called 'vibe coding'. - - -```mdx - - A hot take: the theme is done through what is called 'vibe coding'. - -``` - ### Callouts You can use callouts to highlight important information or warnings in your content. Callouts are styled boxes that draw attention to specific parts of the text. @@ -75,18 +43,7 @@ You can use callouts to highlight important information or warnings in your cont This is an error callout. It should be used to indicate critical issues that need immediate attention. ``` -### LinkCard -You can use the `LinkCard` component to create cards that link to external resources or pages. This is useful for showcasing projects, documentation, or any other relevant links. - -```mdx - -``` - - On a machine with bad network, this will significantly increase build time when no other params are passed to the component. - -Or to customize the card further with a title and description: - ## Headings @@ -128,7 +85,7 @@ The blockquote element represents content that is quoted from another source, op ## Tables -Tables aren't part of the core Markdown spec, but Astro supports supports them out-of-the-box. +Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. | Name | Age | | ----- | --- | diff --git a/src/styles/global.css b/src/styles/global.css index 95f55bf..19555c0 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -223,7 +223,6 @@ div.content { pre { padding: 1rem; - margin: 1rem auto; } /* Highlighted Code Blocks */ pre.astro-code,