translation changes for ja

Author: gingerwizard

docusaurus.config.jp.js

@@ -46,7 +46,7 @@ const config = {
     "ドキュメント、クイックスタートガイド、ユーザーガイド、技術リファレンス、FAQ など、多様な情報をご提供します。",
   url: "https://clickhouse.com",
   // url: process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : 'https://bookish-disco-5997zvo.pages.github.io',
-  baseUrl: "/jp-docs/",
+  baseUrl: "/docs/jp/",
   baseUrlIssueBanner: true,
   onBrokenLinks: "warn",
   onBrokenMarkdownLinks: "warn",
@@ -139,17 +139,16 @@ const config = {
         },
         blog: {
           path: "knowledgebase",
-          blogTitle: "ClickHouse Knowledge Base",
-          blogDescription: "Knowledge Base",
-          blogSidebarTitle: "All KB articles",
+          blogTitle: "ClickHouse ナレッジベース",
+          blogDescription: "ナレッジベース",
+          blogSidebarTitle: "すべてのKB記事",
           routeBasePath: "/knowledgebase",
           postsPerPage: 10,
           blogSidebarCount: "ALL",
           feedOptions: {
             type: "all",
-            title: "ClickHouse Knowledge Base Feed",
-            description:
-              "Feed of articles posted to the ClickHouse Knowledge Base",
+            title: "ClickHouse ナレッジベースフィード",
+            description: "ClickHouse ナレッジベースに投稿された記事のフィード",
             copyright: `Copyright © 2016–${new Date().getFullYear()} ClickHouse, Inc. ClickHouse Docs provided under the Creative Commons CC BY-NC-SA 4.0 license. ClickHouse® is a registered trademark of ClickHouse, Inc.`,
             language: "en",
             createFeedItems: async (params) => {

i18n/jp/code.json

@@ -139,6 +139,10 @@
     "message": "先頭へ戻る",
     "description": "The ARIA label for the back to top button"
   },
+  "theme.blog.title": {
+    "message": "ナレッジベース",
+    "description": "The title of the blog - Knowledge Base by default"
+  },
   "theme.blog.archive.title": {
     "message": "アーカイブ",
     "description": "The page & hero title of the blog archive page"

src/theme/BlogListPage/index.js

@@ -14,6 +14,9 @@ import BlogListPageStructuredData from '@theme/BlogListPage/StructuredData';
 import ButtonGroup from "../../components/ButtonGroup/ButtonGroup";
 import BlogBreadcrumbs from "../../components/BlogBreadcrumbs/BlogBreadcrumbs";
 import { useHistory } from 'react-router-dom';
+import Translate from "@docusaurus/Translate";
+
+
 import styles from './styles.module.css';
 function BlogListPageMetadata(props) {
   const {metadata} = props;
@@ -36,7 +39,9 @@ function BlogListPageContent(props) {
   return (
     <BlogLayout sidebar={sidebar}>
       <BlogBreadcrumbs/>
-      <h1 className={styles.kbTitle}>Knowledge Base</h1>
+      <h1 className={styles.kbTitle}>
+        <Translate id={`theme.blog.title`} description={`Translation for Knowledge Base`}>Knowledge Base</Translate>
+      </h1>
       <ButtonGroup
           onClick={function Nav(value){if (typeof window !== 'undefined'){ value === 'recent' ? history.push('/docs/knowledgebase') : history.push('/docs/knowledgebase/tags') }}}
           options={[

src/theme/BlogTagsListPage/index.js

@@ -14,6 +14,8 @@ import ButtonGroup from "../../components/ButtonGroup/ButtonGroup";
 import BlogBreadcrumbs from "../../components/BlogBreadcrumbs/BlogBreadcrumbs";
 import { useHistory } from 'react-router-dom';
 import styles from './styles.module.css';
+import Translate from "@docusaurus/Translate";
+
 export default function BlogTagsListPage({tags, sidebar}) {
   const history = useHistory();
   const title = translateTagsPageTitle();
@@ -27,7 +29,7 @@ export default function BlogTagsListPage({tags, sidebar}) {
       <SearchMetadata tag="blog_tags_list" />
       <BlogLayout sidebar={sidebar}>
         <BlogBreadcrumbs/>
-        <Heading as="h1" className={styles.kbTitle}>Knowledge Base</Heading>
+        <Heading as="h1" className={styles.kbTitle}><Translate id={`theme.blog.title`} description={`Translation for Knowledge Base`}>Knowledge Base</Translate></Heading>
         <ButtonGroup
             onClick={function Nav(value){if (typeof window !== 'undefined'){ value === 'recent' ? history.push('/docs/knowledgebase') : history.push('/docs/knowledgebase/tags') }}}
             options={[
@@ -48,4 +50,3 @@ export default function BlogTagsListPage({tags, sidebar}) {
     </HtmlClassNameProvider>
   );
 }
-

src/theme/Navbar/Content/index.js

@@ -17,7 +17,7 @@ import MobileSideBarMenu from "../../../components/MobileSideBarMenu";
 import Navigation from "../../../components/Navigation";
 import sidebars from "../../../../sidebars";
 import {useDocsSidebar} from '@docusaurus/plugin-content-docs/client';
-
+import { translate } from "@docusaurus/Translate";
 
 function useNavbarItems() {
   // TODO temporary casting until ThemeConfig type is improved
@@ -111,7 +111,10 @@ export default function NavbarContent() {
           {sidebars.dropdownCategories.map((dropdownCategory, index) => {
             return <DocsCategoryDropdown key={index} dropdownCategory={dropdownCategory} />
           })}
-          <DocsCategoryDropdownLinkOnly title='Knowledge Base' link='/knowledgebase' />
+          <DocsCategoryDropdownLinkOnly title={translate({
+              id: 'theme.blog.title',
+              message: 'Knowledge Base',
+          })} link='/knowledgebase' />
         </div>
         <div
           className={`${styles.secondaryMenuRight} secondary-nav--items-right`}