This is an automated email from the ASF dual-hosted git repository.
xxyu pushed a commit to branch doc5.0
in repository https://gitbox.apache.org/repos/asf/kylin.git
The following commit(s) were added to refs/heads/doc5.0 by this push:
new 2460e86329 KYLIN-5235 add how_to_write_doc (#1947)
2460e86329 is described below
commit 2460e8632916d5705a71fcfa4053365fdc284e01
Author: Tengting Xu <[email protected]>
AuthorDate: Wed Aug 24 13:35:21 2022 +0800
KYLIN-5235 add how_to_write_doc (#1947)
* KYLIN-5235 add how_to_write_doc
* KYLIN-5235 minor fix how_to_write_doc
---
.../docs/development/how_to_debug_kylin_in_ide.md | 8 +-
website/docs/development/how_to_write_doc.md | 262 +++++++++++++++++++++
.../development/images/how-to-write-doc-01.png | Bin 0 -> 92873 bytes
website/sidebars.js | 5 +-
4 files changed, 270 insertions(+), 5 deletions(-)
diff --git a/website/docs/development/how_to_debug_kylin_in_ide.md
b/website/docs/development/how_to_debug_kylin_in_ide.md
index 3d2b3bdfc0..c0c499d615 100644
--- a/website/docs/development/how_to_debug_kylin_in_ide.md
+++ b/website/docs/development/how_to_debug_kylin_in_ide.md
@@ -8,11 +8,11 @@ toc_max_heading_level: 6
pagination_prev: null
pagination_next: null
keywords:
-- developer
-- debug
+ - developer
+ - debug
draft: false
-last_update: 08/24/2022
-date: 08/23/2022
+last_update:
+ date: 08/24/2022
---
# How to debug Kylin in IDEA using docker
diff --git a/website/docs/development/how_to_write_doc.md
b/website/docs/development/how_to_write_doc.md
new file mode 100644
index 0000000000..a6ba29d0f6
--- /dev/null
+++ b/website/docs/development/how_to_write_doc.md
@@ -0,0 +1,262 @@
+---
+title: How to write document
+language: en
+sidebar_label: How to write document
+pagination_label: How to write document
+toc_min_heading_level: 2
+toc_max_heading_level: 6
+pagination_prev: null
+pagination_next: null
+keywords:
+ - doc
+ - document
+draft: false
+last_update:
+ date: 08/24/2022
+---
+
+We write documents in MD format and convert to HTML using
[Docusaurus](https://docusaurus.io/). [Docusaurus](https://docusaurus.io/) is
essentially a set of npm
[packages](https://github.com/facebook/docusaurus/tree/main/packages).
+
+The [Docusaurus](https://docusaurus.io/) generated HTML gets uploaded to
apache SVN and becomes Kylin website. All MD source files are managed in git so
all changes and contributors are clearly tracked.
+
+## Before your work
+
+Before you add or edit documentation, please deploy the document compilation
environment.
+
+There are two steps:
+
+- [Deploy a local document compilation environment](#Deploy a local document
compilation environment)
+- [Download docs repo and configuration](#Download docs repo and configuration)
+
+### <span id="Deploy a local document compilation environment">Deploy a local
document compilation environment</span>
+
+Install following tools before you add or edit documentation:
+
+1. First, make sure [Node.js](https://nodejs.org/en/download/) version 16.14
or above (which can be checked by running node -v) on your machine. You can use
[nvm](https://github.com/nvm-sh/nvm) for managing multiple Node versions on a
single machine installed.
+
+ - When installing Node.js, you are recommended to check all checkboxes
related to dependencies.
+
+ > More about requirement about [Docusaurus](https://docusaurus.io/),
please refer to [Docusaurus
Installation](https://docusaurus.io/docs/installation).
+
+
+2. And optionally any markdown editor you prefer
+
+### <span id="Download docs repo and configuration">Download docs repo and
initialization</span>
+
+1. Download the doc repo to any path you prefer.
+
+```shell
+cd /path/you/prefer/to
+git clone --branch doc5.0 https://github.com/apache/kylin.git # Or git clone
-b doc5.0 https://github.com/apache/kylin.git
+```
+
+2. After pre-step, install dependencies for prerequisite of doc.
+
+```shell
+cd /path/to/repo
+npm install
+```
+
+To check that initialization occurred successfully, run:
+
+```shell
+npm run start
+```
+
+then, a local website of `http://localhost:3000` will automatically open in
your default browser and no errors occurred.
+
+
+
+## About [Docusaurus](https://docusaurus.io/)
+
+[Docusaurus](https://docusaurus.io/) is a static-site generator. It builds a
single-page application with fast client-side navigation, leveraging the full
power of React to make your site interactive. It provides out-of-the-box
documentation features but can be used to create any kind of site (personal
website, product, blog, marketing landing pages, etc).
+
+Apache Kylin's website and documentation is using
[Docusaurus](https://docusaurus.io/) to manage and generate final content which
avaliable at [http://kylin.apache.org](http://kylin.apache.org).
+
+## Kylin document structure and navigation menu
+
+The Kylin [website as the Docusaurus
source](https://github.com/apache/kylin/tree/document/doc5.0) is maintained
under the `doc5.0` branch.
+
+1. __Home Page__: Home page of Docs
+2. __Document__: General docs about Apache Kylin, including _Installation_,
_Tutorial_, etc.
+3. __Development__: _"development"_ For developer to contribute, integration
with other application and extend Apache Kylin
+4. __Download__: _"Download"_ Apache Kylin packages
+5. __Community__: Apache kylin Community information
+6. __Blog__: Technic blogs about Apache Kylin
+
+### Full doc structure
+
+The full doc structure about the newest Apache Kylin:
+
+```shell
+doc5.0
+.
+├── README.md
+├── babel.config.js
+├── blog
+│ ├── ...
+├── docs
+│ ├── community.md
+│ ├── configuration
+│ │ ├── ...
+│ ├── datasource
+│ │ ├── ...
+│ ├── deployment
+│ │ ├── ...
+│ ├── development
+│ │ ├── ...
+│ ├── download.md
+│ ├── integration
+│ │ └── intro.md
+│ ├── intro.md
+│ ├── modeling
+│ │ ├── ...
+│ ├── monitor
+│ │ ├── ...
+│ ├── operations
+│ │ ├── ...
+│ ├── powerBy.md
+│ ├── query
+│ │ ├── ...
+│ ├── quickstart
+│ │ ├── ...
+│ ├── restapi
+│ │ ├── ...
+│ ├── snapshot
+│ │ ├── ...
+│ └── tutorial
+│ ├── ...
+├── docusaurus.config.js
+├── package.json
+├── sidebars.js
+├── src
+│ ├── components
+│ │ └── ...
+│ ├── css
+│ │ └── ...
+│ └── pages
+│ ├── ...
+├── static
+│ └── img
+│ ├── ...
+```
+
+More details about structure which managed by Docusaurus, please refer to
[Project structure
rundown](https://docusaurus.io/docs/installation#project-structure-rundown).
+
+### Navigation menu
+
+The menu is managed by Docusaurus collection:
+
+* __sidebars.js__: All language version menu structure. Docusaurus can hold
only one menu file to map any language version menu.
+
+More details about sidebars in Docusaurus, please refer to
[Sidebar](https://docusaurus.io/docs/sidebar).
+
+## How to add a doc to the sidebar
+
+Add the `{}` doc side block in sideBars.
+
+Example:
+
+Scene: If you want to add the sidebar of `how_to_write_doc.md` to be the
children menu of `development`.
+
+Then, modify the `DevelopmentSideBar` block in sidebars.js and add a new block
in the `items` of `DevelopmentSideBar`.
+
+```shell
+DevelopmentSideBar: [
+ {
+ ...
+ items: [
+ {...},
+ ...,
+ {
+ type: 'doc',
+ id: 'development/how_to_write_doc.md'
+ },
+ ],
+ },
+],
+```
+
+
+## How to edit document
+Open doc with any markdown editor, draft content and preview in local.
+
+Sample Doc:
+
+```
+---
+title: Example doc
+language: en
+sidebar_label: Example doc
+pagination_label: Example doc
+toc_min_heading_level: 2
+toc_max_heading_level: 6
+pagination_prev: null
+pagination_next: null
+keywords:
+ - doc
+draft: false
+last_update:
+ date: 08/23/2022
+---
+
+## This is example doc
+The quick brown fox jump over the lazy dog.
+```
+
+> ***Note***:
+>
+> 1. Please note that every doc need the ___Head metadata___. More details
about `Head metadata` of a doc, please refer to [Head
metadata](https://docusaurus.io/docs/markdown-features/head-metadata).
+>
+> 2. Please use the template `Head metadata` in your modified doc.
+ ```shell
+ ---
+ title: Example doc
+ language: en
+ sidebar_label: Example doc
+ pagination_label: Example doc
+ toc_min_heading_level: 2
+ toc_max_heading_level: 6
+ pagination_prev: null
+ pagination_next: null
+ keywords:
+ - doc
+ draft: false
+ last_update:
+ date: 08/23/2022
+ ---
+ ```
+>
+> 3. Please use `second heading level` for the doc header start.
+
+
+
+## How to add image
+All impage please put under _images_ folder, in your document, please using
below sample to include image:
+
+```
+
+```
+
+
+## How to add link
+Using relative path for site links, for example:
+
+```
+[How To Write Docs](../development/how_to_write_doc.md).
+```
+
+## How to add code highlight
+We are using [Rouge](https://github.com/jneen/rouge) to highlight code syntax.
+check this doc's source code for more detail sample.
+
+
+## How to preview in your local
+You can preview in your markdown editor, to check exactly what it will looks
like on website, please run Docusaurus in the root of repo folder:
+
+```
+npm run start
+```
+Then access http://127.0.0.1:3000 in your browser.
+
+## How to publish to website (for committer only) (#TODO)
diff --git a/website/docs/development/images/how-to-write-doc-01.png
b/website/docs/development/images/how-to-write-doc-01.png
new file mode 100644
index 0000000000..cbe1c71647
Binary files /dev/null and
b/website/docs/development/images/how-to-write-doc-01.png differ
diff --git a/website/sidebars.js b/website/sidebars.js
index a1c0f9ab2c..329c23ddaf 100644
--- a/website/sidebars.js
+++ b/website/sidebars.js
@@ -11,7 +11,6 @@
// @ts-check
-/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
const sidebars = {
// By default, Docusaurus generates a sidebar from the docs folder
structure
DownloadSideBar: [
@@ -877,6 +876,10 @@ const sidebars = {
type: 'doc',
id: 'development/how_to_release'
},
+ {
+ type: 'doc',
+ id: 'development/how_to_write_doc'
+ },
],
},
],
