README.md

Website

This website is built using Docusaurus 2, a modern static website generator.

待支持

• 1、调整配置目录结构[完成]

在根目录sidebars.js中配置新的产品目录

{
    type: 'category',
    label: '产品介绍',
    items: [{
        type: 'autogenerated',
        dirName: 'sms/product'
    }]
}

• 2、调整文档排列顺序

在md文件开头添加字段

---
sidebar_label: '测试'
sidebar_position: 2
---

• 3、如何配置中英文[完成]

复制一份到i18n下，翻译markdown文件

mkdir -p i18n/zh-Hans/docusaurus-plugin-content-docs/current
cp -r docs/** i18n/zh-Hans/docusaurus-plugin-content-docs/current

• 4、修复自动部署域名解析失败

• 4、增加SEO

• 6、如何搭建项目，支持blog

• 7、如何修改首页

• 8、增加评论系统

https://kuizuo.cn/project

博客评论系统：https://github.com/giscus/giscus-component

评论系统可以添加 gittalk或@giscus/react

react代码中中英文配置

【若配置请忽略】首次配置中英文

// 英文
yarn write-translations --locale en
// 中文
yarn write-translations --locale zh-Hans

英文key: i18n/en

{
    "title": {
        "message": "blog"
    }
}

中文kye: i18n/zh-Hans

{
    "title": {
        "message": "博客"
    }
}

在React代码中使用

import Translate from '@docusaurus/Translate';

<Translate id="title"></Translate>

在React环境中获取语言环境

import useDocusaurusContext from '@docusaurus/useDocusaurusContext';

function Layout(){
    const { siteConfig, i18n } = useDocusaurusContext();
    console.log("i18n", siteConfig, i18n.currentLocale)
    return <div>当前语言环境{i18n.currentLocale}</div>
}

修改header、navbar、footer目录中的中英文

i18n/{en}/docusaurus-theme-classic/{footer|navbar.json}文件中修改配置