-
{dayjs(val.create_date).format("YYYY年MM月DD日")}
+
+ {dayjs(val.detail.create_date).format("YYYY年MM月DD日")}
+
((resolve) => {
@@ -32,12 +35,13 @@ async function readDir(pathName: string) {
export interface Article {
filename: string;
title: string;
+ reading_time: ReadTimeResults;
create_date?: Date;
update_date?: Date;
}
export interface Articles {
- list: Article[];
+ list: DocMetadata[];
current: number;
total: number;
}
@@ -52,7 +56,7 @@ export default function (
getThemePath() {
return themePath;
},
- async contentLoaded({ content, actions }): Promise
{
+ async contentLoaded({ content, actions, allContent }): Promise {
const { addRoute, createData, setGlobalData } = actions;
const isProd = process.env.NODE_ENV === "production";
if (!isProd && !options.debug) {
@@ -64,70 +68,22 @@ export default function (
return;
}
- // 读取docs下文件
- const files = await readDir("./docs");
- const git = simpleGit();
- const articles = [];
-
- await Promise.all(
- files.map((file) => {
- return new Promise((resolve) => {
- if (
- !(
- file.startsWith("_") ||
- file.endsWith(".md") ||
- file.endsWith(".mdx")
- )
- ) {
- return resolve();
- }
- // 读取文件内容, 查看标题, 查看日期
- const meta = matter.read(file);
- const article: Article = {
- filename: file,
- title:
- meta.data["title"] ||
- path.basename(file).split(".").slice(0, -1).join("."),
- };
- // 读取git log文件时间
- git.log(
- {
- format: "%ad",
- file: file,
- },
- (_, data) => {
- if (meta.data["create_date"]) {
- article.create_date = new Date(meta.data["create_date"]);
- } else {
- article.create_date = data.all.length
- ? new Date(data.all[data.all.length - 1].date)
- : new Date();
- }
- if (meta.data["update_date"]) {
- article.update_date = new Date(meta.data["update_date"]);
- } else {
- article.update_date = data.latest
- ? new Date(data.latest.date)
- : new Date();
- }
- articles.push(article);
- resolve();
- }
- );
- });
- })
- );
-
- // 20篇为一页, 创建时间由新到旧
- articles.sort((a, b) => {
- return b.create_date.getTime() - a.create_date.getTime();
+ const docsData = allContent["docusaurus-plugin-content-docs"] as {
+ default: { loadedVersions: LoadedVersion };
+ };
+ let docs = docsData.default.loadedVersions[0].docs as DocMetadata[];
+ // 文章时间排序
+ docs = docs.sort((a, b) => {
+ //@ts-ignore
+ return b.detail.create_date.getTime() - a.detail.create_date.getTime();
});
+ // 20篇为一页, 创建时间由新到旧
const pageSize = 21;
const latest = {
current: 1,
- list: articles.slice(0, pageSize),
- total: articles.length,
+ list: docs.slice(0, pageSize),
+ total: docs.length,
};
setGlobalData(latest);
@@ -144,14 +100,14 @@ export default function (
exact: true,
});
- for (let i = 1; i < Math.ceil(articles.length / pageSize); i++) {
+ for (let i = 1; i < Math.ceil(docs.length / pageSize); i++) {
const page = i + 1;
const pageData = await createData(
`timeline-${page}.json`,
JSON.stringify({
current: i + 1,
- list: articles.slice(i * pageSize, (i + 1) * pageSize),
- total: articles.length,
+ list: docs.slice(i * pageSize, (i + 1) * pageSize),
+ total: docs.length,
})
);
addRoute({
diff --git a/packages/docusaurus-plugin-docs-info/src/theme/Timeline/index.tsx b/packages/docusaurus-plugin-docs-info/src/theme/Timeline/index.tsx
index 94e68a6..5e2eebe 100644
--- a/packages/docusaurus-plugin-docs-info/src/theme/Timeline/index.tsx
+++ b/packages/docusaurus-plugin-docs-info/src/theme/Timeline/index.tsx
@@ -1,8 +1,8 @@
import Layout from "@theme/Layout";
-import { Article, Articles } from "../..";
-import ArticleList from "../../components/ArticleList";
+import { Article, Articles } from "docusaurus-plugin-docs-info";
import { Pagination } from "antd";
import Link from "@docusaurus/Link";
+import ArticleList from "../../components/ArticleList";
export interface TimelineProps {
articles: Articles;
@@ -30,8 +30,11 @@ function Timeline({ articles }: TimelineProps) {
total={articles.total}
pageSize={20}
showSizeChanger={false}
+ style={{
+ marginBottom: "10px",
+ }}
itemRender={(page, type, el) => {
- if (!page) {
+ if (type !== "page") {
return el;
}
if (page === 1) {
diff --git a/src/theme/DocItem/index.tsx b/src/theme/DocItem/index.tsx
new file mode 100644
index 0000000..b1a902b
--- /dev/null
+++ b/src/theme/DocItem/index.tsx
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from "react";
+import { HtmlClassNameProvider } from "@docusaurus/theme-common";
+import { DocProvider } from "@docusaurus/theme-common/internal";
+import DocItemMetadata from "@theme/DocItem/Metadata";
+import DocItemLayout from "@theme/DocItem/Layout";
+import type { Props } from "@theme/DocItem";
+
+export default function DocItem(props: Props): JSX.Element {
+ const docHtmlClassName = `docs-doc-id-${props.content.metadata.id}`;
+ const MDXComponent = props.content;
+ return (
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/theme/Layout/Provider/antd.tsx b/src/theme/Layout/Provider/antd.tsx
new file mode 100644
index 0000000..86c0c80
--- /dev/null
+++ b/src/theme/Layout/Provider/antd.tsx
@@ -0,0 +1,17 @@
+import { ConfigProvider, theme } from "antd";
+import { useColorMode } from "@docusaurus/theme-common";
+
+export default function AntdProvider({ children }) {
+ const colorMode = useColorMode();
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/theme/Layout/Provider/index.tsx b/src/theme/Layout/Provider/index.tsx
new file mode 100644
index 0000000..f86c8cb
--- /dev/null
+++ b/src/theme/Layout/Provider/index.tsx
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from "react";
+import { composeProviders } from "@docusaurus/theme-common";
+import {
+ ColorModeProvider,
+ AnnouncementBarProvider,
+ DocsPreferredVersionContextProvider,
+ ScrollControllerProvider,
+ NavbarProvider,
+ PluginHtmlClassNameProvider,
+} from "@docusaurus/theme-common/internal";
+import type { Props } from "@theme/Layout/Provider";
+import AntdProvider from "./antd";
+
+const Provider = composeProviders([
+ ColorModeProvider,
+ AnnouncementBarProvider,
+ ScrollControllerProvider,
+ DocsPreferredVersionContextProvider,
+ PluginHtmlClassNameProvider,
+ NavbarProvider,
+ AntdProvider,
+]);
+
+export default function LayoutProvider({ children }: Props): JSX.Element {
+ return {children};
+}
diff --git a/src/theme/MDXComponents/Heading.tsx b/src/theme/MDXComponents/Heading.tsx
new file mode 100644
index 0000000..6c8d713
--- /dev/null
+++ b/src/theme/MDXComponents/Heading.tsx
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from "react";
+import Heading from "@theme/Heading";
+import type { Props } from "@theme/MDXComponents/Heading";
+import { useDoc } from "@docusaurus/theme-common/internal";
+import { Detail } from "packages/docusaurus-plugin-content-docs/src";
+import dayjs from "dayjs";
+
+export default function MDXHeading(props: Props): JSX.Element {
+ const doc = useDoc();
+ const detail = (doc.metadata as any).detail as Detail;
+ return (
+ <>
+
+ {props.children}
+
+ {detail && (
+
+ {dayjs(detail.create_date).format("YYYY年MM月DD日")} · 阅读需{" "}
+ {Math.ceil(detail.reading_time.minutes)} 分钟
+
+ )}
+
+ );
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 0000000..e69de29