minearm-website 0.0.3-beta.2

package/src/styles/global.scss

@@ -0,0 +1,167 @@
+@import "./animation.scss";
+@import "./custom.scss";
+// @import "./components/index.scss";
+// @import "./blog/index.scss";
+
+* {
+  box-sizing: border-box;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+
+  height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+
+  background: var(--theme-color);
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 3px;
+
+  background: rgba(0, 0, 0, 0.06);
+}
+
+ul,
+ol {
+  list-style-type: none;
+}
+
+body {
+  overflow-x: hidden;
+
+  margin: 0;
+
+  background: var(--body-background-color);
+
+  font-family: var(--default-font-family);
+}
+
+:root {
+  --theme-color: #a57ad4;
+
+  --font-black-white: #363636;
+
+  --font-white-black: white;
+
+  --navbar-bg-color: rgb(255 255 255 / 80%);
+
+  --button-background-black: #363636;
+
+  --button-background-white: var(--font-white);
+
+  --body-background-color: #f7f9fe;
+
+  --codeblock-background-grey: var(--background-grey);
+
+  --codeblock-copybutton-grey: var(--font-light-grey);
+
+  --border-light-grey: #ddd;
+
+  --mark-background: #dfbfff;
+
+  --link-color: #49ca1f;
+
+  --light-grey: #ddd;
+
+  --font-light-grey: #ddd;
+
+  --font-mid-grey: #696969;
+
+  --font-dark-grey: #444;
+
+  --font-white: white;
+
+  --font-code-color: rgb(255 136 0);
+
+  --font-code-background: #eee;
+
+  --background-white: white;
+
+  --card-background: white;
+
+  --background-grey: #eee;
+
+  --mask-grey: var(--light-grey);
+
+  --aside-link-color: #822eda;
+
+  &[data-theme="dark"] {
+    --theme-color: #d4af7a;
+
+    --font-black-white: white;
+
+    --font-white-black: black;
+
+    --navbar-bg-color: rgba(0 0 0 / 5%);
+
+    --button-background-black: white;
+
+    --button-background-white: var(--font-white);
+
+    --body-background-color: #18171d;
+
+    --codeblock-background-grey: #757575;
+
+    --codeblock-copybutton-grey: #ddd;
+
+    --font-code-background: #666;
+
+    --card-background: #1b1c20;
+
+    --mask-grey: #000;
+
+    --background-white: #0a0a0c;
+
+    --font-code-color: rgb(235, 125, 0);
+
+    --font-mid-grey: #ddd;
+
+    --border-light-grey: #696969;
+  }
+}
+
+:root {
+  --header-nav-height: 4rem;
+
+  --header-item-icon-size: 18px;
+
+  --header-button-icon-size: 22px;
+
+  --font-code-size: 18px;
+
+  --font-post-size: 18px;
+
+  --code-lang-height: 35px;
+}
+
+:root {
+  --heading-font-family-en: georgia pro, crimson, georgia, -apple-system,
+    blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell,
+    "Fira Sans", "Droid Sans", "Helvetica Neue", stheiti, "Microsoft YaHei",
+    simsun, sans-serif;
+
+  --heading-font-family-zh: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
+
+  --code-font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei",
+    sans-serif;
+
+  --default-font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
+}
+
+:root {
+  --header-shadow: 0 8px 8px rgb(0 0 0 / 20%);
+
+  --card-shadow: 4px 4px 8px rgba(0, 0, 0, 7%);
+
+  --card-tiny-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
+
+  --elastic-animation: cubic-bezier(0.42, 0, 0, 1.53);
+
+  --appear-animation: 0.3s ease 0.1s 1 normal both running appear;
+
+  --shak-hard-animation: 0.5s ease-in-out infinite shake-hard;
+}

package/src/styles/mixin.scss

@@ -0,0 +1,17 @@
+@mixin nav-flex() {
+  display: flex;
+
+  align-items: center;
+
+  justify-content: center;
+}
+
+@mixin card-style() {
+  transition: 0.3s;
+
+  box-shadow: var(--card-shadow);
+
+  &:hover {
+    box-shadow: var(--card-tiny-shadow);
+  }
+}

package/src/styles/tags/tags.scss

@@ -0,0 +1,83 @@
+@import "../mixin.scss";
+.tags-wrap {
+  display: flex;
+
+  align-items: center;
+
+  justify-content: center;
+
+  min-height: 300px;
+  .tags {
+    display: flex;
+
+    align-items: center;
+
+    flex-wrap: wrap;
+
+    justify-content: center;
+
+    width: 100%;
+
+    max-width: 800px;
+    .tag {
+      margin: 0.5rem;
+
+      padding: 5px 8px;
+
+      text-decoration: none;
+
+      color: var(--font-black-white);
+
+      border-radius: 10px;
+
+      background-color: var(--card-background);
+
+      font-size: 20px;
+
+      @include card-style();
+      &:hover {
+        transform: scale(1.2);
+
+        color: white;
+
+        background: var(--theme-color);
+        .tag-text {
+          &::before {
+            color: white;
+          }
+        }
+      }
+      .tag-text {
+        &::before {
+          margin-right: 3px;
+
+          content: "#";
+
+          transition: 0.3s ease;
+
+          color: var(--font-light-grey);
+        }
+      }
+    }
+
+    &.floating {
+      .tag {
+        animation: floating 7s ease-in-out infinite alternate;
+
+        &:nth-child(3n + 1) {
+          animation-delay: 0s;
+        }
+        &:nth-child(3n + 2) {
+          animation-delay: 2.334s;
+        }
+        &:nth-child(3n + 3) {
+          animation-delay: 4.667s;
+        }
+      }
+    }
+  }
+}
+#inner-container {
+  .main-content {
+  }
+}

package/src/theme_config.ts

@@ -0,0 +1,178 @@
+import { Icons } from "@comp/icons/icon";
+import { SiteConfig } from "./site_config";
+// import { faStar } from "@fortawesome/free-solid-svg-icons";
+// import { library, icon } from "@fortawesome/fontawesome-svg-core";
+//import Code from '~/components/code.astro';
+// library.add(faStar);
+// const starIcon = icon({ prefix: "fas", iconName: "star" });
+
+const today = new Date();
+
+export const ThemeConfig: Configs = {
+  site: {
+    title: SiteConfig.title,
+    favicon: "/favicon.png",
+    logo: "/favicon.png",
+    author: "Minearm-RPM",
+    localSearch: {
+      enable: true,
+      comment: "你可以使用类似 unix 的格式：[扩展搜索](/blog/Search-help/)",
+      hits: ["[扩展搜索](/blog/Search-help/)", "[Help](/blog/Search-help/)"],
+    },
+    backgroundBubbles: 20,
+  },
+  head: [``],
+  body: [``],
+  header: {
+    menu: [
+      {
+        name: "主页",
+        customClass: "home",
+        link: "/",
+        icon: "local:solid.house",
+      },
+      {
+        name: "博客",
+        customClass: "articles",
+        icon: "local:solid.pen-fancy",
+        children: [
+          {
+            name: "分类",
+            customClass: "categories",
+            icon: "local:solid.hard-drive",
+            link: "/categories",
+          },
+          {
+            name: "标签",
+            customClass: "tags",
+            icon: "local:solid.tags",
+            link: "/tags",
+          },
+        ],
+      },
+      {
+        name: "我的",
+        customClass: "mine",
+        icon: Icons.IDcardIcon,
+        children: [
+          {
+            name: "朋友",
+            customClass: "friends",
+            icon: "local:solid.link",
+            link: "/friends",
+          },
+          {
+            name: "MC",
+            customClass: "MC",
+            icon: "local:solid.paper-plane",
+            link: "https://game.minearm.org",
+          },
+        ],
+      },
+      {
+        name: "关于",
+        customClass: "about",
+        link: "/about",
+        icon: "local:solid.paper-plane",
+      },
+    ],
+    buttons: [
+      {
+        icon: "local:solid.house",
+        link: "/",
+        customClass: "",
+        title: "返回主页",
+      },
+    ],
+    functions: {
+      headerLogo: "left",
+      themeControl: true,
+      pagePercent: true,
+    },
+  },
+  aside: {
+    authorInfo: {
+      avatar: "/avatar.avif",
+      description: "localhost@root #~",
+      socialMedias: [
+        {
+          link: "https://github.com/Minearm-RPM",
+          customClass: "github",
+          icon: "local:brands.github",
+          title: "github",
+        },
+        {
+          link: "mailto:minearm@minearm.org",
+          customClass: "mail-minearm",
+          icon: "local:solid.envelope",
+          title: "mail",
+        },
+        {
+          link: "https://space.bilibili.com/1279178840",
+          customClass: "bilibili",
+          icon: "local:brands.bilibili",
+          title: "social-bili",
+        },
+      ],
+    },
+    announcement: {
+      headline: "看公告啦！",
+      content:
+        "欢迎各位[找茬](https://github.com/Minearm-RPM/minearm-rpm-arch/issues)~",
+    },
+    siteInfo: {
+      busuanzi: false,
+      totalWordCounts: true,
+      totalPostCounts: true,
+    },
+    customCards: [
+      {
+        // icon: `<i class="fa-solid fa-star"></i>`,
+        icon: "local:solid.star",
+        title: "推荐文章",
+        content: "暂时莫有<br>T-T",
+      },
+    ],
+  },
+  footer: {
+    text: "Design & Build with ❤ by Minearm-RPM",
+    copyright: `&copy; 2023-${today.getFullYear()} By [Minearm-RPM](/about)`,
+    // 也可以使用  包裹函数体，并返回替换值
+    // You can also use  to wrap the function body and return the replacement value.
+    // copyright: `&copy; 2023-{{const today = new Date();return today.getFullYear();}} By [Minearm-RPM](/about)`,
+  },
+  homePage: {
+    heroShoot: "/heroimg.jpg",
+    heroTitle: "Minearm-RPM & Website",
+    heroDescription: "Welcome to Minearm & Website!",
+    defaultCover: "/heroimg.jpg",
+    paginationSize: 10,
+    aside: {
+      comps: ["AuthorInfo"],
+      stickyComps: ["Announcement", "SiteInfo"],
+      direct: "right",
+    },
+  },
+  postPage: {
+    aside: {
+      comps: ["AuthorInfo"],
+      stickyComps: [],
+    },
+  },
+  tagsPage: {
+    floating: true,
+  },
+  comments: {
+    // type: "twikoo",
+    // options: {
+    //  envId: "",
+    //   lang: "zh-CN",
+    // },
+  	 type: "waline",
+  	 options: {
+	   serverURL: "https://api.minearm.org",
+     },
+    //type: true,
+    //options: null,
+  },
+};

package/src/utils/generateSearchData.ts

@@ -0,0 +1,30 @@
+import fs from "fs";
+import { utils } from "./utils";
+// import { SiteConfig } from "../site_config";
+
+interface SearchData {
+  title: string;
+  content: string;
+  url: string;
+}
+
+const searchDatas: SearchData[] = [];
+
+export function generateSearchData() {
+  return (_: any, file: any) => {
+    if (file.history[0].includes(`content\\blog`)) {
+      const content = utils.cleanContent(file.value as string);
+
+      searchDatas.push({
+        title: file.data.astro.frontmatter.title,
+        content: content,
+        url: `/blog/${file.data.astro.frontmatter.abbrlink}`,
+      });
+
+      fs.writeFileSync(
+        "./public/scripts/searchData.json",
+        JSON.stringify(searchDatas, null, 2)
+      );
+    }
+  };
+}

package/src/utils/md.ts

@@ -0,0 +1,114 @@
+import { visit } from "unist-util-visit";
+import getReadingTime from "reading-time";
+import { toString } from "mdast-util-to-string";
+import { utils } from "./utils";
+import { writeFileSync } from "fs";
+import { processRemark, processRehype, processDir } from "./processMd";
+
+import mdata from "../../public/scripts/mdata.json";
+
+mdata.totalWordCounts = 0;
+mdata.totalPostCounts = 0;
+
+export function markdownDirectives() {
+  return (tree: any, file: any) => {
+    visit(tree, (node, index, parent) => {
+      switch (node.type) {
+        case "textDirective":
+          if (node.name === "color") processDir.dirColor(node);
+          break;
+        case "leafDirective":
+          if (node.name === "link") processDir.dirLink(node, parent);
+          if (node.name === "note") processDir.dirNoteL(node, index, parent);
+          break;
+        case "containerDirective":
+          if (node.name === "links") processDir.dirLinks(node);
+          else if (node.name === "timeline")
+            processDir.dirTimeline(node, index, parent);
+          break;
+      }
+    });
+  };
+}
+
+export function remarkFrontmatter() {
+  return function (tree: any, { data }: any) {
+    // 阅读时长
+    const textOnPage = toString(tree);
+    const readingTime = getReadingTime(textOnPage);
+    data.astro.frontmatter.numberOfWords = textOnPage.length;
+    data.astro.frontmatter.minutesRead = readingTime.text;
+    mdata.totalWordCounts += textOnPage.length;
+    mdata.totalPostCounts += 1;
+    writeFileSync(
+      "./public/scripts/mdata.json",
+      JSON.stringify(mdata, null, 2)
+    );
+  };
+}
+
+export function rehypeFrontmatter() {
+  return function (tree: any, { data }: any) {
+    // 目录
+    const toc: {
+      level: string;
+      id: string;
+      value: string;
+    }[] = [];
+    const headings = ["h1", "h2", "h3"];
+    visit(tree, (node) => {
+      if (
+        headings.includes(node.tagName) &&
+        !("className" in node.properties)
+      ) {
+        const id = utils.generateIdFromHeading(node.children[0].value);
+        toc.push({
+          level: node.tagName[1],
+          id: id,
+          value: node.children[0].value,
+        });
+      }
+    });
+    data.astro.frontmatter.toc = toc;
+  };
+}
+
+export function rehypeRestyling() {
+  return (tree: any) => {
+    visit(tree, (node, index, parent) => {
+      switch (node.tagName) {
+        case "blockquote":
+          processRemark.processBlockquote(node);
+          break;
+        case "table":
+          processRemark.processTable(node, parent, index);
+          break;
+        case "img":
+          if (!node.properties.className) {
+            processRemark.processImg(node, parent, index);
+          }
+          break;
+        case "a":
+          processRemark.processA(node);
+          break;
+      }
+    });
+  };
+}
+
+export function remarkRestyling() {
+  return (tree: any, file: any) => {
+    visit(tree, (node, index, parent) => {
+      switch (node.type) {
+        case "code":
+          if (!node.meta?.lang) {
+            processRehype.processCode(node, parent, index);
+          }
+          break;
+        case "link":
+          processRehype.processLink(node);
+          break;
+      }
+    });
+  };
+}