完善 docs

This commit is contained in:
SmallMain
2022-05-20 16:41:38 +08:00
parent 9583e1b94a
commit 113677baf9
10 changed files with 607 additions and 128 deletions

View File

@@ -6,25 +6,37 @@
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%;
--ifm-color-primary: #5b3aa1;
--ifm-color-primary-dark: #523491;
--ifm-color-primary-darker: #4d3189;
--ifm-color-primary-darkest: #402971;
--ifm-color-primary-light: #6440b1;
--ifm-color-primary-lighter: #6943b9;
--ifm-color-primary-lightest: #7b59c3;
--ifm-code-font-size: 90%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-color-primary: #25c2a0;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--ifm-color-primary: #c0a3ff;
--ifm-color-primary-dark: #a379ff;
--ifm-color-primary-darker: #9564ff;
--ifm-color-primary-darkest: #6a26ff;
--ifm-color-primary-light: #ddcdff;
--ifm-color-primary-lighter: #ebe2ff;
--ifm-color-primary-lightest: #ffffff;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 996px) {
:root {
--ifm-font-size-base: 15px;
}
}
@media screen and (min-width: 997px) {
:root {
--ifm-font-size-base: 15px;
}
}

View File

@@ -9,7 +9,7 @@ import HomepageFeatures from '@site/src/components/HomepageFeatures';
function HomepageHeader() {
const {siteConfig} = useDocusaurusContext();
return (
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<header className={clsx('hero', styles.heroBanner)}>
<div className="container">
<h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
@@ -29,7 +29,7 @@ export default function Home(): JSX.Element {
const {siteConfig} = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
// title={`${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
<HomepageHeader />
<main>