This is an automated email from the ASF dual-hosted git repository.
jiafengzheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-doris.git
The following commit(s) were added to refs/heads/master by this push:
new 7ab64f9155 [doc][website]update home page content and add slack button
(#10091)
7ab64f9155 is described below
commit 7ab64f91552a13e6872965187dbeda81e62ad61c
Author: wangyongfeng <[email protected]>
AuthorDate: Wed Jun 15 09:31:40 2022 +0800
[doc][website]update home page content and add slack button (#10091)
* fix docs bugs with sidebar can not display and some style problems
---
docs/.vuepress/public/images/slack.png | Bin 0 -> 2509 bytes
docs/.vuepress/styles/index.styl | 25 ++++++++++-
docs/.vuepress/theme/components/Common.vue | 7 ++-
docs/.vuepress/theme/components/Dropdown.vue | 1 -
docs/.vuepress/theme/layouts/Category.vue | 1 -
docs/.vuepress/theme/layouts/Layout.vue | 2 +-
docs/.vuepress/theme/layouts/ZhCategory.vue | 1 -
docs/en/README.md | 62 +++++++++++++--------------
docs/zh-CN/README.md | 2 +
9 files changed, 63 insertions(+), 38 deletions(-)
diff --git a/docs/.vuepress/public/images/slack.png
b/docs/.vuepress/public/images/slack.png
new file mode 100644
index 0000000000..5a27488c38
Binary files /dev/null and b/docs/.vuepress/public/images/slack.png differ
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index 0939fceb33..df495ddcac 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -160,9 +160,10 @@ div .home-blog .home-blog-wrapper {
.bannerHref{
display: flex;
justify-content: flex-start;
+ flex-wrap: wrap;
}
.bannerHref a{
- width: 180px;
+ width: 170px;
height: 50px;
border-radius: 50px;
background: #2ca37d;
@@ -178,6 +179,7 @@ div .home-blog .home-blog-wrapper {
border-top: 0;
border-left: 0;
border-right: 0;
+ margin-bottom 20px
}
.bannerHref a i{
font-size: 22px;
@@ -185,11 +187,12 @@ div .home-blog .home-blog-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
- left: 45px;
+ left: 40px;
padding-top: 4px;
}
.bannerHref a.button1{
background: #2ca37d;
+ width: 196px;
}
.bannerHref a.button2{
background: #333;
@@ -205,6 +208,19 @@ div .home-blog .home-blog-wrapper {
transform: translateY(-5px);
box-shadow: 0 7px 10px rgba(1,88,4,.4);
}
+.bannerHref a.button2.black:hover {
+ background: #111;
+ border-color: #000000;
+ box-shadow: 0 7px 10px rgba(0,0,0,.2);
+}
+.bannerHref a.button2.white {
+ background: #ffffff;
+ color: #000000;
+}
+.bannerHref a.button2.white:hover {
+ border-color: #ffffff;
+ box-shadow: 0 7px 10px rgba(0,0,0,.2);
+}
div .content__default:not(.custom) {
max-width: 100%;
padding: 0px;
@@ -1946,6 +1962,7 @@ main.page .page-title div > i.tags{
line-height: 1.5;
margin: 30px 0 60px;
}
+
.bannerHref a {
width: 160px;
height: 39px;
@@ -1953,6 +1970,10 @@ main.page .page-title div > i.tags{
margin-right: 12px;
font-size: 14px;
padding-top: 3px;
+ margin-bottom 20px
+ }
+ .bannerHref a.button1 {
+ width: 176px;
}
div .home-blog .hero {
height: 64vh;
diff --git a/docs/.vuepress/theme/components/Common.vue
b/docs/.vuepress/theme/components/Common.vue
index 12f11c316d..bd169646c9 100644
--- a/docs/.vuepress/theme/components/Common.vue
+++ b/docs/.vuepress/theme/components/Common.vue
@@ -65,7 +65,7 @@ under the License.
</template>
<script>
-import { defineComponent, computed, ref, onMounted, toRefs } from 'vue-demi'
+import { defineComponent, computed, ref, onMounted, toRefs, onUpdated } from
'vue-demi'
import Navbar from '@theme/components/Navbar'
import Sidebar from '@theme/components/Sidebar'
import PersonalInfo from '@theme/components/PersonalInfo'
@@ -189,6 +189,11 @@ export default defineComponent({
handleLoading()
})
+ onUpdated(() => {
+ document.title = 'Apache Doris'
+ })
+
+
return { isSidebarOpen, absoluteEncryption, shouldShowNavbar,
shouldShowSidebar, pageClasses, hasKey, hasPageKey, isHasKey, isHasPageKey,
toggleSidebar, firstLoad, recoShowModule }
},
diff --git a/docs/.vuepress/theme/components/Dropdown.vue
b/docs/.vuepress/theme/components/Dropdown.vue
index 6101fe7465..44dc3dc642 100644
--- a/docs/.vuepress/theme/components/Dropdown.vue
+++ b/docs/.vuepress/theme/components/Dropdown.vue
@@ -106,7 +106,6 @@ export default defineComponent({
const matchVersion = versionKeys.find(
(v) => this.$route.path.indexOf(v) > -1
);
- console.log(matchVersion, this.currentItem)
currentVersion = matchVersion ? matchVersion : (this.currentItem.text ||
versionKeys[0])
const index = this.subItems.findIndex(
(item) => item.text === currentVersion
diff --git a/docs/.vuepress/theme/layouts/Category.vue
b/docs/.vuepress/theme/layouts/Category.vue
index 0c1f063f4b..57704fd21a 100644
--- a/docs/.vuepress/theme/layouts/Category.vue
+++ b/docs/.vuepress/theme/layouts/Category.vue
@@ -64,7 +64,6 @@ import PageFooter from "@theme/components/PageFooter";
export default defineComponent({
mixins: [moduleTransitonMixin],
components: { Common, NoteAbstract, ModuleTransition, PageFooter },
-
setup(props, ctx) {
const instance = useInstance();
const categories = computed(() => {
diff --git a/docs/.vuepress/theme/layouts/Layout.vue
b/docs/.vuepress/theme/layouts/Layout.vue
index a891528db9..77b1f432dc 100644
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -24,7 +24,7 @@ under the License.
</template>
<script>
-import { defineComponent, computed, onMounted } from 'vue-demi'
+import { defineComponent, computed, onMounted, onUpdated } from 'vue-demi'
import Home from '@theme/components/Home'
import HomeBlog from '@theme/components/HomeBlog'
import Page from '@theme/components/Page'
diff --git a/docs/.vuepress/theme/layouts/ZhCategory.vue
b/docs/.vuepress/theme/layouts/ZhCategory.vue
index ee3b8b5c11..5fd5e11f30 100644
--- a/docs/.vuepress/theme/layouts/ZhCategory.vue
+++ b/docs/.vuepress/theme/layouts/ZhCategory.vue
@@ -57,7 +57,6 @@ import { useInstance } from "@theme/helpers/composable";
export default defineComponent({
mixins: [moduleTransitonMixin],
components: { Common, NoteAbstract, ModuleTransition },
-
setup(props, ctx) {
const instance = useInstance();
const categories = computed(() => {
diff --git a/docs/en/README.md b/docs/en/README.md
index 08785737fc..a847d978dd 100755
--- a/docs/en/README.md
+++ b/docs/en/README.md
@@ -1,7 +1,5 @@
---
-{
- "page": "home"
-}
+{ "page": "home" }
---
<!--
@@ -29,10 +27,12 @@ under the License.
<div class="bText">
<h1>Welcome to</h1>
<p class="description">Apache Doris</p>
- <p class="sum">A fast MPP database for all modern analytics on big
data</p>
+ <p class="sum">Modern, high-performance MPP analytical database</p>
<div class="bannerHref">
- <a href="/en/docs/get-starting/get-starting.html"
class="button1">QUICK START</a>
- <a href="https://github.com/apache/incubator-doris"; target="_blank"
class="button2"><i class="doris doris-github-fill"></i>GITHUB</a>
+ <a href="/en/docs/get-starting/get-starting.html"
class="button1">GET STARTED</a>
+ <a href="https://github.com/apache/incubator-doris"; target="_blank"
class="button2 black"><i class="doris doris-github-fill"></i>GITHUB</a>
+ <a
href="https://join.slack.com/t/apachedoriscommunity/shared_invite/zt-18u6vjopj-Th15vTVfmCzVfhhL5rz26A";
target="_blank" class="button2 white">
+ <i><img style="width: 20px; position: relative; left: 4px; top: 2px;
margin: 0;" src="/images/slack.png" alt="Slack" /></i>SLACK</a>
</div>
</div>
<div class="bImg">
@@ -71,7 +71,7 @@ under the License.
<li>
<a href="/blogs/PracticalCases/flink-cdc-to-doris.html">
<div class="newsboxTitle">
- <p class="t">Use Flink CDC to import real-time MySQL data into
Apache Doris</p>
+ <p class="t">Use Flink CDC to Import Real-Time MySQL Data into
Apache Doris</p>
<!-- <p class="s">Use Flink CDC to realize real-time MySQL data into
Apache Doris</p> -->
<i class="doris doris-jiantou_xiangyouliangci"></i>
</div>
@@ -99,8 +99,8 @@ under the License.
</ul>
<div class="newsdownData wow fadeInUp">
<div class="newsleft">
- <p class="t wow fadeInUp">A modern, high-performance and real-time
analysical database based on MPP</p>
- <p class="s wow fadeInUp">It is well known for its high-performance and
easy-to-use. It can return query results under massive data within only
sub-seconds.It can support not only high concurrent point query scenarios, but
also complex analysis scenarios with high throughput.</p>
+ <p class="t wow fadeInUp">A modern, high-performance and real-time
analytical database based on MPP.</p>
+ <p class="s wow fadeInUp">Apache Doris is known for its high-performance
and ease of use, requiring only sub-second response times to return query
results under massive amounts of data, and can support not only highly
concurrent point queries but also high-throughput complex ad-hoc queries.</p>
<div class="fataImg">
<img src="/blog-images/data.png" alt="Data" />
<div class="dim"><img src="/blog-images/data-1.png" alt="Data" /></div>
@@ -113,8 +113,8 @@ under the License.
<div class="apacheDoris">
<div class="appleft">
<div class="apptitle">
- <p class="t wow fadeInUp">Data Import </p>
- <p class="s wow fadeInUp">Apache Doris provides rich data
synchronization methods, supports fast loading of data from localhost, Hadoop,
Flink, Spark, Kafka and other systems.</p>
+ <p class="t wow fadeInUp">Ingestion</p>
+ <p class="s wow fadeInUp">Apache Doris provides rich data ingestion
methods and supports importing data from Local File, Socket, AWS S3, Apache
Hadoop, Apache Flink, Apache Spark, Apache Kafka, Apache SeaTunnel(incubating)
and other data sources or data processing components.</p>
<div class="al wow fadeInUp"><a
href="/en/docs/data-operate/import/load-manual.html">Learn More</a></div>
</div>
<div class="appimg wow fadeInUp">
@@ -126,8 +126,8 @@ under the License.
</div>
<div class="appright">
<div class="apptitle">
- <p class="t wow fadeInUp">Data Access</p>
- <p class="s wow fadeInUp">Apache Doris can directly access data in
MySQL, PostgreSQL, Oracle, S3, Hive, Iceberg, Elasticsearch and other systems
without data replication. At the same time, the data stored in Doris can also
be read by Spark and Flink, and can be output to the downstream data
application for display and analysis.</p>
+ <p class="t wow fadeInUp">External Data Source</p>
+ <p class="s wow fadeInUp">Apache Doris supports dozens of external data
sources such as MySQL, Oracle, PostgreSQL, Apache Hive, Apache Iceberg,
Elasticsearch, etc, so that you can query directly via Apache Doris even though
the data is not stored in Apache Doris storage.</p>
<div class="al wow fadeInUp"><a
href="/en/docs/ecosystem/external-table/doris-on-es.html">Learn More</a></div>
</div>
<div class="appimg wow fadeInUp">
@@ -140,7 +140,7 @@ under the License.
<div class="appleft appleft3">
<div class="apptitle">
<p class="t wow fadeInUp">Data Application</p>
- <p class="s wow fadeInUp">Apache Doris supports outputting data to
downstream applications through JDBC standard protocol, and also supports
various BI / Client tools to connect Doris through MySQL protocol。Based on
this, Apache Doris can be well applied in many business fields, such as
multi-dimensional reporting, user portrait, ad-hoc query, real-time dashboard
and so on.</p>
+ <p class="s wow fadeInUp">Apache Doris supports exporting data to
downstream applications via the JDBC standard protocol; and also supports
various BI/Client tools to connect to Doris via the MySQL protocol. Based on
this, Apache Doris can be well applied in many business areas such as
multidimensional reporting, user portrait, ad-hoc querying, real-time
dashboard, etc.</p>
<div class="al wow fadeInUp"><a
href="/en/docs/get-starting/get-starting.html">Learn More</a></div>
</div>
<div class="appimg wow fadeInUp">
@@ -150,7 +150,7 @@ under the License.
</div>
<div class="icoBox">
<div class="icoBoxtitle">
- <p class="wow fadeInUp">Why <span>Apache Doris</span></p>
+ <p class="wow fadeInUp">Why Choose<span> Apache Doris</span></p>
</div>
<div class="icoBoxico">
<ul>
@@ -159,8 +159,8 @@ under the License.
<img src="/blog-images/i1.png" alt="doris" />
</div>
<div class="icotitle">
- <p class="t">Extreme<br>Performance</p>
- <p class="s">Efficient column storage engine and modern MPP
architecture,combined with intelligent materialized view,vectorized execution
and various index acceleration, achieve the ultimate query performance.</p>
+ <p class="t">Extremely<br>Performance</p>
+ <p class="s">A highly efficient columnar storage engine and modern
MPP architecture combine with intelligent materialized views, vectorized
execution engine, and various index acceleration to achieve the ultimate query
performance.</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="400ms">
@@ -169,7 +169,7 @@ under the License.
</div>
<div class="icotitle">
<p class="t">Easy<br>to Use</p>
- <p class="s">Fully compatible with MySQL protocol and standard SQL,
user-friendly. Support online table structure change and pre aggregation
rollup, and easily integrate with the existing system framework.</p>
+ <p class="s">Fully compatible with MySQL protocol and standard SQL,
user-friendly. Support online schema change and pre-aggregate rollup, easy to
integrate with existing system framework.</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="600ms">
@@ -178,7 +178,7 @@ under the License.
</div>
<div class="icotitle">
<p class="t">Hybrid<br>Batch-Stream</p>
- <p class="s">Support efficient import of offline batch data and
real-time streaming data, and ensure second level real-time performance. Multi
version polar mechanism combined with import transaction support solves
read-write conflicts and implements exactly once</p>
+ <p class="s">Support efficient import of offline batch data and
real-time streaming data, and guarantee second level real-time performance.
Multi-Version Concurrency Control(MVCC) combined with import transaction
support to resolve read/write conflicts and implement Exactly-Once.</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="200ms">
@@ -187,7 +187,7 @@ under the License.
</div>
<div class="icotitle">
<p class="t">Simple<br>Maintenance</p>
- <p class="s">Highly integrated, without any dependence on external
components, and the cluster scale is elastically scalable online.The system is
highly available, node failure, automatic replica switching, data fragmentation
and automatic load balancing.</p>
+ <p class="s">Highly integrated, with no external component
dependencies. Online elastic scaling of cluster size. The highly available
system with automatic data recovery for a node failure, and automatic load
balancing for data and requests.</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="400ms">
@@ -195,8 +195,8 @@ under the License.
<img src="/blog-images/i5.png" alt="doris" />
</div>
<div class="icotitle">
- <p class="t">Rich<br>Ecology</p>
- <p class="s">Support loading and accessing multiple heterogeneous
data sources, has extensive big data ecological compatibility, and adapts with
mainstream BI tools to realize the ecological closed loop from data processing
to data analysis.</p>
+ <p class="t">data ecological<br> compatibility</p>
+ <p class="s">Support a variety of heterogeneous data sources to load
access, with a wide range of big data ecological compatibility, and with the
mainstream BI tools to complete the adaptation, to achieve the ecological
closure of data processing to data analysis.</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="600ms">
@@ -205,7 +205,7 @@ under the License.
</div>
<div class="icotitle">
<p class="t">Ultra-high<br>Concurency</p>
- <p class="s">Without concurrent bottleneck, it can support tens of
thousands of users to use at the same time in thereal production environment.
Through flexible resource allocations trategy, it can meet high concurrent
point queries and high through put large queries at the same time.</p>
+ <p class="s">It can support tens of thousands of users to use at the
same time in the real production environment. With a flexible resource
management, it can meet both high concurrent point queries and high throughput
ad-hoc queries.</p>
</div>
</li>
</ul>
@@ -216,7 +216,7 @@ under the License.
<div class="corebox">
<div class="coreleft">
<p class="t wow fadeInUp">Core Features</p>
- <p class="s wow fadeInUp">As a mature analytical database project,
Apache Doris has many widely recognized core features and achieves the ultimate
query performance in a variety of ways.</p>
+ <p class="s wow fadeInUp">As a mature analytical database project,
Apache Doris has several widely recognized core features that enable extreme
query performance in various ways.</p>
</div>
<div class="coreright">
<ul>
@@ -225,8 +225,8 @@ under the License.
<svg t="1650610624941" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="1938" width="200"
height="200"><path d="M905.6 230.4c-63.5264
0-115.2-51.6864-115.2-115.2s51.6736-115.2 115.2-115.2 115.2 51.6864 115.2
115.2-51.6736 115.2-115.2 115.2z m0-179.2c-35.2896 0-64 28.7104-64 64s28.7104
64 64 64 64-28.7104 64-64-28.7104-64-64-64zM204.8 281.6c-63.5136
0-115.2-51.6864-115.2-115.2s51.6864-115.2 115.2-115.2 115.2 51.6864 115.2
115.2-51.686 [...]
</div>
<div class="coretitle">
- <p class="t"> Vectorization execution engine</p>
- <p class="s">Give full play to the parallel planning ability of
modern CPU through <br />vectorization execution engine.</p>
+ <p class="t"> Vectorized Query Execution</p>
+ <p class="s">Using the state-of-art vectorized execution
technology, it can give full play to the <br> parallel planning ability of
modern CPU and improves performance prominently in <br> multiple query
scenarios.</p>
</div>
</li>
<li class="wow fadeInUp">
@@ -235,7 +235,7 @@ under the License.
</div>
<div class="coretitle">
<p class="t">Intelligent materialized view</p>
- <p class="s">Users can create intelligent materialized views to
accelerate pre aggregation queries, and the query will automatically match the
optimal materialized views.</p>
+ <p class="s">Quering a materialized view which is a pre-computed
data set is faster than executing a query in base table and it will
automatically match the best one from all materialized views.</p>
</div>
</li>
<li class="wow fadeInUp">
@@ -243,8 +243,8 @@ under the License.
<svg t="1650610676123" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="2225" width="200"
height="200"><path d="M498.33 90.94L73.44 441.65l-3.68 3.47c-24.19 26.22 12.47
67.98 42.32 43.34l56.55-46.7v461.67c0 16.77 13.58 30.35 30.35
30.35h637.35l5.46-0.48c14.16-2.57 24.89-14.96 24.89-29.87V441.82l56.55
46.64c31.21 25.76 69.85-21.05 38.64-46.81L536.97
90.94c-11.22-9.25-27.42-9.25-38.64 0z m19.32 62.74l288.32
238v481.4H229.33V391.62l288. [...]
</div>
<div class="coretitle">
- <p class="t"> Column storage engine</p>
- <p class="s">Apache Doris is equipped with an efficient column
storage engine, which not only reduces the amount of data scanning, but also
realizes ultra-high data compression ratio. </p>
+ <p class="t">Column-Oriented Database</p>
+ <p class="s">Apache Doris is a column-oriented database, which is
better suited to analytical scenarios, <br> and it not only reduces the amount
of data scanning but also realizes an ultra-high data compression ratio.</p>
</div>
</li>
<li class="wow fadeInUp">
@@ -252,8 +252,8 @@ under the License.
<svg t="1650610850334" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg"; p-id="2665" width="200"
height="200"><path d="M512 230.4c-63.5136
0-115.2-51.6864-115.2-115.2s51.6864-115.2 115.2-115.2c63.5264 0 115.2 51.6864
115.2 115.2s-51.6736 115.2-115.2 115.2z m0-179.2c-35.2896 0-64 28.7104-64
64s28.7104 64 64 64 64-28.7104 64-64-28.7104-64-64-64zM512 1024c-63.5136
0-115.2-51.6736-115.2-115.2s51.6864-115.2 115.2-115.2c63.5264 0 115.2 51.6736
11 [...]
</div>
<div class="coretitle">
- <p class="t">Rich index structure </p>
- <p class="s">Doris provides a rich index structure to speed up
data reading and filtering. Using the partition and bucket cutting function,
Doris can support ultra-high concurrency of online service business, and a
single node can support up to thousands of QPS.</p>
+ <p class="t">Index Structure</p>
+ <p class="s">Apache Doris has a rich index structure to speed up
data reading and filtering and can support ultra-high concurrency of online
service business, a single node can support up to thousands of QPS.</p>
</div>
</li>
</ul>
diff --git a/docs/zh-CN/README.md b/docs/zh-CN/README.md
index 42dec926a9..92b39a76b3 100755
--- a/docs/zh-CN/README.md
+++ b/docs/zh-CN/README.md
@@ -33,6 +33,8 @@ under the License.
<div class="bannerHref">
<a href="/zh-CN/docs/get-starting/get-starting.html"
class="button1">快速开始</a>
<a href="https://github.com/apache/incubator-doris"; target="_blank"
class="button2"><i class="doris doris-github-fill"></i>GITHUB</a>
+ <a
href="https://join.slack.com/t/apachedoriscommunity/shared_invite/zt-18u6vjopj-Th15vTVfmCzVfhhL5rz26A";
target="_blank" class="button2 white">
+ <i><img style="width: 20px; position: relative; left: 4px; top: 2px;
margin: 0;" src="/images/slack.png" alt="Slack" /></i>SLACK</a>
</div>
</div>
<div class="bImg">
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
