minearm-website 0.0.3-beta.2

package/src/layouts/TagsLayout.astro

@@ -0,0 +1,44 @@
+---
+import PostsList from "@comp/postlist/postsList.astro";
+import { ViewTransitions } from 'astro:transitions';
+import Pagination from "@comp/postlist/pagination.astro";
+import HomeLayout from "@layout/HomeLayout.astro";
+import HeroWave from "@comp/header/heroWave.astro";
+import { ThemeConfig } from "@src/theme_config";
+interface Props {
+  page?: any;
+  baseurl: string;
+  tags: string[];
+  activeTag?: string;
+}
+
+const { tags, baseurl, activeTag, page } = Astro.props;
+---
+
+<HomeLayout asideDir={page ? "right" : false}>
+  <HeroWave slot="beforeContainer">
+    <div class="tags-wrap">
+      <div class:list={["tags", { "floating": ThemeConfig.tagsPage.floating }]}>
+        {
+          tags.map((tag) => (
+            <a class="tag" href={`${baseurl}${tag}`}>
+              <span class="tag-text">{tag}</span>
+            </a>
+          ))
+        }
+      </div>
+    </div>
+  </HeroWave>
+  <Fragment slot="inContainer">
+    {page && <PostsList posts={page.data} />}
+    {
+      page && page.lastPage > 1 && (
+        <Pagination
+          baseurl="/"
+          pageSize={page.lastPage}
+          activePage={page.currentPage}
+        />
+      )
+    }
+  </Fragment>
+</HomeLayout>

package/src/layouts/c.astro

@@ -0,0 +1,42 @@
+---
+import HeroWave from "@comp/header/heroWave.astro";
+import PostLayout from "@src/layouts/h.astro";
+import { ThemeConfig } from "@src/theme_config";
+interface FrontMatter {
+  title: string;
+  description?: string;
+  heroColor?: string;
+  useComments?: boolean;
+  useToc?: boolean;
+  toc?: {
+    level: string;
+    id: string;
+    value: string;
+  }[];
+  file: string;
+  url: string;
+}
+
+interface Props {
+  frontmatter: FrontMatter;
+}
+
+const { frontmatter } = Astro.props;
+---
+
+<PostLayout
+  useComments={frontmatter.useComments && ThemeConfig.comments.type !== false}
+  toc={frontmatter.useToc ? frontmatter.toc : undefined}
+  desc={frontmatter.description}
+>
+  <HeroWave
+    class="post-header"
+    slot="post-hero"
+    heroColor={frontmatter.heroColor}
+  >
+    <div class="post-info">
+      <h1 class="post-title">{frontmatter.title}</h1>
+    </div>
+  </HeroWave>
+  <slot />
+</PostLayout>

package/src/layouts/h.astro

@@ -0,0 +1,60 @@
+---
+import "@style/blog/index.scss";
+import BaseLayout from "@layout/BaseLayout.astro";
+import BlogToc from "@comp/aside/blogToc.astro";
+import Aside from "@comp/aside/aside.astro";
+import PostComment from "@comp/postComment.astro";
+import type { CollectionEntry } from "astro:content";
+import { ThemeConfig } from "@src/theme_config";
+
+interface Props {
+  postData?: CollectionEntry<"blog">["data"];
+  toc?: {
+    level: string;
+    id: string;
+    value: string;
+  }[];
+  useComments?: boolean;
+  desc?: string;
+}
+
+const { toc, useComments = true, postData, desc } = Astro.props;
+---
+
+<BaseLayout class="post-page" description={postData?.description || desc}>
+  <Fragment slot="head-end">
+    <script
+      is:inline
+      async
+      src="https://cdn.staticfile.org/fancyapps-ui/5.0.20/fancybox/fancybox.umd.min.js"
+    ></script>
+    <link
+      rel="stylesheet"
+      href="https://cdn.staticfile.org/fancyapps-ui/5.0.20/fancybox/fancybox.min.css"
+    />
+  </Fragment>
+  <slot name="post-hero" />
+  <article class="post-container">
+    <main class="post-main">
+      <slot />
+      {useComments && <PostComment />}
+    </main>
+    <Aside
+      comps={ThemeConfig.postPage.aside.comps}
+      stickyComps={ThemeConfig.postPage.aside.stickyComps}
+      class="post-aside"
+    >
+      {toc && <BlogToc toc={toc} />}
+    </Aside>
+  </article>
+  <Fragment slot="body-end">
+    <script is:inline>
+      Fancybox.bind("[data-fancybox]", {
+        closeButton: true,
+        Thumbs: {
+          type: "modern",
+        },
+      });
+    </script>
+  </Fragment>
+</BaseLayout>

package/src/pages/404.md

@@ -0,0 +1,10 @@
+---
+layout: "../layouts/DefaultMdLayout.astro"
+title: 404 Not Found
+description: ""
+heroColor: "#007aff"
+useComments: false
+useToc: false
+---
+# 404了，非常抱歉，你要找的页面被作者吃了[doge]
+## 点击[这里](/)返回首页

package/src/pages/[...page].astro

@@ -0,0 +1,46 @@
+---
+import HomeLayout from "@src/layouts/HomeLayout.astro";
+import PostsList from "@comp/postlist/postsList.astro";
+import Pagination from "@comp/postlist/pagination.astro";
+import { ThemeConfig } from "@src/theme_config";
+import { ViewTransitions } from 'astro:transitions';
+import { utils } from "@src/utils/utils";
+import { type CollectionEntry, getCollection } from "astro:content";
+export async function getStaticPaths({ paginate }: any) {
+  const posts: CollectionEntry<"blog">[] = (await getCollection("blog")).sort(
+    (a: { data: { pubDate: string; }; }, b: { data: { pubDate: string; }; }) => utils.compareDates(a.data.pubDate, b.data.pubDate)
+  );
+  return paginate(posts, { pageSize: 10 });
+}
+
+const { page } = Astro.props;
+---
+
+<HomeLayout>
+  {
+    ThemeConfig.homePage.heroShoot && (
+      <Fragment slot="beforeContainer">
+        <div class="hero-shoot">
+          <div
+            class="hero-img"
+            style={`background: url(${ThemeConfig.homePage.heroShoot}) center/cover no-repeat;`}
+          />
+          <h1 class="hero-title">{ThemeConfig.homePage.heroTitle}</h1>
+          <p class="hero-desc">{ThemeConfig.homePage.heroDescription}</p>
+        </div>
+      </Fragment>
+    )
+  }
+  <Fragment slot="inContainer">
+    <PostsList posts={page.data} />
+    {
+      page.lastPage > 1 && (
+        <Pagination
+          baseurl="/"
+          pageSize={page.lastPage}
+          activePage={page.currentPage}
+        />
+      )
+    }
+  </Fragment>
+</HomeLayout>

package/src/pages/about/index.md

@@ -0,0 +1,90 @@
+---
+layout: "../../layouts/DefaultMdLayout.astro"
+title: about
+description: ""
+heroColor: "#007aff"
+useComments: true
+useToc: true
+---
+# Minearm & Website
+Minearm是一个astro主题
+# 本主题是从HusBlog改进而来的
+url: https://github.com/KraHsu/HsuBlog.git
+
+成品: www.minearm.org
+
+# 文件结构
+
+```bash
+root@rsp4:/Minearm# tree -d
+.
+├── public
+│   └── scripts
+└── src
+    ├── components
+    │   ├── animation
+    │   ├── aside
+    │   ├── client
+    │   ├── footer
+    │   ├── header
+    │   ├── icons
+    │   ├── loading
+    │   └── postlist
+    ├── content
+    │   └── blog
+    │       └── default
+    │           ├── history
+    │           │   ├── 公元前
+    │           │   └── 近代篇
+    │           └── it
+    ├── layouts
+    ├── pages
+    │   ├── about
+    │   ├── blog
+    │   ├── categories
+    │   │   └── [category]
+    │   ├── friends
+    │   └── tags
+    │       └── [tag]
+    ├── styles
+    │   ├── blog
+    │   │   └── dist
+    │   ├── components
+    │   │   └── dist
+    │   ├── dist
+    │   └── tags
+    └── utils
+
+```
+
+~~~bash
+# 拉取minearm
+git clone https://github.com/Minearm-RPM/minearm.git
+
+~~~
+
+~~~bash
+# 安装依赖
+npm install
+# 后续更新
+npm update
+~~~
+
+~~~bash
+# 启动开发预览
+npm run dev
+~~~
+
+~~~bash
+# 构建和预览
+npm run build
+npm run preview
+~~~
+
+
+# 许可证
+本项目在MIT许可证下授权，版权所有©2024
+
+由Minearm-RPM构建的
+
+# 转载时需标明出处！。

package/src/pages/blog/[...slug].astro

@@ -0,0 +1,68 @@
+---
+import { CollectionEntry, getCollection } from "astro:content";
+import PostLayout from "@src/layouts/PostLayout.astro";
+import HeroWave from "@comp/header/heroWave.astro";
+import GetIcon from "@comp/icons/getIcon.astro";
+import ThemeControl from "@comp/client/themeControl.vue";
+import { ThemeConfig } from "@src/theme_config";
+export async function getStaticPaths() {
+  const posts = await getCollection("blog");
+  return posts.map((post) => ({
+    params: { slug: post.data.abbrlink || post.slug },
+    props: post,
+  }));
+}
+type Props = CollectionEntry<"blog">;
+
+const post = Astro.props;
+const { Content, remarkPluginFrontmatter } = await post.render();
+---
+
+<PostLayout
+  postData={post.data}
+  toc={remarkPluginFrontmatter.toc}
+  useComments={ThemeConfig.comments.type !== false}
+>
+  <HeroWave
+    class="post-header"
+    slot="post-hero"
+    heroColor={post.data.heroColor}
+  >
+    <div class="post-info">
+      <h1 class="post-title">{post.data.title}</h1>
+      <div class="post-metas">
+        <div class="post-meta post-meta-time">
+          <GetIcon
+            Icon="fa-solid fa-calendar-days"
+            class="publish-time meta-icon"
+          >
+            <span>发表于{post.data.pubDate}</span>
+          </GetIcon>
+          <GetIcon Icon="fa-solid fa-repeat" class="update-time meta-icon">
+            <span>
+              更新于{post.data.updatedDate || post.data.pubDate}
+            </span>
+          </GetIcon>
+          <GetIcon Icon="fa-solid fa-tags" class="category meta-icon">
+            <span>{post.data.category}</span>
+          </GetIcon>
+        </div>
+        <div class="post-meta post-meta-content">
+          <GetIcon Icon="fa-regular fa-clock" class="read-time meta-icon">
+            <span
+              >{
+                remarkPluginFrontmatter.minutesRead
+                  .replace("min", "分钟")
+                  .replace("read", "")
+              }</span
+            >
+          </GetIcon>
+          <GetIcon Icon="fa-solid fa-file-word" class="read-time meta-icon">
+            <span>{remarkPluginFrontmatter.numberOfWords} 字</span>
+          </GetIcon>
+        </div>
+      </div>
+    </div>
+  </HeroWave>
+  <Content />
+</PostLayout>

package/src/pages/categories/[category]/[...page].astro

@@ -0,0 +1,45 @@
+---
+import "@style/tags/tags.scss";
+import TagsLayout from "@src/layouts/TagsLayout.astro";
+import { getCollection, type CollectionEntry } from "astro:content";
+import { utils } from "@src/utils/utils";
+
+export async function getStaticPaths({ paginate }) {
+  const allPosts: CollectionEntry<"blog">[] = (
+    await getCollection("blog")
+  ).sort((a, b) => utils.compareDates(a.data.pubDate, b.data.pubDate));
+
+  const uniqueCategories: string[] = [
+    ...new Set(
+      allPosts
+        .flatMap((post) => post.data.category || [])
+        .filter((category) => typeof category === "string" && category !== "")
+    ),
+  ];
+
+  return uniqueCategories.flatMap((category) => {
+    const filteredPosts = allPosts.filter((post) =>
+      post.data.category?.includes(category)
+    );
+    return paginate(filteredPosts, {
+      params: { category: category },
+      props: { posts: filteredPosts, categories: uniqueCategories },
+      pageSize: 10,
+    });
+  });
+}
+
+const { category } = Astro.params;
+const { page, categories } = Astro.props;
+
+console.log("Category Params:", category);
+console.log("Page Props:", page);
+console.log("Categories Props:", categories);
+
+---
+<TagsLayout
+  page={page}
+  tags={categories}
+  activeTag={category}
+  baseurl="/categories/"
+/>

package/src/pages/categories/index.astro

@@ -0,0 +1,20 @@
+---
+import "@style/tags/tags.scss";
+import TagsLayout from "@src/layouts/TagsLayout.astro";
+import { getCollection, type CollectionEntry } from "astro:content";
+import { utils } from "@src/utils/utils";
+
+const allPosts: CollectionEntry<"blog">[] = (await getCollection("blog")).sort(
+  (a: { data: { pubDate: string; }; }, b: { data: { pubDate: string; }; }) => utils.compareDates(a.data.pubDate, b.data.pubDate)
+);
+
+const categories: string[] = [
+  ...new Set(
+    allPosts
+      .flatMap((post) => [post.data.category || ""])
+      .filter((category) => typeof category === "string" && category !== "")
+  ),
+];
+---
+
+<TagsLayout tags={categories} baseurl="/categories/" />

package/src/pages/friends/index.md

@@ -0,0 +1,24 @@
+---
+layout: ../../layouts/DefaultMdLayout.astro
+title: Minearm盟友
+description: ""
+heroColor: "#007aff"
+useComments: true
+useToc: true
+---
+
+## Minearm-RPM的盟友
+
+谁想成为盟友的来[这里](https://github.com/Minearm-RPM/minearm/issues/3)申请一下
+
+:::links[The Autor of Minearm-RPM & Website]
+
+::link[纳西妲]{logo="/nahida.png" desc="我会为世界上所有的美好而战" link="https://nahida.im"}
+
+::link[B站破击]{logo="/pojipao.avif" desc="全互联网最中二的傻逼" link="https://space.bilibili.com/1598534390"}
+
+::link[ღꦿlove.情绪℘]{logo="/13.jpg" desc="明天要被历史肘击😭" link="mailto:2939765322@qq.com"}
+
+::link[三的根号]{logo="/3.png" desc="√3每日发疯" link="https://space.bilibili.com/1832902560"}
+
+::link[智宇]{logo="https://zhiyuhub.top/upload/be2bb1bb-8d91-4e9b-8b4d-00d4c45774ae.png" desc="root@kali:/#" link="https://zhiyuhub.top/"}

package/src/pages/rss.xml.js

@@ -0,0 +1,20 @@
+import rss from '@astrojs/rss';
+import {
+  getCollection
+} from 'astro:content';
+import {
+  SiteConfig
+} from '../site_config';
+
+export async function get(context) {
+  const posts = await getCollection('blog');
+  return rss({
+    title: SiteConfig.title,
+    description: SiteConfig.description,
+    site: context.site,
+    items: posts.map((post) => ({
+      ...post.data,
+      link: `/blog/${post.data.abbrlink || post.slug}/`,
+    })),
+  });
+}

package/src/pages/tags/[tag]/[...page].astro

@@ -0,0 +1,42 @@
+---
+import "@style/tags/tags.scss";
+import TagsLayout from "@src/layouts/TagsLayout.astro";
+import { getCollection, CollectionEntry } from "astro:content";
+import { utils }from "@src/utils/utils";
+
+export async function getStaticPaths({ paginate }: any) {
+  const allPosts: CollectionEntry<"blog">[] = (
+    await getCollection("blog")
+  ).sort((a, b) => utils.compareDates(a.data.pubDate, b.data.pubDate));
+
+  const uniqueTags: string[] = [
+    ...new Set(
+      allPosts
+        .flatMap((post) => post.data.tags || [])
+        .filter((tag) => typeof tag === "string" && tag !== "")
+    ),
+  ];
+
+  return uniqueTags.flatMap((tag) => {
+    const filteredPosts = allPosts.filter((post) =>
+      post.data.tags?.includes(tag)
+    );
+    return paginate(filteredPosts, {
+      params: { tag: tag },
+      props: { posts: filteredPosts, tags: uniqueTags },
+      pageSize: 10,
+    });
+  });
+}
+
+const { tag } = Astro.params;
+const { page, tags } = Astro.props;
+
+
+console.log("Tag Params:", tag);
+console.log("Page Props:", page);
+console.log("Tags Props:", tags);
+
+---
+
+<TagsLayout page={page} tags={tags} activeTag={tag} baseurl="/tags/" />

package/src/pages/tags/index.astro

@@ -0,0 +1,19 @@
+---
+import "@style/tags/tags.scss";
+import TagsLayout from "@src/layouts/TagsLayout.astro";
+import { getCollection, type CollectionEntry } from "astro:content";
+import { utils } from "@src/utils/utils";
+const allPosts: CollectionEntry<"blog">[] = (await getCollection("blog")).sort(
+  (a: { data: { pubDate: string; }; }, b: { data: { pubDate: string; }; }) => utils.compareDates(a.data.pubDate, b.data.pubDate)
+);
+
+const uniqueTags: string[] = [
+  ...new Set(
+    allPosts
+      .flatMap((post) => post.data.tags || [])
+      .filter((tag) => typeof tag === "string" && tag !== "")
+  ),
+];
+---
+
+<TagsLayout tags={uniqueTags} baseurl="/tags/" />

package/src/site_config.ts

@@ -0,0 +1,15 @@
+export const SiteConfig: SiteConfig = {
+  site: "https://ww2.minearm.org/",
+  title: "Minearm-RPM & Website",
+  description: "This is a Minearm-RPM & Website",
+  localSearch: true,
+  markdownMath: false,
+};
+
+interface SiteConfig {
+  site: string;
+  title: string;
+  description: string;
+  localSearch: boolean;
+  markdownMath: "Katex" | "Mathjax" | true;
+}

package/src/styles/animation.scss

@@ -0,0 +1,94 @@
+@use "sass:math";
+
+@keyframes blink {
+  0%,
+  100% {
+    background: transparent;
+  }
+  50% {
+    background: yellow;
+  }
+}
+
+$keyframes-count: 20; // 创建20个关键帧
+
+@keyframes shake-hard {
+  @for $i from 1 through $keyframes-count {
+    #{percentage(math.div($i, $keyframes-count))} {
+      transform: translateX(#{random(8) - 4}px)
+        translateY(#{random(8) - 4}px)
+        rotate(#{random(20) - 10}deg);
+    }
+  }
+}
+
+@keyframes darken {
+  0% {
+    filter: brightness(1);
+  }
+  100% {
+    filter: brightness(0.8);
+  }
+}
+
+@keyframes appear_blur {
+  0% {
+    opacity: 0;
+
+    backdrop-filter: blur(0);
+  }
+  100% {
+    opacity: 1;
+
+    backdrop-filter: blur(10px);
+  }
+}
+
+@keyframes appear_rise {
+  0% {
+    transform: translateY(60px);
+
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+
+    opacity: 1;
+  }
+}
+
+@keyframes disappear_blur {
+  0% {
+    opacity: 1;
+
+    backdrop-filter: blur(10px);
+  }
+  100% {
+    opacity: 0;
+
+    backdrop-filter: blur(0);
+  }
+}
+
+@keyframes disappear_fall {
+  0% {
+    transform: translateY(0);
+
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(60px);
+
+    opacity: 0;
+  }
+}
+
+@keyframes floating {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-8px);
+  }
+}