minearm-website 0.0.3-beta.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 KraHsu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,67 @@
+# Minearm & Website
+# 本主题是从HusBlog改进而来的
+url: https://github.com/KraHsu/HsuBlog.git
+
+
+# 文件结构
+
+```bash
+root
+ ├─public
+ │  └─scripts
+ └─src
+    ├─components
+    │  ├─animation
+    │  ├─aside
+    │  ├─client
+    │  ├─footer
+    │  ├─header
+    │  ├─icons
+    │  ├─loading
+    │  └─postlist
+    ├─content
+    │  └─blog
+    │      └─default
+    ├─layouts
+    ├─pages
+    │  ├─about
+    │  ├─blog
+    │  ├─categories
+    │  │  └─[category]
+    │  ├─friends
+    │  └─tags
+    │      └─[tag]
+    ├─styles
+    │  ├─blog
+    │  │  └─dist
+    │  ├─components
+    │  │  └─dist
+    │  ├─dist
+    │  └─tags
+    └─utils
+```
+
+~~~
+# 安装依赖
+npm install
+# 更新
+npm update
+~~~
+
+~~~
+# 启动开发预览
+npm run dev
+~~~
+
+~~~
+# 构建和预览
+npm run build
+npm run preview
+~~~
+
+# 许可证
+本项目在MIT许可证下授权，版权所有©2024
+
+由Minearm-RPM构建的
+
+# 转载时需标明出处！。

package/astro.config.ts

@@ -0,0 +1,33 @@
+import { defineConfig } from "astro/config";
+import sitemap from "@astrojs/sitemap";
+import { markdownDirectives, remarkFrontmatter, rehypeFrontmatter, remarkRestyling, rehypeRestyling } from "./src/utils/md";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
+import rehypeMathjax from "rehype-mathjax";
+import remarkDirective from "remark-directive";
+import vue from "@astrojs/vue";
+import { SiteConfig } from "./src/site_config";
+import { generateSearchData } from "./src/utils/generateSearchData.ts";
+const remarkPlugins: any = [remarkFrontmatter, remarkGfm, SiteConfig.markdownMath !== false && remarkMath, remarkRestyling, remarkDirective, markdownDirectives, SiteConfig.localSearch && generateSearchData].filter(Boolean);
+const rehypePlugins: any = [rehypeFrontmatter, rehypeRestyling, SiteConfig.markdownMath === "Katex" && rehypeKatex, SiteConfig.markdownMath === "Mathjax" && rehypeMathjax].filter(Boolean);
+// https://astro.build/config
+export default defineConfig({
+  site: SiteConfig.site,
+  integrations: [sitemap(), vue()],
+  output: "static",
+  build: {
+    format: "directory"
+  },
+  markdown: {
+    syntaxHighlight: "shiki",
+    shikiConfig: {
+      theme: "css-variables",
+      langs: [],
+      wrap: false
+    },
+    remarkPlugins: remarkPlugins,
+    rehypePlugins: rehypePlugins
+  },
+  trailingSlash: "ignore"
+});

package/minearm.ts

@@ -0,0 +1,174 @@
+import fs from "fs";
+import path from "path";
+import matter from "gray-matter";
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+import { promisify } from "util";
+import { glob } from "glob";
+import { utils } from "./src/utils/utils.js";
+
+interface Argv {
+  _: string[];
+  filename?: string;
+  $0: string;
+}
+
+const readFileAsync = promisify(fs.readFile);
+const writeFileAsync = promisify(fs.writeFile);
+const mkdirAsync = promisify(fs.mkdir);
+
+const getDateString = () => {
+  const date = new Date();
+  const monthNames = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec",
+  ];
+  const month = monthNames[date.getMonth()];
+  const day = date.getDate().toString().padStart(2, "0");
+  const year = date.getFullYear();
+
+  return `${month} ${day} ${year}`;
+};
+
+const getHexTimestamp = () => {
+  const timestamp = Date.now();
+  const hexTimestamp = timestamp.toString(36);
+
+  return hexTimestamp;
+};
+
+const createFile = async (
+  filePath: string,
+  dirPath: string,
+  content: string
+) => {
+  // Get all directories from dirPath
+  const directories = dirPath.split(path.sep);
+
+  // Make sure all directories exist, create them if necessary
+  for (let i = 1; i <= directories.length; i++) {
+    const segment = directories.slice(0, i).join(path.sep);
+    if (!fs.existsSync(segment)) {
+      await mkdirAsync(segment);
+    }
+  }
+
+  if (fs.existsSync(filePath)) {
+    console.error(`File ${filePath} already exists.`);
+    process.exit(1);
+  }
+
+  await writeFileAsync(filePath, content);
+  console.log(`File created: ${filePath}`);
+};
+
+const createMdFile = async (filename: string) => {
+  const dateStr = getDateString();
+  const hexTimestamp = getHexTimestamp();
+
+  // split filename into path and actual filename
+  const filenameParts = filename.split("/");
+  const actualFilename = filenameParts.pop();
+
+  // create the full directory path
+  const dirPath = path.resolve(`./src/content/blog/`, ...filenameParts);
+  const filePath = path.resolve(dirPath, `${actualFilename}.md`);
+
+  const content = `---
+title: ${actualFilename}
+description: ''
+pubDate: ${dateStr}
+updatedDate: ${dateStr}
+heroColor: ''
+abbrlink: ${hexTimestamp}
+tags: 
+    - ''
+category: ''
+---`;
+
+  await createFile(filePath, dirPath, content);
+};
+
+const createMdPage = async (filename: string) => {
+  const dirPath = path.resolve(`./src/pages/${filename}`);
+  const filePath = path.resolve(dirPath, "index.md");
+
+  const content = `---
+layout: "../../layouts/DefaultMdLayout.astro"
+title: ${filename}
+description: ""
+heroColor: "#007aff"
+useComments: true
+useToc: true
+---
+
+## ${filename}`;
+
+  await createFile(filePath, dirPath, content);
+};
+
+const addAbbrlinkToFile = async (filepath: string) => {
+  try {
+    const content = await readFileAsync(filepath, "utf8");
+    const parsedMatter = matter(content);
+
+    if (!parsedMatter.data.abbrlink) {
+      const pubDateStr = parsedMatter.data.pubDate;
+      const pubDate = new Date(pubDateStr);
+      const abbrlink = pubDate.getTime().toString(36);
+
+      parsedMatter.data.abbrlink = abbrlink;
+
+      const fileContent = matter.stringify(content, parsedMatter.data);
+      await writeFileAsync(filepath, fileContent);
+      console.log(`Permalink added: ${filepath}`);
+    }
+  } catch (error) {
+    console.error(`Unable to add link: ${filepath}`);
+    console.error(error);
+  }
+};
+
+const addAbbrlinkToFiles = async () => {
+  try {
+    const files = await glob("./src/content/blog/**/*.md");
+    for (const file of files) {
+      await addAbbrlinkToFile(file);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+const argv = yargs(hideBin(process.argv))
+  .command("new <filename>", "Create a new post with the title <filename>")
+  .command("abbr", "Add a permalink to markdown files")
+  .command("newPage <filename>", "Create a new page with the title <filename>")
+  .help()
+  .alias("help", "h").argv as Argv;
+
+if (argv._[0] === "new") {
+  if (argv.filename) {
+    createMdFile(argv.filename);
+  } else {
+    console.error('Filename is required for the "new" command');
+  }
+} else if (argv._[0] === "abbr") {
+  addAbbrlinkToFiles();
+} else if (argv._[0] === "newPage") {
+  if (argv.filename) {
+    createMdPage(argv.filename);
+  } else {
+    console.error('Filename is required for the "newPage" command');
+  }
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "minearm-website",
+  "description": "Welcome to Minearm & Website.",
+  "version": "0.0.3-beta.2",
+  "homepage": "https://github.com/Minearm-RPM/minearm",
+  "type": "module",
+  "license": "MIT",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "new": "ts-node ./minearm.ts new",
+    "abbr": "ts-node ./minearm.ts abbr",
+    "newpage": "ts-node ./minearm.ts newPage",
+    "help": "ts-node ./minearm.ts help",
+    "pu": "ts-node ./pu.ts"
+  },
+  "dependencies": {
+    "@astrojs/markdown-remark": "^5.3.0",
+    "@astrojs/mdx": "^3.1.9",
+    "@astrojs/rss": "^4.0.9",
+    "@duannx/vue-client-only": "^1.0.3",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@iconify-json/tabler": "^1.2.8",
+    "astro": "^4.16.13",
+    "astro-i18next": "^1.0.0-beta.21",
+    "astro-icon": "^1.1.2",
+    "fuse.js": "^6.6.2",
+    "glob": "^10.3.3",
+    "hastscript": "^7.2.0",
+    "html-loader": "^0.5.5",
+    "markdown-loader": "^8.0.0",
+    "marked": "^15.0.0",
+    "mdast-util-to-string": "^4.0.0",
+    "pnpm": "^9.13.2",
+    "reading-time": "^1.5.0",
+    "rehype-katex": "7.0.1",
+    "rehype-mathjax": "6.0.0",
+    "remark-directive": "3.0.0",
+    "remark-gfm": "4.0.0",
+    "remark-math": "6.0.0",
+    "showdown": "^2.1.0",
+    "yargs": "^17.7.2"
+  },
+  "devDependencies": {
+    "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/vue": "^4.5.2",
+    "@types/yargs": "^17.0.24",
+    "sass": "1.70.0",
+    "scss": "^0.2.4",
+    "ts-node": "10.9.2",
+    "vue": "3.5.0"
+  },
+  "keywords": [
+    "astro-component",
+    "withastro"
+  ],
+  "main": "index.js",
+  "author": "",
+  "license": "ISC"
+}

package/public/scripts/mdata.json

@@ -0,0 +1,4 @@
+{
+  "totalWordCounts": 116400,
+  "totalPostCounts": 11
+}

package/public/scripts/utils.js

@@ -0,0 +1,190 @@
+const hsu = {
+    calculateScrollPercentage: () => {
+        // 获取当前页面滚动的高度
+        let scrollPosition = document.documentElement.scrollTop || window.scrollY;
+
+        // 获取页面的总高度
+        let totalHeight = Math.max(
+            document.body.scrollHeight,
+            document.documentElement.scrollHeight,
+            document.body.offsetHeight,
+            document.documentElement.offsetHeight,
+            document.body.clientHeight,
+            document.documentElement.clientHeight
+        ) - document.documentElement.clientHeight;
+
+        // 计算滚动百分比并四舍五入
+        let scrollPercentage = Math.round(scrollPosition / totalHeight * 100);
+
+        // 获取用于显示百分比的元素
+        let percentDisplayElement = document.getElementById("percent");
+
+        // 计算可见窗口的底部位置
+        var visibleWindowBottomPosition = window.scrollY + document.documentElement.clientHeight;
+
+        // 获取网站底部元素
+        let siteFooterElement = document.getElementById("site-footer");
+
+        // 判断页面是否滚动到了网站的底部，或者滚动百分比是否超过了95%
+        if (siteFooterElement.offsetTop + siteFooterElement.offsetHeight / 2 < visibleWindowBottomPosition || scrollPercentage > 95) {
+            document.getElementById("menu-totop").classList.add("tobottom");
+        } else {
+            document.getElementById("menu-totop").classList.remove("tobottom");
+
+            // 如果滚动百分比是有效的，更新显示的百分比
+            if (scrollPercentage >= 0) {
+                percentDisplayElement.innerHTML = scrollPercentage;
+            }
+        }
+
+        // 判断页面是否在顶部，更改 header 的 class
+        let header = document.getElementById("site-header");
+        scrollPercentage > 0 ? header.classList.add("not-top") : header.classList.remove("not-top");
+    },
+    scrollToDestination: (destination, duration) => {
+        // 初始值检查，如果e或t小于0，直接返回
+        if (destination < 0 || duration < 0) {
+            return;
+        }
+
+        // 获取当前窗口滚动的垂直位置
+        const currentPos = window.scrollY || window.screenTop;
+
+        // 让目标位置上方空出70px的位置
+        destination -= 70;
+
+        // 检查浏览器是否支持CSS的平滑滚动
+        if ("CSS" in window && CSS.supports("scroll-behavior", "smooth")) {
+            // 如果支持，使用CSS的平滑滚动
+            window.scrollTo({
+                top: destination,
+                behavior: "smooth"
+            });
+            return;
+        }
+
+        // 如果不支持CSS的平滑滚动，使用JavaScript实现
+        let startTime = null;
+        duration = duration || 500; // 默认持续时间为500ms
+
+        window.requestAnimationFrame(function scrollSmoothly(currentTime) {
+            startTime = startTime || currentTime;
+
+            if (currentPos < destination) {
+                const timeElapsed = currentTime - startTime;
+                window.scrollTo(0, (destination - currentPos) * timeElapsed / duration + currentPos);
+
+                // 检查是否已经滚动到目标位置，如果没有，继续请求动画帧
+                if (timeElapsed < duration) {
+                    window.requestAnimationFrame(scrollSmoothly);
+                } else {
+                    window.scrollTo(0, destination);
+                }
+            } else {
+                const timeElapsed = currentTime - startTime;
+                window.scrollTo(0, currentPos - (currentPos - destination) * timeElapsed / duration);
+
+                // 检查是否已经滚动到目标位置，如果没有，继续请求动画帧
+                if (timeElapsed < duration) {
+                    window.requestAnimationFrame(scrollSmoothly);
+                } else {
+                    window.scrollTo(0, destination);
+                }
+            }
+        });
+    },
+    goToUrl: (url) => {
+        window.location.href = url;
+    },
+    copyCode: function (event) {
+        // 使用事件对象找到被点击的code-copy元素的父code-block
+        const codeBlock = event.target.closest('.code-block');
+
+        // 获取该code-block内的code标签的文本内容
+        const codeContent = codeBlock.querySelector(".astro-code").textContent;
+
+        // 复制到剪贴板
+        navigator.clipboard.writeText(codeContent).then(function () {
+            // 成功复制后的操作
+            console.log("代码已成功复制到剪贴板!");
+        }).catch(function (err) {
+            // 如果出现错误，例如用户没有授予剪贴板权限
+            console.error("无法复制代码:", err);
+        });
+    },
+    anchorScroll: function (event) {
+        // 获取目标元素
+        var target = document.querySelector(this.getAttribute('href'));
+
+        if (target) {
+            event.preventDefault();
+
+            // 为 target 元素添加 'target-to' 类
+            if (target.classList.contains('target-to')) {
+                return
+            }
+            target.classList.add('target-to');
+
+            // 两秒后移除 'target-to' 类
+            setTimeout(function () {
+                target.classList.remove('target-to');
+            }, 1510);
+
+            // 计算距离，考虑额外的偏移量
+            // 4rem 需要转化为像素，这里假设 1rem = 16px，所以 4rem = 64px
+            var offsetTop = target.getBoundingClientRect().top + window.pageYOffset - 80;
+
+            window.scrollTo({
+                top: offsetTop,
+                behavior: "smooth"
+            });
+        }
+    },
+    formatNumber: function (num) {
+        if (num >= 1000000000) {
+            return (num / 1000000000).toFixed(1) + "B";
+        }
+        if (num >= 1000000) {
+            return (num / 1000000).toFixed(1) + "M";
+        }
+        if (num >= 1000) {
+            return (num / 1000).toFixed(1) + "K";
+        }
+        return num.toString();
+    },
+    getJson: async function (url) {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error("HTTP error " + response.status);
+        }
+        return await response.json();
+    },
+    opensearch: function () {
+        const search = document.getElementById("search")
+        // document.dispatchEvent(new Event("opensearch"));
+
+        search?.classList.remove("hide")
+        document.body.style.overflow = "hidden";
+
+    },
+    closesearch: async function () {
+        const search = document.getElementById("search")
+        // document.dispatchEvent(new Event("closesearch"));
+
+        search?.classList.add("begin-to-hide");
+        await this.sleep(1000)
+        search?.classList.remove("begin-to-hide")
+        search?.classList.add("hide");
+
+        document.body.style.overflow = "";
+    },
+    sleep: (ms) => new Promise((resolve) => setTimeout(resolve, ms))
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+    var links = document.querySelectorAll('a[href^="#"]');
+
+    for (var i = 0; i < links.length; i++) {
+        links[i].addEventListener('click', hsu.anchorScroll)
+    }
+});

package/src/components/BodyInject.astro

@@ -0,0 +1,5 @@
+---
+import { ThemeConfig } from "@src/theme_config";
+---
+
+<Fragment></Fragment>

package/src/components/HeadInject.astro

@@ -0,0 +1,16 @@
+---
+import { ThemeConfig as TC } from "@src/theme_config";
+---
+
+<Fragment>
+  <script src="/scripts/utils.js" type="text/javascript"></script>
+  {TC.head.map((item) => <Fragment set:html={item} />)}
+  {
+    TC.aside.siteInfo.busuanzi && (
+      <script
+        async
+        src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"
+      />
+    )
+  }
+</Fragment>

package/src/components/Search.astro

@@ -0,0 +1,30 @@
+---
+import "@style/components/search.scss";
+import SearchCore from "./client/searchCore.vue";
+import { ThemeConfig } from "@src/theme_config";
+import { utils } from "@src/utils/utils";
+
+const hits = ThemeConfig.site.localSearch.hits.map((hit) =>
+  utils.replaceLink(hit, "search-hit")
+);
+const comment = utils.replaceLink(
+  utils.executeEmbeddedScripts(ThemeConfig.site.localSearch.comment)
+);
+---
+
+<div id="search" class="hide">
+  <div class="search-wrap">
+    <div class="search-header">
+      <div class="search-title">搜索</div>
+      <div class="search-close" onclick={"hsu.closesearch()"}>
+        <i class="fa-solid fa-xmark"></i>
+      </div>
+    </div>
+    <SearchCore client:only />
+    <div class="search-hits">
+      {hits.map((hit) => <Fragment set:html={hit} />)}
+    </div>
+    <div class="search-comment" set:html={comment} />
+  </div>
+  <div class="search-mask" onclick={"hsu.closesearch()"}></div>
+</div>