npm - @jet-w/astro-blog - Versions diffs - 0.1.0 - Mend

@jet-w/astro-blog 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/dist/chunk-FXPGR372.js +0 -0
package/dist/chunk-GYLSY3OJ.js +173 -0
package/dist/config/index.d.ts +166 -0
package/dist/config/index.js +38 -0
package/dist/index.d.ts +34 -0
package/dist/index.js +59 -0
package/dist/types/index.d.ts +75 -0
package/dist/types/index.js +1 -0
package/package.json +84 -0
package/src/components/EChartsCard.vue +118 -0
package/src/components/Mermaid.vue +73 -0
package/src/components/about/ContentCard.astro +27 -0
package/src/components/about/IconCard.astro +77 -0
package/src/components/about/SocialLinks.astro +54 -0
package/src/components/about/TagCard.astro +65 -0
package/src/components/about/TagGroup.astro +33 -0
package/src/components/about/TimelineCard.astro +52 -0
package/src/components/blog/FloatingToc.vue +198 -0
package/src/components/blog/Hero.astro +147 -0
package/src/components/blog/NavigationTabs.vue +245 -0
package/src/components/blog/PostCard.astro +161 -0
package/src/components/blog/PostNavigation.astro +106 -0
package/src/components/blog/RelatedPosts.astro +175 -0
package/src/components/blog/TableOfContents.astro +153 -0
package/src/components/blog/TagCloud.astro +91 -0
package/src/components/home/FeaturedPostsSection.astro +54 -0
package/src/components/home/QuickNavSection.astro +81 -0
package/src/components/home/RecentPostsSection.astro +52 -0
package/src/components/home/StatsSection.astro +44 -0
package/src/components/layout/Footer.astro +103 -0
package/src/components/layout/Header.astro +68 -0
package/src/components/layout/Sidebar.astro +594 -0
package/src/components/media/Bilibili.astro +114 -0
package/src/components/media/Slides.astro +313 -0
package/src/components/media/Video.astro +111 -0
package/src/components/media/VideoPlayer.astro +89 -0
package/src/components/media/YouTube.astro +92 -0
package/src/components/pte/StudyCalendar.vue +1348 -0
package/src/components/ui/Icon.astro +187 -0
package/src/components/ui/MobileMenu.vue +201 -0
package/src/components/ui/Pagination.astro +143 -0
package/src/components/ui/SearchBox.vue +179 -0
package/src/components/ui/SearchInterface.vue +409 -0
package/src/components/ui/SidebarToggle.vue +57 -0
package/src/components/ui/ThemeToggle.vue +90 -0
package/src/layouts/AboutLayout.astro +18 -0
package/src/layouts/BaseLayout.astro +362 -0
package/src/layouts/PageLayout.astro +217 -0
package/src/layouts/SlidesLayout.astro +320 -0
package/src/plugins/rehype-clean-containers.mjs +24 -0
package/src/plugins/rehype-relative-links.mjs +43 -0
package/src/plugins/rehype-tabs.mjs +116 -0
package/src/plugins/remark-containers.mjs +407 -0
package/src/plugins/remark-mermaid.mjs +46 -0
package/src/styles/global.css +870 -0
package/src/styles/slides.css +220 -0
package/src/utils/sidebar.ts +492 -0
package/templates/default/astro.config.mjs +51 -0
package/templates/default/content/pages/about.mdx +93 -0
package/templates/default/content/pages/index.mdx +20 -0
package/templates/default/content/posts/blog_docs/01-quick-start.md +162 -0
package/templates/default/content/posts/blog_docs/02-frontmatter.md +277 -0
package/templates/default/content/posts/blog_docs/03-markdown-basic.md +350 -0
package/templates/default/content/posts/blog_docs/04-containers.md +331 -0
package/templates/default/content/posts/blog_docs/05-code-blocks.md +388 -0
package/templates/default/content/posts/blog_docs/06-mermaid.md +431 -0
package/templates/default/content/posts/blog_docs/07-video.md +243 -0
package/templates/default/content/posts/blog_docs/08-latex.md +382 -0
package/templates/default/content/posts/blog_docs/09-icons.md +326 -0
package/templates/default/content/posts/blog_docs/10-sidebar.md +445 -0
package/templates/default/content/posts/blog_docs/11-config.md +334 -0
package/templates/default/content/posts/blog_docs/12-slides.mdx +552 -0
package/templates/default/content/posts/blog_docs/README.md +151 -0
package/templates/default/content/slides/demo.md +146 -0
package/templates/default/content/slides/docs/basic-demo.md +35 -0
package/templates/default/content/slides/docs/code-demo.md +62 -0
package/templates/default/content/slides/docs/echarts-demo.md +139 -0
package/templates/default/content/slides/docs/fragment-demo.md +35 -0
package/templates/default/content/slides/docs/math-demo.md +48 -0
package/templates/default/content/slides/docs/mermaid-demo.md +105 -0
package/templates/default/content/slides/docs/theme-demo.md +38 -0
package/templates/default/content/slides/docs/vertical-demo.md +50 -0
package/templates/default/package.json +31 -0
package/templates/default/public/favicon-bak.svg +4 -0
package/templates/default/public/images/avatar.jpg +0 -0
package/templates/default/public/images/avatar.svg +142 -0
package/templates/default/public/js/mermaid-container.js +402 -0
package/templates/default/public/js/mermaid-init.js +131 -0
package/templates/default/public/js/mermaid-render.js +98 -0
package/templates/default/public/js/mermaid-simple.js +95 -0
package/templates/default/public/js/tabs-init.js +86 -0
package/templates/default/public/media/individual_portfolio/INDIVIDUAL PORTFOLIO.png +0 -0
package/templates/default/public/slides/plugin/highlight/highlight.js +5 -0
package/templates/default/public/slides/plugin/highlight/monokai.css +71 -0
package/templates/default/public/slides/plugin/markdown/markdown.js +7 -0
package/templates/default/public/slides/plugin/math/math.js +1 -0
package/templates/default/public/slides/plugin/notes/notes.js +1 -0
package/templates/default/public/slides/reveal.css +9 -0
package/templates/default/public/slides/reveal.js +9 -0
package/templates/default/public/slides/theme/beige.css +366 -0
package/templates/default/public/slides/theme/black-contrast.css +362 -0
package/templates/default/public/slides/theme/black.css +359 -0
package/templates/default/public/slides/theme/blood.css +392 -0
package/templates/default/public/slides/theme/dracula.css +385 -0
package/templates/default/public/slides/theme/league.css +368 -0
package/templates/default/public/slides/theme/moon.css +362 -0
package/templates/default/public/slides/theme/night.css +360 -0
package/templates/default/public/slides/theme/serif.css +363 -0
package/templates/default/public/slides/theme/simple.css +362 -0
package/templates/default/public/slides/theme/sky.css +370 -0
package/templates/default/public/slides/theme/solarized.css +363 -0
package/templates/default/public/slides/theme/white-contrast.css +362 -0
package/templates/default/public/slides/theme/white.css +359 -0
package/templates/default/public/slides/theme/white_contrast_compact_verbatim_headers.css +360 -0
package/templates/default/public/test-complete.html +43 -0
package/templates/default/public/test-mermaid.html +124 -0
package/templates/default/src/config/index.ts +114 -0
package/templates/default/src/content.config.ts +96 -0
package/templates/default/src/pages/[...slug].astro +27 -0
package/templates/default/src/pages/archives/[year]/[month]/page/[page].astro +176 -0
package/templates/default/src/pages/archives/[year]/[month].astro +158 -0
package/templates/default/src/pages/archives/index.astro +210 -0
package/templates/default/src/pages/categories/[category]/page/[page].astro +218 -0
package/templates/default/src/pages/categories/[category].astro +198 -0
package/templates/default/src/pages/categories/index.astro +190 -0
package/templates/default/src/pages/container-test.astro +79 -0
package/templates/default/src/pages/mermaid-direct.html +78 -0
package/templates/default/src/pages/posts/[...slug].astro +335 -0
package/templates/default/src/pages/posts/index.astro +541 -0
package/templates/default/src/pages/posts/page/[page].astro +146 -0
package/templates/default/src/pages/rss.xml.ts +28 -0
package/templates/default/src/pages/search-index.json.ts +21 -0
package/templates/default/src/pages/search.astro +50 -0
package/templates/default/src/pages/slides/[...slug].astro +54 -0
package/templates/default/src/pages/slides/index.astro +135 -0
package/templates/default/src/pages/tags/[tag]/page/[page].astro +211 -0
package/templates/default/src/pages/tags/[tag].astro +191 -0
package/templates/default/src/pages/tags/index.astro +167 -0
package/templates/default/tailwind.config.mjs +78 -0
package/templates/default/tsconfig.json +9 -0

package/src/layouts/SlidesLayout.astro ADDED Viewed

@@ -0,0 +1,320 @@
+---
+import { siteConfig } from '../config/site';
+import '../styles/slides.css';
+export interface Props {
+  title: string;
+  description?: string;
+  theme?: string;
+  transition?: string;
+  controls?: boolean;
+  progress?: boolean;
+  center?: boolean;
+  hash?: boolean;
+  slideNumber?: boolean;
+  showBackButton?: boolean;
+}
+const {
+  title,
+  description = '',
+  theme = 'black',
+  transition = 'slide',
+  controls = true,
+  progress = true,
+  center = true,
+  hash = true,
+  slideNumber = false,
+  showBackButton = true,
+} = Astro.props;
+const fullTitle = `${title} | ${siteConfig.title}`;
+// Reveal.js 配置
+const revealConfig = JSON.stringify({
+  hash,
+  controls,
+  progress,
+  center,
+  transition,
+  slideNumber,
+  // Markdown 配置
+  markdown: {
+    smartypants: true,
+  },
+  // 插件配置
+  plugins: ['RevealMarkdown', 'RevealHighlight', 'RevealNotes', 'RevealMath'],
+});
+---
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="description" content={description} />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <title>{fullTitle}</title>
+    <!-- Open Graph -->
+    <meta property="og:type" content="article" />
+    <meta property="og:title" content={fullTitle} />
+    <meta property="og:description" content={description} />
+    <!-- Reveal.js CSS -->
+    <link rel="stylesheet" href="/slides/reveal.css" />
+    <link rel="stylesheet" href={`/slides/theme/${theme}.css`} id="theme" />
+    <!-- Reveal.js 代码高亮主题 -->
+    <link rel="stylesheet" href="/slides/plugin/highlight/monokai.css" />
+    <!-- KaTeX for math -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" />
+    <!-- Mermaid 和 ECharts 在幻灯片中的样式 -->
+    <style>
+      .reveal .mermaid {
+        background: rgba(255, 255, 255, 0.95);
+        padding: 1em;
+        border-radius: 8px;
+      }
+      .reveal .echarts-container {
+        width: 100%;
+        height: 400px;
+        margin: 0 auto;
+      }
+      .reveal pre code.language-mermaid,
+      .reveal pre code.language-echarts {
+        display: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="reveal">
+      <div class="slides">
+        <slot />
+      </div>
+    </div>
+    <!-- 返回按钮（仅在独立页面显示，嵌入模式通过 JS 隐藏） -->
+    <a href="#" class="slides-back-btn" id="slides-back-btn" title="返回上一级">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M19 12H5M12 19l-7-7 7-7"/>
+      </svg>
+    </a>
+    <!-- 检测嵌入模式并隐藏返回按钮，设置返回链接为父路径 -->
+    <script is:inline>
+      (function() {
+        var btn = document.getElementById('slides-back-btn');
+        if (!btn) return;
+        // 检查是否在 iframe 中或 URL 包含 embed=true
+        var isEmbed = window.self !== window.top ||
+                      window.location.search.indexOf('embed=true') !== -1;
+        if (isEmbed) {
+          btn.style.display = 'none';
+          return;
+        }
+        // 设置返回链接为父路径
+        var path = window.location.pathname;
+        // 移除末尾的斜杠
+        if (path.endsWith('/')) {
+          path = path.slice(0, -1);
+        }
+        // 获取父路径
+        var parentPath = path.substring(0, path.lastIndexOf('/'));
+        // 如果父路径为空，返回首页
+        btn.href = parentPath || '/';
+      })();
+    </script>
+    <!-- Reveal.js -->
+    <script is:inline src="/slides/reveal.js"></script>
+    <script is:inline src="/slides/plugin/markdown/markdown.js"></script>
+    <script is:inline src="/slides/plugin/highlight/highlight.js"></script>
+    <script is:inline src="/slides/plugin/notes/notes.js"></script>
+    <script is:inline src="/slides/plugin/math/math.js"></script>
+    <!-- Mermaid -->
+    <script is:inline src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
+    <!-- ECharts -->
+    <script is:inline src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
+    <!-- 初始化 Reveal.js -->
+    <script is:inline define:vars={{ revealConfig }}>
+      document.addEventListener('DOMContentLoaded', function() {
+        const config = JSON.parse(revealConfig);
+        Reveal.initialize({
+          hash: config.hash,
+          controls: config.controls,
+          progress: config.progress,
+          center: config.center,
+          transition: config.transition,
+          slideNumber: config.slideNumber,
+          // Markdown 配置
+          markdown: config.markdown,
+          // 数学公式配置
+          math: {
+            mathjax: null,
+            katex: 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js',
+            katexScript: 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js',
+          },
+          // 插件
+          plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealMath.KaTeX]
+        }).then(function() {
+          // Reveal.js 初始化完成后，渲染 Mermaid 和 ECharts
+          var mermaidContainers = [];
+          var echartsInstances = [];
+          // 初始化 Mermaid
+          if (typeof mermaid !== 'undefined') {
+            mermaid.initialize({
+              startOnLoad: false,
+              theme: 'default',
+              securityLevel: 'loose'
+            });
+            // 查找所有 mermaid 代码块并准备容器
+            document.querySelectorAll('pre code.language-mermaid, pre code.mermaid').forEach(function(block, index) {
+              var code = block.textContent;
+              var container = document.createElement('div');
+              container.className = 'mermaid';
+              container.id = 'mermaid-slide-' + index;
+              container.setAttribute('data-mermaid-code', code);
+              container.style.minHeight = '100px';
+              // 替换代码块
+              var pre = block.parentElement;
+              pre.parentElement.insertBefore(container, pre);
+              pre.style.display = 'none';
+              mermaidContainers.push({
+                container: container,
+                code: code,
+                rendered: false
+              });
+            });
+            // 渲染当前可见幻灯片中的 Mermaid
+            async function renderVisibleMermaid() {
+              var needsLayout = false;
+              mermaidContainers.forEach(function(item) {
+                if (item.rendered) return;
+                var section = item.container.closest('section');
+                if (section && (section.classList.contains('present') || section.closest('.present'))) {
+                  item.container.textContent = item.code;
+                  item.rendered = true;
+                  needsLayout = true;
+                }
+              });
+              // 渲染所有已标记的 Mermaid
+              var toRender = mermaidContainers.filter(function(item) {
+                return item.rendered && item.container.textContent;
+              }).map(function(item) {
+                return item.container;
+              });
+              if (toRender.length > 0) {
+                try {
+                  await mermaid.run({ nodes: toRender });
+                  // Mermaid 渲染完成后，通知 Reveal.js 重新计算布局
+                  if (needsLayout) {
+                    Reveal.layout();
+                  }
+                } catch(e) {
+                  console.warn('Mermaid render warning:', e);
+                }
+              }
+            }
+            // 初始渲染 - 使用更长的延迟确保 Reveal.js 完全初始化
+            setTimeout(renderVisibleMermaid, 200);
+            // 幻灯片切换时渲染
+            Reveal.on('slidechanged', function() {
+              setTimeout(renderVisibleMermaid, 50);
+            });
+          }
+          // 初始化 ECharts
+          if (typeof echarts !== 'undefined') {
+            document.querySelectorAll('pre code.language-echarts, pre code.echarts').forEach(function(block, index) {
+              try {
+                var code = block.textContent.trim();
+                var option = JSON.parse(code);
+                // 创建 ECharts 容器
+                var container = document.createElement('div');
+                container.className = 'echarts-container';
+                container.id = 'echarts-slide-' + index;
+                container.style.height = '400px';
+                container.style.width = '100%';
+                // 替换代码块
+                var pre = block.parentElement;
+                pre.parentElement.insertBefore(container, pre);
+                pre.style.display = 'none';
+                echartsInstances.push({
+                  container: container,
+                  option: option,
+                  chart: null,
+                  initialized: false
+                });
+              } catch (e) {
+                console.error('ECharts parsing error:', e);
+              }
+            });
+            // 渲染当前可见幻灯片中的 ECharts
+            function renderVisibleEcharts() {
+              echartsInstances.forEach(function(item) {
+                var section = item.container.closest('section');
+                var isVisible = section && (section.classList.contains('present') || section.closest('.present'));
+                if (isVisible) {
+                  if (!item.initialized) {
+                    item.chart = echarts.init(item.container);
+                    item.chart.setOption(item.option);
+                    item.initialized = true;
+                  } else if (item.chart) {
+                    item.chart.resize();
+                  }
+                }
+              });
+            }
+            // 初始渲染
+            setTimeout(renderVisibleEcharts, 100);
+            // 幻灯片切换时渲染/调整大小
+            Reveal.on('slidechanged', function() {
+              setTimeout(renderVisibleEcharts, 50);
+            });
+            // 监听窗口大小变化
+            window.addEventListener('resize', function() {
+              echartsInstances.forEach(function(item) {
+                if (item.chart) {
+                  item.chart.resize();
+                }
+              });
+            });
+          }
+        });
+      });
+    </script>
+  </body>
+</html>

package/src/plugins/rehype-clean-containers.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import { visit } from 'unist-util-visit';
+export function rehypeCleanContainers() {
+  return (tree) => {
+    visit(tree, 'text', (node, index, parent) => {
+      if (node.value && typeof node.value === 'string') {
+        // 清理文本中的容器标记残留
+        if (node.value.trim() === ':::') {
+          // 如果这个文本节点只包含 :::，移除它
+          parent.children.splice(index, 1);
+          return index;
+        }
+        if (node.value.includes(':::')) {
+          // 清理包含 ::: 的文本
+          node.value = node.value.replace(/:::\s*$/, '').replace(/^\s*:::/, '');
+          if (node.value.trim() === '') {
+            parent.children.splice(index, 1);
+            return index;
+          }
+        }
+      }
+    });
+  };
+}

package/src/plugins/rehype-relative-links.mjs ADDED Viewed

@@ -0,0 +1,43 @@
+/**
+ * Rehype 插件：修复 Markdown 中的相对链接
+ * 将相对链接转换为正确的绝对路径
+ */
+import { visit } from 'unist-util-visit';
+export function rehypeRelativeLinks(options = {}) {
+  return (tree, file) => {
+    // 获取当前文件的路径信息
+    const filePath = file.history[0] || '';
+    // 从文件路径中提取目录信息
+    // 例如：/path/to/content/posts/blog_docs/README.md -> blog_docs
+    const match = filePath.match(/content\/posts\/(.+?)\/[^/]+\.(md|mdx)$/i);
+    if (!match) return;
+    const dirPath = match[1]; // 例如：blog_docs 或 tech/subfolder
+    visit(tree, 'element', (node) => {
+      if (node.tagName === 'a' && node.properties?.href) {
+        const href = node.properties.href;
+        // 只处理相对链接（以 ./ 或不以 / # http 开头的链接）
+        if (href.startsWith('./') ||
+            (!href.startsWith('/') &&
+             !href.startsWith('#') &&
+             !href.startsWith('http://') &&
+             !href.startsWith('https://') &&
+             !href.startsWith('mailto:'))) {
+          // 移除 ./ 前缀
+          const cleanHref = href.replace(/^\.\//, '');
+          // 构建新的绝对路径
+          const newHref = `/posts/${dirPath}/${cleanHref}`;
+          node.properties.href = newHref;
+        }
+      }
+    });
+  };
+}
+export default rehypeRelativeLinks;

package/src/plugins/rehype-tabs.mjs ADDED Viewed

@@ -0,0 +1,116 @@
+import { visit } from 'unist-util-visit';
+import { toText } from 'hast-util-to-text';
+/**
+ * Rehype plugin to transform :::tabs containers into interactive tabs
+ *
+ * This works on the HTML AST after remark-directive has converted
+ * :::tabs into <div> elements
+ */
+export function rehypeTabs() {
+  return (tree) => {
+    visit(tree, 'element', (node, index, parent) => {
+      if (!parent || index === undefined) return;
+      // Look for divs that contain @tab markers (including tabs-wrapper from remark-containers)
+      if (node.tagName !== 'div') return;
+      // Check if this is a tabs-wrapper div
+      const isTabsWrapper = node.properties?.className?.includes('tabs-wrapper');
+      // Check if this div contains @tab paragraphs
+      const children = node.children || [];
+      const tabMarkers = [];
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        if (child.type === 'element' && child.tagName === 'p') {
+          const text = getTextContent(child).trim();
+          const tabMatch = text.match(/^@tab\s+(.+)$/);
+          if (tabMatch) {
+            tabMarkers.push({ index: i, title: tabMatch[1].trim() });
+          }
+        }
+      }
+      // If we found @tab markers, transform this into tabs
+      if (tabMarkers.length === 0) return;
+      // Generate unique ID
+      const tabsId = `tabs-${Math.random().toString(36).substring(2, 11)}`;
+      // Build tabs structure
+      const tabsContent = [];
+      for (let i = 0; i < tabMarkers.length; i++) {
+        const startIdx = tabMarkers[i].index;
+        const endIdx = i < tabMarkers.length - 1 ? tabMarkers[i + 1].index : children.length;
+        // Collect content between this @tab and the next (excluding the @tab paragraph itself)
+        const content = children.slice(startIdx + 1, endIdx);
+        tabsContent.push({
+          title: tabMarkers[i].title,
+          content: content
+        });
+      }
+      // Create new tabs structure
+      const tabButtons = tabsContent.map((tab, idx) => ({
+        type: 'element',
+        tagName: 'button',
+        properties: {
+          className: idx === 0 ? ['tab-button', 'active'] : ['tab-button'],
+          'data-tab-index': idx,
+          onclick: `switchTab('${tabsId}', ${idx})`
+        },
+        children: [{ type: 'text', value: tab.title }]
+      }));
+      const tabPanels = tabsContent.map((tab, idx) => ({
+        type: 'element',
+        tagName: 'div',
+        properties: {
+          className: idx === 0 ? ['tab-panel', 'active'] : ['tab-panel'],
+          'data-tab-panel': idx
+        },
+        children: tab.content
+      }));
+      // Build the tabs container
+      const tabsContainer = {
+        type: 'element',
+        tagName: 'div',
+        properties: {
+          className: ['custom-tabs'],
+          'data-tabs-id': tabsId
+        },
+        children: [
+          {
+            type: 'element',
+            tagName: 'div',
+            properties: { className: ['tabs-header'] },
+            children: tabButtons
+          },
+          {
+            type: 'element',
+            tagName: 'div',
+            properties: { className: ['tabs-content'] },
+            children: tabPanels
+          }
+        ]
+      };
+      // Replace the original node
+      parent.children[index] = tabsContainer;
+    });
+  };
+}
+function getTextContent(node) {
+  if (node.type === 'text') return node.value || '';
+  if (node.children) {
+    return node.children.map(getTextContent).join('');
+  }
+  return '';
+}