You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dubbo.apache.org by il...@apache.org on 2018/08/13 02:25:18 UTC
[incubator-dubbo-website] branch asf-site updated: new version,
please read README.md first (#88)
This is an automated email from the ASF dual-hosted git repository.
iluo pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/incubator-dubbo-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new ac341d8 new version, please read README.md first (#88)
ac341d8 is described below
commit ac341d8682b0f11fc1b9453b6a90d2f74c6f43b4
Author: chenliandong <li...@alibaba-inc.com>
AuthorDate: Mon Aug 13 10:25:16 2018 +0800
new version, please read README.md first (#88)
* feat: 新版站点
* fix: issue #14
* feat: build
* feat: optimization for loading js
* chore: adjust build for loading js
* fix: [issue28](https://github.com/apache/incubator-dubbo-website/issues/28) not compiled
* feat: 修改hash类型，支持Google爬虫SEO
* fix: docs page sidemenu unselected
* add star icon && optimize for build
* use react github button
* add attendtion
* build
* modify README.md
---
404.html | 18 +
README.md | 6 +-
build/4828dc59b19c927e111e.js | 6 -
build/654055e491fb5dea7da2.js | 6 -
build/7533f0a0e44a4367de8b.js | 6 -
build/blog.css | 1017 ++++++++++++
build/blog.js | 6 +
build/blogDetail.css | 1535 ++++++++++++++++++
build/blogDetail.js | 6 +
build/c3e013b93dbf5fac1c23.js | 6 -
build/community.css | 1093 +++++++++++++
build/community.js | 6 +
build/documentation.css | 1693 ++++++++++++++++++++
build/documentation.js | 6 +
build/e52128c6c5682a86685a.js | 6 -
build/home.css | 1253 +++++++++++++++
build/home.js | 6 +
build/page.js | 1 -
en-us/blog/apachecon-na-2018.html | 34 +
en-us/blog/apachecon-na-2018.json | 4 +
en-us/blog/dubbo-101.html | 350 ++++
en-us/blog/dubbo-101.json | 4 +
en-us/blog/dubbo-annotation.html | 335 ++++
en-us/blog/dubbo-annotation.json | 4 +
en-us/blog/dubbo-meetup-beijing-may-12th-2018.html | 41 +
en-us/blog/dubbo-meetup-beijing-may-12th-2018.json | 4 +
.../blog/dubbo-meetup-shanghai-jun-23rd-2018.html | 41 +
.../blog/dubbo-meetup-shanghai-jun-23rd-2018.json | 4 +
en-us/blog/dubbo-zk.html | 278 ++++
en-us/blog/dubbo-zk.json | 4 +
en-us/blog/gsoc-2018.html | 34 +
en-us/blog/gsoc-2018.json | 4 +
en-us/blog/index.html | 32 +
en-us/blog/introduction-to-dubbo-spi.html | 205 +++
en-us/blog/introduction-to-dubbo-spi.json | 4 +
en-us/blog/pinpoint.html | 403 +++++
en-us/blog/pinpoint.json | 4 +
en-us/blog/qcon-beijing-2018.html | 34 +
en-us/blog/qcon-beijing-2018.json | 4 +
en-us/blog/sentinel-introduction-for-dubbo.html | 97 ++
en-us/blog/sentinel-introduction-for-dubbo.json | 4 +
en-us/community/index.html | 32 +
en-us/docs/admin/README.html | 34 +
en-us/docs/admin/README.json | 4 +
en-us/docs/admin/SUMMARY.html | 50 +
en-us/docs/admin/SUMMARY.json | 4 +
en-us/docs/admin/install/admin-console.html | 72 +
en-us/docs/admin/install/admin-console.json | 4 +
en-us/docs/admin/install/consumer-demo.html | 43 +
en-us/docs/admin/install/consumer-demo.json | 4 +
en-us/docs/admin/install/introduction.html | 38 +
en-us/docs/admin/install/introduction.json | 4 +
en-us/docs/admin/install/provider-demo.html | 43 +
en-us/docs/admin/install/provider-demo.json | 4 +
en-us/docs/admin/install/redis.html | 72 +
en-us/docs/admin/install/redis.json | 4 +
.../docs/admin/install/simple-monitor-center.html | 90 ++
.../docs/admin/install/simple-monitor-center.json | 4 +
.../docs/admin/install/simple-registry-center.html | 82 +
.../docs/admin/install/simple-registry-center.json | 4 +
en-us/docs/admin/install/zookeeper.html | 101 ++
en-us/docs/admin/install/zookeeper.json | 4 +
en-us/docs/admin/ops/dubbo-ops.html | 54 +
en-us/docs/admin/ops/dubbo-ops.json | 4 +
en-us/docs/admin/ops/introduction.html | 33 +
en-us/docs/admin/ops/introduction.json | 4 +
en-us/docs/admin/ops/pinpoint.html | 403 +++++
en-us/docs/admin/ops/pinpoint.json | 4 +
en-us/docs/dev/README.html | 34 +
en-us/docs/dev/README.json | 4 +
en-us/docs/dev/SPI.html | 203 +++
en-us/docs/dev/SPI.json | 4 +
en-us/docs/dev/SUMMARY.html | 76 +
en-us/docs/dev/SUMMARY.json | 4 +
en-us/docs/dev/TCK.html | 46 +
en-us/docs/dev/TCK.json | 4 +
en-us/docs/dev/build.html | 74 +
en-us/docs/dev/build.json | 4 +
en-us/docs/dev/checklist.html | 51 +
en-us/docs/dev/checklist.json | 4 +
en-us/docs/dev/code-smell.html | 160 ++
en-us/docs/dev/code-smell.json | 4 +
en-us/docs/dev/coding.html | 91 ++
en-us/docs/dev/coding.json | 4 +
en-us/docs/dev/contract.html | 45 +
en-us/docs/dev/contract.json | 4 +
en-us/docs/dev/contribution.html | 395 +++++
en-us/docs/dev/contribution.json | 4 +
en-us/docs/dev/design.html | 114 ++
en-us/docs/dev/design.json | 4 +
en-us/docs/dev/implementation.html | 131 ++
en-us/docs/dev/implementation.json | 4 +
en-us/docs/dev/impls/cache.html | 95 ++
en-us/docs/dev/impls/cache.json | 4 +
en-us/docs/dev/impls/cluster.html | 89 +
en-us/docs/dev/impls/cluster.json | 4 +
en-us/docs/dev/impls/compiler.html | 71 +
en-us/docs/dev/impls/compiler.json | 4 +
en-us/docs/dev/impls/container.html | 77 +
en-us/docs/dev/impls/container.json | 4 +
en-us/docs/dev/impls/dispatcher.html | 77 +
en-us/docs/dev/impls/dispatcher.json | 4 +
en-us/docs/dev/impls/exchanger.html | 100 ++
en-us/docs/dev/impls/exchanger.json | 4 +
en-us/docs/dev/impls/exporter-listener.html | 78 +
en-us/docs/dev/impls/exporter-listener.json | 4 +
en-us/docs/dev/impls/extension-factory.html | 72 +
en-us/docs/dev/impls/extension-factory.json | 4 +
en-us/docs/dev/impls/filter.html | 104 ++
en-us/docs/dev/impls/filter.json | 4 +
en-us/docs/dev/impls/introduction.html | 34 +
en-us/docs/dev/impls/introduction.json | 4 +
en-us/docs/dev/impls/invoker-listener.html | 78 +
en-us/docs/dev/impls/invoker-listener.json | 4 +
en-us/docs/dev/impls/load-balance.html | 78 +
en-us/docs/dev/impls/load-balance.json | 4 +
en-us/docs/dev/impls/logger-adapter.html | 92 ++
en-us/docs/dev/impls/logger-adapter.json | 4 +
en-us/docs/dev/impls/merger.html | 74 +
en-us/docs/dev/impls/merger.json | 4 +
en-us/docs/dev/impls/monitor.html | 87 +
en-us/docs/dev/impls/monitor.json | 4 +
en-us/docs/dev/impls/networker.html | 74 +
en-us/docs/dev/impls/networker.json | 4 +
en-us/docs/dev/impls/page.html | 76 +
en-us/docs/dev/impls/page.json | 4 +
en-us/docs/dev/impls/protocol.html | 159 ++
en-us/docs/dev/impls/protocol.json | 4 +
en-us/docs/dev/impls/proxy-factory.html | 80 +
en-us/docs/dev/impls/proxy-factory.json | 4 +
en-us/docs/dev/impls/registry.html | 209 +++
en-us/docs/dev/impls/registry.json | 4 +
en-us/docs/dev/impls/remoting.html | 133 ++
en-us/docs/dev/impls/remoting.json | 4 +
en-us/docs/dev/impls/router.html | 76 +
en-us/docs/dev/impls/router.json | 4 +
en-us/docs/dev/impls/serialize.html | 89 +
en-us/docs/dev/impls/serialize.json | 4 +
en-us/docs/dev/impls/status-checker.html | 79 +
en-us/docs/dev/impls/status-checker.json | 4 +
en-us/docs/dev/impls/telnet-handler.html | 89 +
en-us/docs/dev/impls/telnet-handler.json | 4 +
en-us/docs/dev/impls/threadpool.html | 75 +
en-us/docs/dev/impls/threadpool.json | 4 +
en-us/docs/dev/impls/validation.html | 85 +
en-us/docs/dev/impls/validation.json | 4 +
en-us/docs/dev/introduction.html | 32 +
en-us/docs/dev/introduction.json | 4 +
en-us/docs/dev/release.html | 65 +
en-us/docs/dev/release.json | 4 +
en-us/docs/user/README.html | 34 +
en-us/docs/user/README.json | 4 +
en-us/docs/user/SUMMARY.html | 146 ++
en-us/docs/user/SUMMARY.json | 4 +
en-us/docs/user/benchmark-tool.html | 72 +
en-us/docs/user/benchmark-tool.json | 4 +
en-us/docs/user/best-practice.html | 64 +
en-us/docs/user/best-practice.json | 4 +
en-us/docs/user/capacity-plan.html | 48 +
en-us/docs/user/capacity-plan.json | 4 +
en-us/docs/user/configuration/annotation.html | 119 ++
en-us/docs/user/configuration/annotation.json | 4 +
en-us/docs/user/configuration/api.html | 141 ++
en-us/docs/user/configuration/api.json | 4 +
en-us/docs/user/configuration/index.html | 33 +
en-us/docs/user/configuration/index.json | 4 +
en-us/docs/user/configuration/properties.html | 67 +
en-us/docs/user/configuration/properties.json | 4 +
en-us/docs/user/configuration/xml.html | 141 ++
en-us/docs/user/configuration/xml.json | 4 +
en-us/docs/user/coveragence.html | 44 +
en-us/docs/user/coveragence.json | 4 +
en-us/docs/user/demos/accesslog.html | 76 +
en-us/docs/user/demos/accesslog.json | 4 +
en-us/docs/user/demos/async-call.html | 76 +
en-us/docs/user/demos/async-call.json | 4 +
en-us/docs/user/demos/attachment.html | 50 +
en-us/docs/user/demos/attachment.json | 4 +
en-us/docs/user/demos/callback-parameter.html | 123 ++
en-us/docs/user/demos/callback-parameter.json | 4 +
en-us/docs/user/demos/concurrency-control.html | 78 +
en-us/docs/user/demos/concurrency-control.json | 4 +
en-us/docs/user/demos/config-connections.html | 52 +
en-us/docs/user/demos/config-connections.json | 4 +
en-us/docs/user/demos/config-rule.html | 73 +
en-us/docs/user/demos/config-rule.json | 4 +
en-us/docs/user/demos/context.html | 62 +
en-us/docs/user/demos/context.json | 4 +
en-us/docs/user/demos/delay-publish.html | 61 +
en-us/docs/user/demos/delay-publish.json | 4 +
en-us/docs/user/demos/distributed-transaction.html | 36 +
en-us/docs/user/demos/distributed-transaction.json | 4 +
en-us/docs/user/demos/dump.html | 47 +
en-us/docs/user/demos/dump.json | 4 +
en-us/docs/user/demos/echo-service.html | 49 +
en-us/docs/user/demos/echo-service.json | 4 +
en-us/docs/user/demos/events-notify.html | 104 ++
en-us/docs/user/demos/events-notify.json | 4 +
en-us/docs/user/demos/explicit-target.html | 51 +
en-us/docs/user/demos/explicit-target.json | 4 +
en-us/docs/user/demos/fault-tolerent-strategy.html | 75 +
en-us/docs/user/demos/fault-tolerent-strategy.json | 4 +
en-us/docs/user/demos/generic-reference.html | 108 ++
en-us/docs/user/demos/generic-reference.json | 4 +
en-us/docs/user/demos/generic-service.html | 66 +
en-us/docs/user/demos/generic-service.json | 4 +
en-us/docs/user/demos/graceful-shutdown.html | 53 +
en-us/docs/user/demos/graceful-shutdown.json | 4 +
en-us/docs/user/demos/group-merger.html | 71 +
en-us/docs/user/demos/group-merger.json | 4 +
en-us/docs/user/demos/hostname-binding.html | 111 ++
en-us/docs/user/demos/hostname-binding.json | 4 +
en-us/docs/user/demos/index.html | 33 +
en-us/docs/user/demos/index.json | 4 +
en-us/docs/user/demos/introduction.html | 36 +
en-us/docs/user/demos/introduction.json | 4 +
en-us/docs/user/demos/lazy-connect.html | 43 +
en-us/docs/user/demos/lazy-connect.json | 4 +
en-us/docs/user/demos/loadbalance.html | 77 +
en-us/docs/user/demos/loadbalance.json | 4 +
en-us/docs/user/demos/local-call.html | 57 +
en-us/docs/user/demos/local-call.json | 4 +
en-us/docs/user/demos/local-mock.html | 69 +
en-us/docs/user/demos/local-mock.json | 4 +
en-us/docs/user/demos/local-stub.html | 72 +
en-us/docs/user/demos/local-stub.json | 4 +
en-us/docs/user/demos/logger-strategy.html | 58 +
en-us/docs/user/demos/logger-strategy.json | 4 +
en-us/docs/user/demos/multi-protocols.html | 67 +
en-us/docs/user/demos/multi-protocols.json | 4 +
en-us/docs/user/demos/multi-registry.html | 103 ++
en-us/docs/user/demos/multi-registry.json | 4 +
en-us/docs/user/demos/multi-versions.html | 62 +
en-us/docs/user/demos/multi-versions.json | 4 +
en-us/docs/user/demos/netty4.html | 64 +
en-us/docs/user/demos/netty4.json | 4 +
en-us/docs/user/demos/parameter-validation.html | 194 +++
en-us/docs/user/demos/parameter-validation.json | 4 +
en-us/docs/user/demos/preflight-check.html | 64 +
en-us/docs/user/demos/preflight-check.json | 4 +
en-us/docs/user/demos/reference-config-cache.html | 56 +
en-us/docs/user/demos/reference-config-cache.json | 4 +
en-us/docs/user/demos/registry-only.html | 44 +
en-us/docs/user/demos/registry-only.json | 4 +
en-us/docs/user/demos/result-cache.html | 58 +
en-us/docs/user/demos/result-cache.json | 4 +
en-us/docs/user/demos/routing-rule.html | 160 ++
en-us/docs/user/demos/routing-rule.json | 4 +
en-us/docs/user/demos/service-container.html | 79 +
en-us/docs/user/demos/service-container.json | 4 +
en-us/docs/user/demos/service-downgrade.html | 47 +
en-us/docs/user/demos/service-downgrade.json | 4 +
en-us/docs/user/demos/service-group.html | 52 +
en-us/docs/user/demos/service-group.json | 4 +
en-us/docs/user/demos/static-service.html | 47 +
en-us/docs/user/demos/static-service.json | 4 +
en-us/docs/user/demos/stickiness.html | 37 +
en-us/docs/user/demos/stickiness.json | 4 +
en-us/docs/user/demos/subscribe-only.html | 42 +
en-us/docs/user/demos/subscribe-only.json | 4 +
en-us/docs/user/demos/thread-model.html | 57 +
en-us/docs/user/demos/thread-model.json | 4 +
en-us/docs/user/demos/token-authorization.html | 59 +
en-us/docs/user/demos/token-authorization.json | 4 +
en-us/docs/user/dependencies.html | 94 ++
en-us/docs/user/dependencies.json | 4 +
en-us/docs/user/maturity.html | 583 +++++++
en-us/docs/user/maturity.json | 4 +
en-us/docs/user/perf-test.html | 367 +++++
en-us/docs/user/perf-test.json | 4 +
en-us/docs/user/preface/architecture.html | 138 ++
en-us/docs/user/preface/architecture.json | 4 +
en-us/docs/user/preface/background.html | 43 +
en-us/docs/user/preface/background.json | 4 +
en-us/docs/user/preface/index.html | 33 +
en-us/docs/user/preface/index.json | 4 +
en-us/docs/user/preface/requirements.html | 39 +
en-us/docs/user/preface/requirements.json | 4 +
en-us/docs/user/preface/usage.html | 60 +
en-us/docs/user/preface/usage.json | 4 +
en-us/docs/user/quick-start.html | 233 +++
en-us/docs/user/quick-start.json | 4 +
en-us/docs/user/recommend.html | 171 ++
en-us/docs/user/recommend.json | 4 +
en-us/docs/user/references/api.html | 77 +
en-us/docs/user/references/api.json | 4 +
en-us/docs/user/references/maven.html | 48 +
en-us/docs/user/references/maven.json | 4 +
en-us/docs/user/references/protocol/dubbo.html | 130 ++
en-us/docs/user/references/protocol/dubbo.json | 4 +
en-us/docs/user/references/protocol/hessian.html | 78 +
en-us/docs/user/references/protocol/hessian.json | 4 +
en-us/docs/user/references/protocol/http.html | 74 +
en-us/docs/user/references/protocol/http.json | 4 +
.../user/references/protocol/introduction.html | 34 +
.../user/references/protocol/introduction.json | 4 +
en-us/docs/user/references/protocol/memcached.html | 53 +
en-us/docs/user/references/protocol/memcached.json | 4 +
en-us/docs/user/references/protocol/redis.html | 53 +
en-us/docs/user/references/protocol/redis.json | 4 +
en-us/docs/user/references/protocol/rmi.html | 86 +
en-us/docs/user/references/protocol/rmi.json | 4 +
en-us/docs/user/references/protocol/thrift.html | 51 +
en-us/docs/user/references/protocol/thrift.json | 4 +
.../docs/user/references/protocol/webservice.html | 107 ++
.../docs/user/references/protocol/webservice.json | 4 +
.../user/references/registry/introduction.html | 34 +
.../user/references/registry/introduction.json | 4 +
en-us/docs/user/references/registry/multicast.html | 56 +
en-us/docs/user/references/registry/multicast.json | 4 +
en-us/docs/user/references/registry/redis.html | 95 ++
en-us/docs/user/references/registry/redis.json | 4 +
en-us/docs/user/references/registry/simple.html | 65 +
en-us/docs/user/references/registry/simple.json | 4 +
en-us/docs/user/references/registry/zookeeper.html | 129 ++
en-us/docs/user/references/registry/zookeeper.json | 4 +
en-us/docs/user/references/telnet.html | 114 ++
en-us/docs/user/references/telnet.json | 4 +
.../user/references/xml/dubbo-application.html | 173 ++
.../user/references/xml/dubbo-application.json | 4 +
en-us/docs/user/references/xml/dubbo-argument.html | 127 ++
en-us/docs/user/references/xml/dubbo-argument.json | 4 +
en-us/docs/user/references/xml/dubbo-consumer.html | 273 ++++
en-us/docs/user/references/xml/dubbo-consumer.json | 4 +
en-us/docs/user/references/xml/dubbo-method.html | 258 +++
en-us/docs/user/references/xml/dubbo-method.json | 4 +
en-us/docs/user/references/xml/dubbo-module.html | 133 ++
en-us/docs/user/references/xml/dubbo-module.json | 4 +
en-us/docs/user/references/xml/dubbo-monitor.html | 113 ++
en-us/docs/user/references/xml/dubbo-monitor.json | 4 +
.../docs/user/references/xml/dubbo-parameter.html | 121 ++
.../docs/user/references/xml/dubbo-parameter.json | 4 +
en-us/docs/user/references/xml/dubbo-protocol.html | 333 ++++
en-us/docs/user/references/xml/dubbo-protocol.json | 4 +
en-us/docs/user/references/xml/dubbo-provider.html | 533 ++++++
en-us/docs/user/references/xml/dubbo-provider.json | 4 +
.../docs/user/references/xml/dubbo-reference.html | 363 +++++
.../docs/user/references/xml/dubbo-reference.json | 4 +
en-us/docs/user/references/xml/dubbo-registry.html | 233 +++
en-us/docs/user/references/xml/dubbo-registry.json | 4 +
en-us/docs/user/references/xml/dubbo-service.html | 393 +++++
en-us/docs/user/references/xml/dubbo-service.json | 4 +
en-us/docs/user/references/xml/introduction.html | 52 +
en-us/docs/user/references/xml/introduction.json | 4 +
en-us/docs/user/simple-monitor.html | 106 ++
en-us/docs/user/simple-monitor.json | 4 +
en-us/index.html | 32 +
gulpfile.js | 71 +-
index.html | 33 +-
md_json/blog.json | 126 --
md_json/docs.json | 1274 ---------------
package.json | 11 +-
redirect.ejs | 18 +
site_config/blog.js | 56 +-
site_config/community.jsx | 188 +--
site_config/docs.js | 566 +++----
site_config/home.jsx | 116 +-
site_config/site.js | 46 +-
src/components/asyncComponent/index.jsx | 30 -
src/components/bar/index.jsx | 14 +-
src/components/button/index.jsx | 7 +-
src/components/footer/index.jsx | 83 +-
src/components/footer/index.scss | 2 +
src/components/header/index.jsx | 39 +-
src/components/language/index.jsx | 19 +-
src/components/pageSlider/index.jsx | 12 +-
src/components/sidemenu/index.jsx | 2 +-
src/components/sidemenu/index.scss | 2 +-
src/components/sidemenu/item.jsx | 14 +-
src/components/slider/index.scss | 2 +-
src/index.jsx | 34 -
src/pages/blog/blogItem.jsx | 19 +-
src/pages/blog/index.jsx | 35 +-
src/pages/blog/index.scss | 1 +
src/pages/blogDetail/index.jsx | 112 +-
src/pages/blogDetail/index.scss | 2 +
src/pages/community/contactItem.jsx | 11 +-
src/pages/community/contributorItem.jsx | 2 +-
src/pages/community/ecoItem.jsx | 6 +-
src/pages/community/eventCard.jsx | 14 +-
src/pages/community/index.jsx | 32 +-
src/pages/community/index.scss | 22 +-
src/pages/documentation/index.jsx | 115 +-
src/pages/documentation/index.scss | 6 +-
src/pages/home/featureItem.jsx | 2 +-
src/pages/home/index.jsx | 47 +-
src/pages/home/index.scss | 41 +-
src/{index.scss => reset.scss} | 2 +-
index.html => template.ejs | 25 +-
utils/index.js | 7 +
webpack.config.js | 23 +-
zh-cn/blog/Prepare-an-Apache-release.html | 322 ++++
zh-cn/blog/Prepare-an-Apache-release.json | 4 +
zh-cn/blog/dubbo-101.html | 350 ++++
zh-cn/blog/dubbo-101.json | 4 +
zh-cn/blog/dubbo-annotation.html | 356 ++++
zh-cn/blog/dubbo-annotation.json | 4 +
...o-basic-usage-dubbo-provider-configuration.html | 353 ++++
...o-basic-usage-dubbo-provider-configuration.json | 4 +
zh-cn/blog/dubbo-generic-invoke.html | 171 ++
zh-cn/blog/dubbo-generic-invoke.json | 4 +
zh-cn/blog/dubbo-integrate-with-hystrix.html | 198 +++
zh-cn/blog/dubbo-integrate-with-hystrix.json | 4 +
zh-cn/blog/dubbo-invoke.html | 193 +++
zh-cn/blog/dubbo-invoke.json | 4 +
zh-cn/blog/dubbo-loadbalance.html | 251 +++
zh-cn/blog/dubbo-loadbalance.json | 4 +
.../blog/dubbo-meetup-shanghai-jun-23rd-2018.html | 41 +
.../blog/dubbo-meetup-shanghai-jun-23rd-2018.json | 4 +
zh-cn/blog/dubbo-new-async.html | 416 +++++
zh-cn/blog/dubbo-new-async.json | 4 +
zh-cn/blog/dubbo-zk.html | 275 ++++
zh-cn/blog/dubbo-zk.json | 4 +
zh-cn/blog/dubbo2-js.html | 243 +++
zh-cn/blog/dubbo2-js.json | 4 +
zh-cn/blog/index.html | 32 +
zh-cn/blog/introduction-to-dubbo-qos.html | 245 +++
zh-cn/blog/introduction-to-dubbo-qos.json | 4 +
zh-cn/blog/introduction-to-dubbo-spi-2.html | 394 +++++
zh-cn/blog/introduction-to-dubbo-spi-2.json | 4 +
zh-cn/blog/introduction-to-dubbo-spi.html | 217 +++
zh-cn/blog/introduction-to-dubbo-spi.json | 4 +
zh-cn/blog/optimization-branch-prediction.html | 152 ++
zh-cn/blog/optimization-branch-prediction.json | 4 +
zh-cn/blog/pinpoint.html | 411 +++++
zh-cn/blog/pinpoint.json | 4 +
zh-cn/blog/sentinel-introduction-for-dubbo.html | 137 ++
zh-cn/blog/sentinel-introduction-for-dubbo.json | 4 +
.../spring-boot-dubbo-start-stop-analysis.html | 220 +++
.../spring-boot-dubbo-start-stop-analysis.json | 4 +
zh-cn/community/index.html | 32 +
zh-cn/docs/admin/README.html | 33 +
zh-cn/docs/admin/README.json | 4 +
zh-cn/docs/admin/SUMMARY.html | 50 +
zh-cn/docs/admin/SUMMARY.json | 4 +
zh-cn/docs/admin/install/admin-console.html | 72 +
zh-cn/docs/admin/install/admin-console.json | 4 +
zh-cn/docs/admin/install/consumer-demo.html | 44 +
zh-cn/docs/admin/install/consumer-demo.json | 4 +
zh-cn/docs/admin/install/introduction.html | 45 +
zh-cn/docs/admin/install/introduction.json | 4 +
zh-cn/docs/admin/install/provider-demo.html | 43 +
zh-cn/docs/admin/install/provider-demo.json | 4 +
zh-cn/docs/admin/install/redis.html | 72 +
zh-cn/docs/admin/install/redis.json | 4 +
.../docs/admin/install/simple-monitor-center.html | 90 ++
.../docs/admin/install/simple-monitor-center.json | 4 +
.../docs/admin/install/simple-registry-center.html | 82 +
.../docs/admin/install/simple-registry-center.json | 4 +
zh-cn/docs/admin/install/zookeeper.html | 101 ++
zh-cn/docs/admin/install/zookeeper.json | 4 +
zh-cn/docs/admin/ops/dubbo-ops.html | 54 +
zh-cn/docs/admin/ops/dubbo-ops.json | 4 +
zh-cn/docs/admin/ops/introduction.html | 33 +
zh-cn/docs/admin/ops/introduction.json | 4 +
zh-cn/docs/admin/ops/pinpoint.html | 411 +++++
zh-cn/docs/admin/ops/pinpoint.json | 4 +
zh-cn/docs/dev/README.html | 33 +
zh-cn/docs/dev/README.json | 4 +
zh-cn/docs/dev/SPI.html | 203 +++
zh-cn/docs/dev/SPI.json | 4 +
zh-cn/docs/dev/SUMMARY.html | 87 +
zh-cn/docs/dev/SUMMARY.json | 4 +
zh-cn/docs/dev/TCK.html | 46 +
zh-cn/docs/dev/TCK.json | 4 +
zh-cn/docs/dev/build.html | 81 +
zh-cn/docs/dev/build.json | 4 +
zh-cn/docs/dev/checklist.html | 59 +
zh-cn/docs/dev/checklist.json | 4 +
zh-cn/docs/dev/code-smell.html | 160 ++
zh-cn/docs/dev/code-smell.json | 4 +
zh-cn/docs/dev/coding.html | 91 ++
zh-cn/docs/dev/coding.json | 4 +
zh-cn/docs/dev/contract.html | 45 +
zh-cn/docs/dev/contract.json | 4 +
zh-cn/docs/dev/contribution.html | 352 ++++
zh-cn/docs/dev/contribution.json | 4 +
zh-cn/docs/dev/design.html | 114 ++
zh-cn/docs/dev/design.json | 4 +
zh-cn/docs/dev/implementation.html | 132 ++
zh-cn/docs/dev/implementation.json | 4 +
zh-cn/docs/dev/impls/cache.html | 94 ++
zh-cn/docs/dev/impls/cache.json | 4 +
zh-cn/docs/dev/impls/cluster.html | 89 +
zh-cn/docs/dev/impls/cluster.json | 4 +
zh-cn/docs/dev/impls/compiler.html | 71 +
zh-cn/docs/dev/impls/compiler.json | 4 +
zh-cn/docs/dev/impls/container.html | 77 +
zh-cn/docs/dev/impls/container.json | 4 +
zh-cn/docs/dev/impls/dispatcher.html | 77 +
zh-cn/docs/dev/impls/dispatcher.json | 4 +
zh-cn/docs/dev/impls/exchanger.html | 100 ++
zh-cn/docs/dev/impls/exchanger.json | 4 +
zh-cn/docs/dev/impls/exporter-listener.html | 78 +
zh-cn/docs/dev/impls/exporter-listener.json | 4 +
zh-cn/docs/dev/impls/extension-factory.html | 72 +
zh-cn/docs/dev/impls/extension-factory.json | 4 +
zh-cn/docs/dev/impls/filter.html | 104 ++
zh-cn/docs/dev/impls/filter.json | 4 +
zh-cn/docs/dev/impls/introduction.html | 34 +
zh-cn/docs/dev/impls/introduction.json | 4 +
zh-cn/docs/dev/impls/invoker-listener.html | 77 +
zh-cn/docs/dev/impls/invoker-listener.json | 4 +
zh-cn/docs/dev/impls/load-balance.html | 78 +
zh-cn/docs/dev/impls/load-balance.json | 4 +
zh-cn/docs/dev/impls/logger-adapter.html | 92 ++
zh-cn/docs/dev/impls/logger-adapter.json | 4 +
zh-cn/docs/dev/impls/merger.html | 74 +
zh-cn/docs/dev/impls/merger.json | 4 +
zh-cn/docs/dev/impls/monitor.html | 87 +
zh-cn/docs/dev/impls/monitor.json | 4 +
zh-cn/docs/dev/impls/networker.html | 74 +
zh-cn/docs/dev/impls/networker.json | 4 +
zh-cn/docs/dev/impls/page.html | 76 +
zh-cn/docs/dev/impls/page.json | 4 +
zh-cn/docs/dev/impls/protocol.html | 160 ++
zh-cn/docs/dev/impls/protocol.json | 4 +
zh-cn/docs/dev/impls/proxy-factory.html | 80 +
zh-cn/docs/dev/impls/proxy-factory.json | 4 +
zh-cn/docs/dev/impls/registry.html | 207 +++
zh-cn/docs/dev/impls/registry.json | 4 +
zh-cn/docs/dev/impls/remoting.html | 133 ++
zh-cn/docs/dev/impls/remoting.json | 4 +
zh-cn/docs/dev/impls/router.html | 76 +
zh-cn/docs/dev/impls/router.json | 4 +
zh-cn/docs/dev/impls/serialize.html | 89 +
zh-cn/docs/dev/impls/serialize.json | 4 +
zh-cn/docs/dev/impls/status-checker.html | 79 +
zh-cn/docs/dev/impls/status-checker.json | 4 +
zh-cn/docs/dev/impls/telnet-handler.html | 89 +
zh-cn/docs/dev/impls/telnet-handler.json | 4 +
zh-cn/docs/dev/impls/threadpool.html | 75 +
zh-cn/docs/dev/impls/threadpool.json | 4 +
zh-cn/docs/dev/impls/validation.html | 85 +
zh-cn/docs/dev/impls/validation.json | 4 +
zh-cn/docs/dev/introduction.html | 33 +
zh-cn/docs/dev/introduction.json | 4 +
zh-cn/docs/dev/principals/code-detail.html | 53 +
zh-cn/docs/dev/principals/code-detail.json | 4 +
zh-cn/docs/dev/principals/configuration.html | 85 +
zh-cn/docs/dev/principals/configuration.json | 4 +
zh-cn/docs/dev/principals/dummy.html | 210 +++
zh-cn/docs/dev/principals/dummy.json | 4 +
zh-cn/docs/dev/principals/expansibility.html | 43 +
zh-cn/docs/dev/principals/expansibility.json | 4 +
zh-cn/docs/dev/principals/extension.html | 118 ++
zh-cn/docs/dev/principals/extension.json | 4 +
zh-cn/docs/dev/principals/general-knowledge.html | 68 +
zh-cn/docs/dev/principals/general-knowledge.json | 4 +
zh-cn/docs/dev/principals/introduction.html | 34 +
zh-cn/docs/dev/principals/introduction.json | 4 +
zh-cn/docs/dev/principals/robustness.html | 81 +
zh-cn/docs/dev/principals/robustness.json | 4 +
zh-cn/docs/dev/release.html | 65 +
zh-cn/docs/dev/release.json | 4 +
zh-cn/docs/user/README.html | 34 +
zh-cn/docs/user/README.json | 4 +
zh-cn/docs/user/SUMMARY.html | 149 ++
zh-cn/docs/user/SUMMARY.json | 4 +
zh-cn/docs/user/benchmark-tool.html | 72 +
zh-cn/docs/user/benchmark-tool.json | 4 +
zh-cn/docs/user/best-practice.html | 64 +
zh-cn/docs/user/best-practice.json | 4 +
zh-cn/docs/user/capacity-plan.html | 48 +
zh-cn/docs/user/capacity-plan.json | 4 +
zh-cn/docs/user/configuration/annotation.html | 119 ++
zh-cn/docs/user/configuration/annotation.json | 4 +
zh-cn/docs/user/configuration/api.html | 143 ++
zh-cn/docs/user/configuration/api.json | 4 +
zh-cn/docs/user/configuration/index.html | 33 +
zh-cn/docs/user/configuration/index.json | 4 +
zh-cn/docs/user/configuration/properties.html | 65 +
zh-cn/docs/user/configuration/properties.json | 4 +
zh-cn/docs/user/configuration/xml.html | 148 ++
zh-cn/docs/user/configuration/xml.json | 4 +
zh-cn/docs/user/coveragence.html | 39 +
zh-cn/docs/user/coveragence.json | 4 +
zh-cn/docs/user/demos/accesslog.html | 40 +
zh-cn/docs/user/demos/accesslog.json | 4 +
zh-cn/docs/user/demos/async-call.html | 82 +
zh-cn/docs/user/demos/async-call.json | 4 +
zh-cn/docs/user/demos/attachment.html | 57 +
zh-cn/docs/user/demos/attachment.json | 4 +
zh-cn/docs/user/demos/callback-parameter.html | 129 ++
zh-cn/docs/user/demos/callback-parameter.json | 4 +
zh-cn/docs/user/demos/concurrency-control.html | 70 +
zh-cn/docs/user/demos/concurrency-control.json | 4 +
zh-cn/docs/user/demos/config-connections.html | 57 +
zh-cn/docs/user/demos/config-connections.json | 4 +
zh-cn/docs/user/demos/config-rule.html | 79 +
zh-cn/docs/user/demos/config-rule.json | 4 +
zh-cn/docs/user/demos/context.html | 64 +
zh-cn/docs/user/demos/context.json | 4 +
zh-cn/docs/user/demos/delay-publish.html | 69 +
zh-cn/docs/user/demos/delay-publish.json | 4 +
zh-cn/docs/user/demos/distributed-transaction.html | 43 +
zh-cn/docs/user/demos/distributed-transaction.json | 4 +
zh-cn/docs/user/demos/dump.html | 46 +
zh-cn/docs/user/demos/dump.json | 4 +
zh-cn/docs/user/demos/echo-service.html | 49 +
zh-cn/docs/user/demos/echo-service.json | 4 +
zh-cn/docs/user/demos/events-notify.html | 112 ++
zh-cn/docs/user/demos/events-notify.json | 4 +
zh-cn/docs/user/demos/explicit-target.html | 62 +
zh-cn/docs/user/demos/explicit-target.json | 4 +
zh-cn/docs/user/demos/fault-tolerent-strategy.html | 84 +
zh-cn/docs/user/demos/fault-tolerent-strategy.json | 4 +
zh-cn/docs/user/demos/generic-reference.html | 108 ++
zh-cn/docs/user/demos/generic-reference.json | 4 +
zh-cn/docs/user/demos/generic-service.html | 66 +
zh-cn/docs/user/demos/generic-service.json | 4 +
zh-cn/docs/user/demos/graceful-shutdown.html | 53 +
zh-cn/docs/user/demos/graceful-shutdown.json | 4 +
zh-cn/docs/user/demos/group-merger.html | 71 +
zh-cn/docs/user/demos/group-merger.json | 4 +
zh-cn/docs/user/demos/hostname-binding.html | 111 ++
zh-cn/docs/user/demos/hostname-binding.json | 4 +
zh-cn/docs/user/demos/index.html | 33 +
zh-cn/docs/user/demos/index.json | 4 +
zh-cn/docs/user/demos/introduction.html | 36 +
zh-cn/docs/user/demos/introduction.json | 4 +
zh-cn/docs/user/demos/lazy-connect.html | 43 +
zh-cn/docs/user/demos/lazy-connect.json | 4 +
zh-cn/docs/user/demos/loadbalance.html | 76 +
zh-cn/docs/user/demos/loadbalance.json | 4 +
zh-cn/docs/user/demos/local-call.html | 57 +
zh-cn/docs/user/demos/local-call.json | 4 +
zh-cn/docs/user/demos/local-mock.html | 69 +
zh-cn/docs/user/demos/local-mock.json | 4 +
zh-cn/docs/user/demos/local-stub.html | 71 +
zh-cn/docs/user/demos/local-stub.json | 4 +
zh-cn/docs/user/demos/logger-strategy.html | 57 +
zh-cn/docs/user/demos/logger-strategy.json | 4 +
zh-cn/docs/user/demos/multi-protocols.html | 68 +
zh-cn/docs/user/demos/multi-protocols.json | 4 +
zh-cn/docs/user/demos/multi-registry.html | 103 ++
zh-cn/docs/user/demos/multi-registry.json | 4 +
zh-cn/docs/user/demos/multi-versions.html | 62 +
zh-cn/docs/user/demos/multi-versions.json | 4 +
zh-cn/docs/user/demos/netty4.html | 64 +
zh-cn/docs/user/demos/netty4.json | 4 +
zh-cn/docs/user/demos/parameter-validation.html | 194 +++
zh-cn/docs/user/demos/parameter-validation.json | 4 +
zh-cn/docs/user/demos/preflight-check.html | 63 +
zh-cn/docs/user/demos/preflight-check.json | 4 +
zh-cn/docs/user/demos/reference-config-cache.html | 56 +
zh-cn/docs/user/demos/reference-config-cache.json | 4 +
zh-cn/docs/user/demos/registry-only.html | 42 +
zh-cn/docs/user/demos/registry-only.json | 4 +
zh-cn/docs/user/demos/result-cache.html | 58 +
zh-cn/docs/user/demos/result-cache.json | 4 +
zh-cn/docs/user/demos/routing-rule.html | 160 ++
zh-cn/docs/user/demos/routing-rule.json | 4 +
zh-cn/docs/user/demos/serialization.html | 92 ++
zh-cn/docs/user/demos/serialization.json | 4 +
zh-cn/docs/user/demos/service-container.html | 82 +
zh-cn/docs/user/demos/service-container.json | 4 +
zh-cn/docs/user/demos/service-downgrade.html | 51 +
zh-cn/docs/user/demos/service-downgrade.json | 4 +
zh-cn/docs/user/demos/service-group.html | 52 +
zh-cn/docs/user/demos/service-group.json | 4 +
zh-cn/docs/user/demos/static-service.html | 52 +
zh-cn/docs/user/demos/static-service.json | 4 +
zh-cn/docs/user/demos/stickiness.html | 37 +
zh-cn/docs/user/demos/stickiness.json | 4 +
zh-cn/docs/user/demos/subscribe-only.html | 42 +
zh-cn/docs/user/demos/subscribe-only.json | 4 +
zh-cn/docs/user/demos/thread-model.html | 55 +
zh-cn/docs/user/demos/thread-model.json | 4 +
zh-cn/docs/user/demos/token-authorization.html | 59 +
zh-cn/docs/user/demos/token-authorization.json | 4 +
zh-cn/docs/user/dependencies.html | 94 ++
zh-cn/docs/user/dependencies.json | 4 +
zh-cn/docs/user/maturity.html | 583 +++++++
zh-cn/docs/user/maturity.json | 4 +
zh-cn/docs/user/perf-test.html | 349 ++++
zh-cn/docs/user/perf-test.json | 4 +
zh-cn/docs/user/preface/architecture.html | 138 ++
zh-cn/docs/user/preface/architecture.json | 4 +
zh-cn/docs/user/preface/background.html | 43 +
zh-cn/docs/user/preface/background.json | 4 +
zh-cn/docs/user/preface/index.html | 33 +
zh-cn/docs/user/preface/index.json | 4 +
zh-cn/docs/user/preface/requirements.html | 39 +
zh-cn/docs/user/preface/requirements.json | 4 +
zh-cn/docs/user/preface/usage.html | 60 +
zh-cn/docs/user/preface/usage.json | 4 +
zh-cn/docs/user/quick-start.html | 140 ++
zh-cn/docs/user/quick-start.json | 4 +
zh-cn/docs/user/recommend.html | 164 ++
zh-cn/docs/user/recommend.json | 4 +
zh-cn/docs/user/references/api.html | 77 +
zh-cn/docs/user/references/api.json | 4 +
zh-cn/docs/user/references/maven.html | 48 +
zh-cn/docs/user/references/maven.json | 4 +
zh-cn/docs/user/references/protocol/dubbo.html | 149 ++
zh-cn/docs/user/references/protocol/dubbo.json | 4 +
zh-cn/docs/user/references/protocol/hessian.html | 85 +
zh-cn/docs/user/references/protocol/hessian.json | 4 +
zh-cn/docs/user/references/protocol/http.html | 81 +
zh-cn/docs/user/references/protocol/http.json | 4 +
.../user/references/protocol/introduction.html | 34 +
.../user/references/protocol/introduction.json | 4 +
zh-cn/docs/user/references/protocol/memcached.html | 66 +
zh-cn/docs/user/references/protocol/memcached.json | 4 +
zh-cn/docs/user/references/protocol/redis.html | 66 +
zh-cn/docs/user/references/protocol/redis.json | 4 +
zh-cn/docs/user/references/protocol/rest.html | 533 ++++++
zh-cn/docs/user/references/protocol/rest.json | 4 +
zh-cn/docs/user/references/protocol/rmi.html | 98 ++
zh-cn/docs/user/references/protocol/rmi.json | 4 +
zh-cn/docs/user/references/protocol/thrift.html | 63 +
zh-cn/docs/user/references/protocol/thrift.json | 4 +
.../docs/user/references/protocol/webservice.html | 116 ++
.../docs/user/references/protocol/webservice.json | 4 +
zh-cn/docs/user/references/qos.html | 148 ++
zh-cn/docs/user/references/qos.json | 4 +
.../user/references/registry/introduction.html | 34 +
.../user/references/registry/introduction.json | 4 +
zh-cn/docs/user/references/registry/multicast.html | 56 +
zh-cn/docs/user/references/registry/multicast.json | 4 +
zh-cn/docs/user/references/registry/redis.html | 95 ++
zh-cn/docs/user/references/registry/redis.json | 4 +
zh-cn/docs/user/references/registry/simple.html | 65 +
zh-cn/docs/user/references/registry/simple.json | 4 +
zh-cn/docs/user/references/registry/zookeeper.html | 127 ++
zh-cn/docs/user/references/registry/zookeeper.json | 4 +
zh-cn/docs/user/references/telnet.html | 112 ++
zh-cn/docs/user/references/telnet.json | 4 +
.../user/references/xml/dubbo-application.html | 173 ++
.../user/references/xml/dubbo-application.json | 4 +
zh-cn/docs/user/references/xml/dubbo-argument.html | 127 ++
zh-cn/docs/user/references/xml/dubbo-argument.json | 4 +
zh-cn/docs/user/references/xml/dubbo-consumer.html | 273 ++++
zh-cn/docs/user/references/xml/dubbo-consumer.json | 4 +
zh-cn/docs/user/references/xml/dubbo-method.html | 258 +++
zh-cn/docs/user/references/xml/dubbo-method.json | 4 +
zh-cn/docs/user/references/xml/dubbo-module.html | 133 ++
zh-cn/docs/user/references/xml/dubbo-module.json | 4 +
zh-cn/docs/user/references/xml/dubbo-monitor.html | 113 ++
zh-cn/docs/user/references/xml/dubbo-monitor.json | 4 +
.../docs/user/references/xml/dubbo-parameter.html | 121 ++
.../docs/user/references/xml/dubbo-parameter.json | 4 +
zh-cn/docs/user/references/xml/dubbo-protocol.html | 333 ++++
zh-cn/docs/user/references/xml/dubbo-protocol.json | 4 +
zh-cn/docs/user/references/xml/dubbo-provider.html | 533 ++++++
zh-cn/docs/user/references/xml/dubbo-provider.json | 4 +
.../docs/user/references/xml/dubbo-reference.html | 363 +++++
.../docs/user/references/xml/dubbo-reference.json | 4 +
zh-cn/docs/user/references/xml/dubbo-registry.html | 243 +++
zh-cn/docs/user/references/xml/dubbo-registry.json | 4 +
zh-cn/docs/user/references/xml/dubbo-service.html | 393 +++++
zh-cn/docs/user/references/xml/dubbo-service.json | 4 +
zh-cn/docs/user/references/xml/introduction.html | 52 +
zh-cn/docs/user/references/xml/introduction.json | 4 +
zh-cn/docs/user/rest.html | 969 +++++++++++
zh-cn/docs/user/rest.json | 4 +
zh-cn/docs/user/serialization.html | 299 ++++
zh-cn/docs/user/serialization.json | 4 +
zh-cn/docs/user/simple-monitor.html | 112 ++
zh-cn/docs/user/simple-monitor.json | 4 +
zh-cn/index.html | 32 +
762 files changed, 49511 insertions(+), 2358 deletions(-)
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..9599256
--- /dev/null
+++ b/404.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+</head>
+<body>
+ <script src="//cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
+ <script>
+ window.rootPath = '';
+ window.defaultLanguage = 'en-us';
+ var lang = Cookies.get('docsite_language');
+ if (!lang) {
+ lang = 'en-us';
+ }
+ window.location = window.rootPath + '/' + lang;
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/README.md b/README.md
index defe76e..82a55e7 100644
--- a/README.md
+++ b/README.md
@@ -3,11 +3,15 @@
This project keeps all sources used for building up dubbo official website which's served at http://dubbo.io or http://dubbo.apache.org.
+## Attention
+
+If your version of docsite is less then `1.0.0`, please upgrade to `1.0.0`.
+
## Build instruction
1. Run `npm install docsite -g` to install the dev tool.
2. Run `npm i` in the root directory to install the dependencies.
-3. Run `docsite start` in the root directory to start a local server, you will see the website in 'localhost://8080'.
+3. Run `docsite start` in the root directory to start a local server, you will see the website in '127.0.0.1://8080'.
4. Run `docsite build` to build source code.
5. Commit all the changes.
diff --git a/build/4828dc59b19c927e111e.js b/build/4828dc59b19c927e111e.js
deleted file mode 100644
index 138f84b..0000000
--- a/build/4828dc59b19c927e111e.js
+++ /dev/null
@@ -1,6 +0,0 @@
-webpackJsonp([4],[,,,,,,,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+t [...]
- Copyright (c) 2017 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
-*/
-!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)&&r.length){var a=n.apply(null,r);a&&e.push(a)}else if("object"===o)for(var l in r)i.call(r,l)&&r[l]&&e.push(l)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?(n.default=n,e.exports=n):(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";funct [...]
\ No newline at end of file
diff --git a/build/654055e491fb5dea7da2.js b/build/654055e491fb5dea7da2.js
deleted file mode 100644
index 25bae80..0000000
--- a/build/654055e491fb5dea7da2.js
+++ /dev/null
@@ -1,6 +0,0 @@
-webpackJsonp([1],[,,,,,,,,function(n,s,e){"use strict";function a(n){return n&&n.__esModule?n:{default:n}}function t(n,s){if(!(n instanceof s))throw new TypeError("Cannot call a class as a function")}function o(n,s){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!s||"object"!=typeof s&&"function"!=typeof s?n:s}function l(n,s){if("function"!=typeof s&&null!==s)throw new TypeError("Super expression must either be null or a function, not "+ [...]
- Copyright (c) 2017 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
-*/
-!function(){"use strict";function e(){for(var n=[],s=0;s<arguments.length;s++){var a=arguments[s];if(a){var t=typeof a;if("string"===t||"number"===t)n.push(a);else if(Array.isArray(a)&&a.length){var l=e.apply(null,a);l&&n.push(l)}else if("object"===t)for(var r in a)o.call(a,r)&&a[r]&&n.push(r)}}return n.join(" ")}var o={}.hasOwnProperty;void 0!==n&&n.exports?(e.default=e,n.exports=e):(a=[],void 0!==(t=function(){return e}.apply(s,a))&&(n.exports=t))}()},function(n,s,e){"use strict";funct [...]
\ No newline at end of file
diff --git a/build/7533f0a0e44a4367de8b.js b/build/7533f0a0e44a4367de8b.js
deleted file mode 100644
index 75d5966..0000000
--- a/build/7533f0a0e44a4367de8b.js
+++ /dev/null
@@ -1,6 +0,0 @@
-webpackJsonp([3],[,,,,,,,,,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not " [...]
- Copyright (c) 2017 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
-*/
-!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)&&r.length){var a=n.apply(null,r);a&&e.push(a)}else if("object"===o)for(var l in r)i.call(r,l)&&r[l]&&e.push(l)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?(n.default=n,e.exports=n):(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";funct [...]
\ No newline at end of file
diff --git a/build/blog.css b/build/blog.css
new file mode 100644
index 0000000..91371fa
--- /dev/null
+++ b/build/blog.css
@@ -0,0 +1,1017 @@
+.header-container {
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1000;
+ background-color: #fff; }
+ .header-container-primary {
+ background-color: transparent; }
+ .header-container-normal {
+ background-color: #fff;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
+ .header-container .header-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 66px;
+ line-height: 66px; }
+ .header-container .header-body .logo {
+ margin-left: 40px;
+ width: 96px;
+ vertical-align: sub; }
+ .header-container .header-body .header-menu {
+ float: right; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: none;
+ width: 19px;
+ margin-right: 40px;
+ margin-top: 18px;
+ cursor: pointer; }
+ .header-container .header-body ul {
+ padding: 0;
+ margin: 0; }
+ .header-container .header-body li {
+ display: inline-block;
+ margin-right: 40px; }
+ .header-container .header-body .menu-item {
+ font-family: Avenir-Heavy;
+ font-size: 14px; }
+ .header-container .header-body .menu-item-primary a {
+ color: #fff;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-primary:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-primary-active a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal a {
+ color: #333;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-normal:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal-active a {
+ opacity: 1; }
+ .header-container .header-body .language-switch {
+ float: right;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 24px;
+ height: 24px;
+ line-height: 20px;
+ margin-top: 21px;
+ margin-right: 40px;
+ text-align: center;
+ border-radius: 2px;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 14px;
+ opacity: 0.6; }
+ .header-container .header-body .language-switch:hover {
+ opacity: 1; }
+ .header-container .header-body .language-switch-primary {
+ border: 1px solid #FFF;
+ color: #FFF; }
+ .header-container .header-body .language-switch-normal {
+ border: 1px solid #333;
+ color: #333; }
+
+@media screen and (max-width: 640px) {
+ .header-container .header-body .logo {
+ margin-left: 20px; }
+ .header-container .header-body .language-switch {
+ margin-right: 20px; }
+ .header-container .header-body .header-menu ul {
+ display: none; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: inline-block;
+ margin-right: 20px; }
+ .header-container .header-body .header-menu-open ul {
+ background-color: #f8f8f8;
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ top: 66px;
+ z-index: 100; }
+ .header-container .header-body .header-menu-open li {
+ width: 200px;
+ display: list-item;
+ padding-left: 30px;
+ list-style: none;
+ line-height: 40px;
+ margin-right: 0; }
+ .header-container .header-body .header-menu-open li a {
+ color: #333;
+ display: inline-block;
+ width: 100%; }
+ .header-container .header-body .header-menu-open li:hover {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open li:hover a {
+ color: #fff;
+ opactiy: 1; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active, .header-container .header-body .header-menu-open .menu-item-normal-active {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active a, .header-container .header-body .header-menu-open .menu-item-normal-active a {
+ color: #fff;
+ opactiy: 1; } }
+.bar {
+ margin-top: 66px;
+ background-image: linear-gradient(-90deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .bar .bar-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 200px;
+ line-height: 200px;
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #FFF;
+ position: relative; }
+ .bar .bar-body::before {
+ content: '';
+ height: 100%;
+ position: absolute;
+ left: 42px;
+ top: 0;
+ opacity: 0.3;
+ border-left: 1px solid #FFFFFF; }
+ .bar .bar-body::after {
+ content: '';
+ height: 16px;
+ position: absolute;
+ left: 40px;
+ top: 50%;
+ margin: auto 0;
+ border-left: 4px solid #FFFFFF; }
+ .bar .bar-body .front-img {
+ width: 80px;
+ height: 80px;
+ vertical-align: middle;
+ margin: 0 28px 0 70px; }
+ .bar .bar-body .back-img {
+ width: 160px;
+ height: 160px;
+ position: absolute;
+ right: 168px;
+ bottom: 0;
+ opacity: 0.15; }
+ @media screen and (max-width: 640px) {
+ .bar .bar-body::before {
+ left: 22px; }
+ .bar .bar-body::after {
+ left: 20px; }
+ .bar .bar-body .front-img {
+ margin-left: 50px; } }
+.page-slider {
+ overflow: hidden; }
+ .page-slider .slider-list {
+ overflow: visible; }
+ .page-slider .slider-list .slider-page {
+ overflow: hidden;
+ display: inline-block;
+ vertical-align: top; }
+ .page-slider .slider-control {
+ overflow: hidden; }
+ .page-slider .slider-control img {
+ display: inline-block;
+ width: 52px;
+ height: 52px;
+ cursor: pointer; }
+ .page-slider .slider-control .slider-control-prev {
+ float: left; }
+ .page-slider .slider-control .slider-control-prev-hidden {
+ display: none; }
+ .page-slider .slider-control .slider-control-next {
+ float: right; }
+ .page-slider .slider-control .slider-control-next-hidden {
+ display: none; }
+.blog-item {
+ box-sizing: border-box;
+ display: block;
+ width: 100%;
+ padding: 20px;
+ margin-bottom: 40px;
+ background: #F8F8F8; }
+ .blog-item .title img {
+ width: 16px;
+ height: 20px;
+ margin-right: 8px; }
+ .blog-item .title span {
+ font-family: Avenir-Heavy;
+ font-size: 20px;
+ color: #666666; }
+ .blog-item .brief-info {
+ padding: 12px 0 20px; }
+ .blog-item .brief-info .author {
+ font-family: Avenir-Heavy;
+ font-size: 14px;
+ color: #999;
+ margin-right: 8px; }
+ .blog-item .brief-info img {
+ width: 14px;
+ height: 14px; }
+ .blog-item .brief-info .date {
+ float: right;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999; }
+ .blog-item p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666;
+ margin: 0; }
+ .blog-item:hover .title span {
+ color: #333; }
+ .blog-item:hover .brief-info .author {
+ color: #666; }
+.footer-container {
+ background: #F8F8F8; }
+ .footer-container .footer-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 40px 40px 0; }
+ @media screen and (max-width: 640px) {
+ .footer-container .footer-body {
+ padding-left: 20px;
+ padding-right: 20px; } }
+ .footer-container .footer-body img {
+ width: 125px;
+ height: 26px;
+ margin-bottom: 28px;
+ margin-right: 20px;
+ vertical-align: middle; }
+ .footer-container .footer-body .apache {
+ width: 50px;
+ height: 50px; }
+ .footer-container .footer-body .cols-container {
+ margin-bottom: 60px; }
+ .footer-container .footer-body .cols-container .col {
+ display: inline-block;
+ box-sizing: border-box;
+ vertical-align: top; }
+ .footer-container .footer-body .cols-container .col-12 {
+ width: 50%;
+ padding-right: 125px; }
+ .footer-container .footer-body .cols-container .col-6 {
+ width: 25%; }
+ .footer-container .footer-body .cols-container h3 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ line-height: 18px;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container p {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dl {
+ font-family: Avenir-Heavy;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dt {
+ font-weight: bold;
+ font-size: 18px;
+ color: #333;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container dd {
+ padding: 0;
+ margin: 0; }
+ .footer-container .footer-body .cols-container dd a {
+ text-decoration: none;
+ display: block;
+ font-size: 14px;
+ color: #999;
+ margin: 10px 0; }
+ .footer-container .footer-body .cols-container dd a:hover {
+ color: #2DACEC; }
+ .footer-container .footer-body .copyright {
+ border-top: 1px solid #ccc;
+ min-height: 60px;
+ line-height: 20px;
+ text-align: center;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ display: flex;
+ align-items: center; }
+ .footer-container .footer-body .copyright span {
+ display: inline-block;
+ margin: 0 auto; }
+
+@media screen and (max-width: 640px) {
+ .footer-container .footer-body .cols-container .col {
+ width: 100%;
+ text-align: center;
+ padding: 0; } }
+@charset "UTF-8";
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+* {
+ padding: 0;
+ margin: 0; }
+
+a {
+ text-decoration: none; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 400; }
+
+.blog-list-page .blog-container {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 50px 8% 80px; }
+ .blog-list-page .blog-container .col {
+ display: inline-block;
+ box-sizing: border-box; }
+ .blog-list-page .blog-container .col-18 {
+ width: 75%;
+ border-right: 1px solid #CBCCCD;
+ padding-right: 6%; }
+ .blog-list-page .blog-container .col-6 {
+ width: 25%;
+ padding-left: 20px;
+ vertical-align: top; }
+ .blog-list-page .blog-container .col-6 h4 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ margin: 0 0 20px; }
+ .blog-list-page .blog-container .col-6 ul {
+ list-style: none;
+ margin: 0;
+ padding: 0; }
+ .blog-list-page .blog-container .col-6 ul li {
+ width: 100%;
+ margin-bottom: 14px; }
+ .blog-list-page .blog-container .col-6 ul li span {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #666; }
+ @media screen and (max-width: 640px) {
+ .blog-list-page .blog-container .left-part {
+ width: 100%;
+ border-right: none;
+ padding-right: 0; }
+ .blog-list-page .blog-container .right-part {
+ display: none; } }
diff --git a/build/blog.js b/build/blog.js
new file mode 100644
index 0000000..adf9bbe
--- /dev/null
+++ b/build/blog.js
@@ -0,0 +1,6 @@
+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/build/",t(t.s=79) [...]
+ Copyright (c) 2016 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+*/
+!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===o)for(var a in r)i.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=n:(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";function r(e,t,r){var o=r.configurable,u= [...]
\ No newline at end of file
diff --git a/build/blogDetail.css b/build/blogDetail.css
new file mode 100644
index 0000000..1c1375a
--- /dev/null
+++ b/build/blogDetail.css
@@ -0,0 +1,1535 @@
+.header-container {
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1000;
+ background-color: #fff; }
+ .header-container-primary {
+ background-color: transparent; }
+ .header-container-normal {
+ background-color: #fff;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
+ .header-container .header-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 66px;
+ line-height: 66px; }
+ .header-container .header-body .logo {
+ margin-left: 40px;
+ width: 96px;
+ vertical-align: sub; }
+ .header-container .header-body .header-menu {
+ float: right; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: none;
+ width: 19px;
+ margin-right: 40px;
+ margin-top: 18px;
+ cursor: pointer; }
+ .header-container .header-body ul {
+ padding: 0;
+ margin: 0; }
+ .header-container .header-body li {
+ display: inline-block;
+ margin-right: 40px; }
+ .header-container .header-body .menu-item {
+ font-family: Avenir-Heavy;
+ font-size: 14px; }
+ .header-container .header-body .menu-item-primary a {
+ color: #fff;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-primary:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-primary-active a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal a {
+ color: #333;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-normal:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal-active a {
+ opacity: 1; }
+ .header-container .header-body .language-switch {
+ float: right;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 24px;
+ height: 24px;
+ line-height: 20px;
+ margin-top: 21px;
+ margin-right: 40px;
+ text-align: center;
+ border-radius: 2px;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 14px;
+ opacity: 0.6; }
+ .header-container .header-body .language-switch:hover {
+ opacity: 1; }
+ .header-container .header-body .language-switch-primary {
+ border: 1px solid #FFF;
+ color: #FFF; }
+ .header-container .header-body .language-switch-normal {
+ border: 1px solid #333;
+ color: #333; }
+
+@media screen and (max-width: 640px) {
+ .header-container .header-body .logo {
+ margin-left: 20px; }
+ .header-container .header-body .language-switch {
+ margin-right: 20px; }
+ .header-container .header-body .header-menu ul {
+ display: none; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: inline-block;
+ margin-right: 20px; }
+ .header-container .header-body .header-menu-open ul {
+ background-color: #f8f8f8;
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ top: 66px;
+ z-index: 100; }
+ .header-container .header-body .header-menu-open li {
+ width: 200px;
+ display: list-item;
+ padding-left: 30px;
+ list-style: none;
+ line-height: 40px;
+ margin-right: 0; }
+ .header-container .header-body .header-menu-open li a {
+ color: #333;
+ display: inline-block;
+ width: 100%; }
+ .header-container .header-body .header-menu-open li:hover {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open li:hover a {
+ color: #fff;
+ opactiy: 1; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active, .header-container .header-body .header-menu-open .menu-item-normal-active {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active a, .header-container .header-body .header-menu-open .menu-item-normal-active a {
+ color: #fff;
+ opactiy: 1; } }
+.footer-container {
+ background: #F8F8F8; }
+ .footer-container .footer-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 40px 40px 0; }
+ @media screen and (max-width: 640px) {
+ .footer-container .footer-body {
+ padding-left: 20px;
+ padding-right: 20px; } }
+ .footer-container .footer-body img {
+ width: 125px;
+ height: 26px;
+ margin-bottom: 28px;
+ margin-right: 20px;
+ vertical-align: middle; }
+ .footer-container .footer-body .apache {
+ width: 50px;
+ height: 50px; }
+ .footer-container .footer-body .cols-container {
+ margin-bottom: 60px; }
+ .footer-container .footer-body .cols-container .col {
+ display: inline-block;
+ box-sizing: border-box;
+ vertical-align: top; }
+ .footer-container .footer-body .cols-container .col-12 {
+ width: 50%;
+ padding-right: 125px; }
+ .footer-container .footer-body .cols-container .col-6 {
+ width: 25%; }
+ .footer-container .footer-body .cols-container h3 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ line-height: 18px;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container p {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dl {
+ font-family: Avenir-Heavy;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dt {
+ font-weight: bold;
+ font-size: 18px;
+ color: #333;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container dd {
+ padding: 0;
+ margin: 0; }
+ .footer-container .footer-body .cols-container dd a {
+ text-decoration: none;
+ display: block;
+ font-size: 14px;
+ color: #999;
+ margin: 10px 0; }
+ .footer-container .footer-body .cols-container dd a:hover {
+ color: #2DACEC; }
+ .footer-container .footer-body .copyright {
+ border-top: 1px solid #ccc;
+ min-height: 60px;
+ line-height: 20px;
+ text-align: center;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ display: flex;
+ align-items: center; }
+ .footer-container .footer-body .copyright span {
+ display: inline-block;
+ margin: 0 auto; }
+
+@media screen and (max-width: 640px) {
+ .footer-container .footer-body .cols-container .col {
+ width: 100%;
+ text-align: center;
+ padding: 0; } }
+@charset "UTF-8";
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+* {
+ padding: 0;
+ margin: 0; }
+
+a {
+ text-decoration: none; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 400; }
+
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+.blog-detail-page .blog-content {
+ padding: 80px 20%;
+ margin: 66px auto 0;
+ max-width: 735px; }
diff --git a/build/blogDetail.js b/build/blogDetail.js
new file mode 100644
index 0000000..9c0acfe
--- /dev/null
+++ b/build/blogDetail.js
@@ -0,0 +1,6 @@
+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/build/",t(t.s=80) [...]
+ Copyright (c) 2016 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+*/
+!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===o)for(var a in r)i.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=n:(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";function r(e,t,r){var o=r.configurable,u= [...]
\ No newline at end of file
diff --git a/build/c3e013b93dbf5fac1c23.js b/build/c3e013b93dbf5fac1c23.js
deleted file mode 100644
index 7e41b89..0000000
--- a/build/c3e013b93dbf5fac1c23.js
+++ /dev/null
@@ -1,6 +0,0 @@
-webpackJsonp([0],[,,,,,,,,,,function(s,n,a){"use strict";function e(s){return s&&s.__esModule?s:{default:s}}function t(s,n){if(!(s instanceof n))throw new TypeError("Cannot call a class as a function")}function l(s,n){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?s:n}function o(s,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not [...]
- Copyright (c) 2017 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
-*/
-!function(){"use strict";function a(){for(var s=[],n=0;n<arguments.length;n++){var e=arguments[n];if(e){var t=typeof e;if("string"===t||"number"===t)s.push(e);else if(Array.isArray(e)&&e.length){var o=a.apply(null,e);o&&s.push(o)}else if("object"===t)for(var r in e)l.call(e,r)&&e[r]&&s.push(r)}}return s.join(" ")}var l={}.hasOwnProperty;void 0!==s&&s.exports?(a.default=a,s.exports=a):(e=[],void 0!==(t=function(){return a}.apply(n,e))&&(s.exports=t))}()},function(s,n,a){"use strict";funct [...]
\ No newline at end of file
diff --git a/build/community.css b/build/community.css
new file mode 100644
index 0000000..a995617
--- /dev/null
+++ b/build/community.css
@@ -0,0 +1,1093 @@
+.header-container {
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1000;
+ background-color: #fff; }
+ .header-container-primary {
+ background-color: transparent; }
+ .header-container-normal {
+ background-color: #fff;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
+ .header-container .header-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 66px;
+ line-height: 66px; }
+ .header-container .header-body .logo {
+ margin-left: 40px;
+ width: 96px;
+ vertical-align: sub; }
+ .header-container .header-body .header-menu {
+ float: right; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: none;
+ width: 19px;
+ margin-right: 40px;
+ margin-top: 18px;
+ cursor: pointer; }
+ .header-container .header-body ul {
+ padding: 0;
+ margin: 0; }
+ .header-container .header-body li {
+ display: inline-block;
+ margin-right: 40px; }
+ .header-container .header-body .menu-item {
+ font-family: Avenir-Heavy;
+ font-size: 14px; }
+ .header-container .header-body .menu-item-primary a {
+ color: #fff;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-primary:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-primary-active a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal a {
+ color: #333;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-normal:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal-active a {
+ opacity: 1; }
+ .header-container .header-body .language-switch {
+ float: right;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 24px;
+ height: 24px;
+ line-height: 20px;
+ margin-top: 21px;
+ margin-right: 40px;
+ text-align: center;
+ border-radius: 2px;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 14px;
+ opacity: 0.6; }
+ .header-container .header-body .language-switch:hover {
+ opacity: 1; }
+ .header-container .header-body .language-switch-primary {
+ border: 1px solid #FFF;
+ color: #FFF; }
+ .header-container .header-body .language-switch-normal {
+ border: 1px solid #333;
+ color: #333; }
+
+@media screen and (max-width: 640px) {
+ .header-container .header-body .logo {
+ margin-left: 20px; }
+ .header-container .header-body .language-switch {
+ margin-right: 20px; }
+ .header-container .header-body .header-menu ul {
+ display: none; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: inline-block;
+ margin-right: 20px; }
+ .header-container .header-body .header-menu-open ul {
+ background-color: #f8f8f8;
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ top: 66px;
+ z-index: 100; }
+ .header-container .header-body .header-menu-open li {
+ width: 200px;
+ display: list-item;
+ padding-left: 30px;
+ list-style: none;
+ line-height: 40px;
+ margin-right: 0; }
+ .header-container .header-body .header-menu-open li a {
+ color: #333;
+ display: inline-block;
+ width: 100%; }
+ .header-container .header-body .header-menu-open li:hover {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open li:hover a {
+ color: #fff;
+ opactiy: 1; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active, .header-container .header-body .header-menu-open .menu-item-normal-active {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active a, .header-container .header-body .header-menu-open .menu-item-normal-active a {
+ color: #fff;
+ opactiy: 1; } }
+.bar {
+ margin-top: 66px;
+ background-image: linear-gradient(-90deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .bar .bar-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 200px;
+ line-height: 200px;
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #FFF;
+ position: relative; }
+ .bar .bar-body::before {
+ content: '';
+ height: 100%;
+ position: absolute;
+ left: 42px;
+ top: 0;
+ opacity: 0.3;
+ border-left: 1px solid #FFFFFF; }
+ .bar .bar-body::after {
+ content: '';
+ height: 16px;
+ position: absolute;
+ left: 40px;
+ top: 50%;
+ margin: auto 0;
+ border-left: 4px solid #FFFFFF; }
+ .bar .bar-body .front-img {
+ width: 80px;
+ height: 80px;
+ vertical-align: middle;
+ margin: 0 28px 0 70px; }
+ .bar .bar-body .back-img {
+ width: 160px;
+ height: 160px;
+ position: absolute;
+ right: 168px;
+ bottom: 0;
+ opacity: 0.15; }
+ @media screen and (max-width: 640px) {
+ .bar .bar-body::before {
+ left: 22px; }
+ .bar .bar-body::after {
+ left: 20px; }
+ .bar .bar-body .front-img {
+ margin-left: 50px; } }
+.footer-container {
+ background: #F8F8F8; }
+ .footer-container .footer-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 40px 40px 0; }
+ @media screen and (max-width: 640px) {
+ .footer-container .footer-body {
+ padding-left: 20px;
+ padding-right: 20px; } }
+ .footer-container .footer-body img {
+ width: 125px;
+ height: 26px;
+ margin-bottom: 28px;
+ margin-right: 20px;
+ vertical-align: middle; }
+ .footer-container .footer-body .apache {
+ width: 50px;
+ height: 50px; }
+ .footer-container .footer-body .cols-container {
+ margin-bottom: 60px; }
+ .footer-container .footer-body .cols-container .col {
+ display: inline-block;
+ box-sizing: border-box;
+ vertical-align: top; }
+ .footer-container .footer-body .cols-container .col-12 {
+ width: 50%;
+ padding-right: 125px; }
+ .footer-container .footer-body .cols-container .col-6 {
+ width: 25%; }
+ .footer-container .footer-body .cols-container h3 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ line-height: 18px;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container p {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dl {
+ font-family: Avenir-Heavy;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dt {
+ font-weight: bold;
+ font-size: 18px;
+ color: #333;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container dd {
+ padding: 0;
+ margin: 0; }
+ .footer-container .footer-body .cols-container dd a {
+ text-decoration: none;
+ display: block;
+ font-size: 14px;
+ color: #999;
+ margin: 10px 0; }
+ .footer-container .footer-body .cols-container dd a:hover {
+ color: #2DACEC; }
+ .footer-container .footer-body .copyright {
+ border-top: 1px solid #ccc;
+ min-height: 60px;
+ line-height: 20px;
+ text-align: center;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ display: flex;
+ align-items: center; }
+ .footer-container .footer-body .copyright span {
+ display: inline-block;
+ margin: 0 auto; }
+
+@media screen and (max-width: 640px) {
+ .footer-container .footer-body .cols-container .col {
+ width: 100%;
+ text-align: center;
+ padding: 0; } }
+.slider {
+ overflow: hidden; }
+ .slider .slider-list {
+ overflow: visible; }
+ .slider .slider-list .slider-screen {
+ display: inline-flex;
+ justify-content: space-around;
+ overflow: hidden; }
+ .slider .slider-control {
+ text-align: center;
+ margin-top: 20px; }
+ .slider .slider-control .slider-control-item {
+ cursor: pointer;
+ display: inline-block;
+ width: 20px;
+ height: 4px;
+ margin-right: 4px;
+ background: #ccc; }
+ .slider .slider-control .slider-control-item-active {
+ width: 40px;
+ height: 6px;
+ background-image: linear-gradient(-90deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+@charset "UTF-8";
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+* {
+ padding: 0;
+ margin: 0; }
+
+a {
+ text-decoration: none; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 400; }
+
+.community-page .events-section {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 80px 40px 60px; }
+ @media screen and (max-width: 640px) {
+ .community-page .events-section {
+ padding: 0; } }
+ .community-page .events-section h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ text-align: center;
+ margin: 0 0 40px; }
+ .community-page .events-section .event-card {
+ width: 373px;
+ font-size: 0; }
+ .community-page .events-section .event-card img {
+ width: 373px;
+ height: 209px; }
+ @media screen and (max-width: 320px) {
+ .community-page .events-section .event-card {
+ width: 320px; }
+ .community-page .events-section .event-card img {
+ width: 320px;
+ height: 179px; } }
+ .community-page .events-section .event-card .event-introduction {
+ padding: 20px;
+ background: #F8F8F8; }
+ .community-page .events-section .event-card .event-introduction h4 {
+ font-family: Avenir-Heavy;
+ font-size: 20px;
+ color: #333;
+ margin: 0 0 10px; }
+ .community-page .events-section .event-card .event-introduction p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666;
+ margin: 0; }
+ .community-page .events-section .event-card .event-introduction a {
+ display: inline-block;
+ width: 100%;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ margin-top: 10px; }
+ .community-page .events-section .event-card .event-introduction a .arrow {
+ width: 8px;
+ height: 13px;
+ float: right; }
+
+.community-page .contact-section {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 60px 40px 40px; }
+ @media screen and (max-width: 640px) {
+ .community-page .contact-section {
+ padding-left: 20px;
+ padding-right: 20px; } }
+ .community-page .contact-section h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ text-align: center;
+ margin: 0 0 12px; }
+ .community-page .contact-section p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666;
+ text-align: center;
+ margin: 0 0 40px; }
+ .community-page .contact-section .contact-list {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap; }
+ .community-page .contact-section .contact-list .contact-item {
+ display: inline-block;
+ text-align: center;
+ padding: 0 20px;
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #999; }
+ .community-page .contact-section .contact-list .contact-item:hover {
+ color: #2DACEC; }
+ .community-page .contact-section .contact-list .contact-item img {
+ width: 82px;
+ height: 86px; }
+
+.community-page .contributor-section {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 60px 40px 40px; }
+ .community-page .contributor-section h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ text-align: center;
+ margin: 0 0 12px; }
+ .community-page .contributor-section p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666;
+ text-align: center;
+ margin: 0 0 40px; }
+ .community-page .contributor-section .contributor-list {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap; }
+ .community-page .contributor-section .contributor-list .contributor-item {
+ display: inline-block;
+ width: 240px;
+ text-align: center;
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #999; }
+ .community-page .contributor-section .contributor-list .contributor-item img {
+ width: 80px;
+ height: 80px; }
+
+.community-page .eco-section {
+ padding: 60px 20% 0;
+ max-width: 735px;
+ margin: 0 auto; }
+ .community-page .eco-section h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ text-align: center;
+ margin-bottom: 12px; }
+ .community-page .eco-section .eco-item {
+ margin-bottom: 30px; }
+ .community-page .eco-section .eco-item h4 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ margin: 0 0 10px; }
+ .community-page .eco-section .eco-item p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666;
+ text-align: justify;
+ margin: 12px 0; }
+ .community-page .eco-section .eco-item .tags a {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #fff;
+ display: inline-block;
+ height: 32px;
+ line-height: 32px;
+ padding: 0 16px;
+ border-radius: 2px;
+ text-align: center;
+ margin: 0 10px 10px 0; }
diff --git a/build/community.js b/build/community.js
new file mode 100644
index 0000000..ea4fee0
--- /dev/null
+++ b/build/community.js
@@ -0,0 +1,6 @@
+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/build/",t(t.s=81) [...]
+ Copyright (c) 2016 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+*/
+!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===o)for(var a in r)i.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=n:(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";function r(e,t,r){var o=r.configurable,l= [...]
\ No newline at end of file
diff --git a/build/documentation.css b/build/documentation.css
new file mode 100644
index 0000000..8056d7c
--- /dev/null
+++ b/build/documentation.css
@@ -0,0 +1,1693 @@
+.header-container {
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1000;
+ background-color: #fff; }
+ .header-container-primary {
+ background-color: transparent; }
+ .header-container-normal {
+ background-color: #fff;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
+ .header-container .header-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 66px;
+ line-height: 66px; }
+ .header-container .header-body .logo {
+ margin-left: 40px;
+ width: 96px;
+ vertical-align: sub; }
+ .header-container .header-body .header-menu {
+ float: right; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: none;
+ width: 19px;
+ margin-right: 40px;
+ margin-top: 18px;
+ cursor: pointer; }
+ .header-container .header-body ul {
+ padding: 0;
+ margin: 0; }
+ .header-container .header-body li {
+ display: inline-block;
+ margin-right: 40px; }
+ .header-container .header-body .menu-item {
+ font-family: Avenir-Heavy;
+ font-size: 14px; }
+ .header-container .header-body .menu-item-primary a {
+ color: #fff;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-primary:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-primary-active a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal a {
+ color: #333;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-normal:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal-active a {
+ opacity: 1; }
+ .header-container .header-body .language-switch {
+ float: right;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 24px;
+ height: 24px;
+ line-height: 20px;
+ margin-top: 21px;
+ margin-right: 40px;
+ text-align: center;
+ border-radius: 2px;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 14px;
+ opacity: 0.6; }
+ .header-container .header-body .language-switch:hover {
+ opacity: 1; }
+ .header-container .header-body .language-switch-primary {
+ border: 1px solid #FFF;
+ color: #FFF; }
+ .header-container .header-body .language-switch-normal {
+ border: 1px solid #333;
+ color: #333; }
+
+@media screen and (max-width: 640px) {
+ .header-container .header-body .logo {
+ margin-left: 20px; }
+ .header-container .header-body .language-switch {
+ margin-right: 20px; }
+ .header-container .header-body .header-menu ul {
+ display: none; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: inline-block;
+ margin-right: 20px; }
+ .header-container .header-body .header-menu-open ul {
+ background-color: #f8f8f8;
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ top: 66px;
+ z-index: 100; }
+ .header-container .header-body .header-menu-open li {
+ width: 200px;
+ display: list-item;
+ padding-left: 30px;
+ list-style: none;
+ line-height: 40px;
+ margin-right: 0; }
+ .header-container .header-body .header-menu-open li a {
+ color: #333;
+ display: inline-block;
+ width: 100%; }
+ .header-container .header-body .header-menu-open li:hover {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open li:hover a {
+ color: #fff;
+ opactiy: 1; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active, .header-container .header-body .header-menu-open .menu-item-normal-active {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active a, .header-container .header-body .header-menu-open .menu-item-normal-active a {
+ color: #fff;
+ opactiy: 1; } }
+.bar {
+ margin-top: 66px;
+ background-image: linear-gradient(-90deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .bar .bar-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 200px;
+ line-height: 200px;
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #FFF;
+ position: relative; }
+ .bar .bar-body::before {
+ content: '';
+ height: 100%;
+ position: absolute;
+ left: 42px;
+ top: 0;
+ opacity: 0.3;
+ border-left: 1px solid #FFFFFF; }
+ .bar .bar-body::after {
+ content: '';
+ height: 16px;
+ position: absolute;
+ left: 40px;
+ top: 50%;
+ margin: auto 0;
+ border-left: 4px solid #FFFFFF; }
+ .bar .bar-body .front-img {
+ width: 80px;
+ height: 80px;
+ vertical-align: middle;
+ margin: 0 28px 0 70px; }
+ .bar .bar-body .back-img {
+ width: 160px;
+ height: 160px;
+ position: absolute;
+ right: 168px;
+ bottom: 0;
+ opacity: 0.15; }
+ @media screen and (max-width: 640px) {
+ .bar .bar-body::before {
+ left: 22px; }
+ .bar .bar-body::after {
+ left: 20px; }
+ .bar .bar-body .front-img {
+ margin-left: 50px; } }
+.footer-container {
+ background: #F8F8F8; }
+ .footer-container .footer-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 40px 40px 0; }
+ @media screen and (max-width: 640px) {
+ .footer-container .footer-body {
+ padding-left: 20px;
+ padding-right: 20px; } }
+ .footer-container .footer-body img {
+ width: 125px;
+ height: 26px;
+ margin-bottom: 28px;
+ margin-right: 20px;
+ vertical-align: middle; }
+ .footer-container .footer-body .apache {
+ width: 50px;
+ height: 50px; }
+ .footer-container .footer-body .cols-container {
+ margin-bottom: 60px; }
+ .footer-container .footer-body .cols-container .col {
+ display: inline-block;
+ box-sizing: border-box;
+ vertical-align: top; }
+ .footer-container .footer-body .cols-container .col-12 {
+ width: 50%;
+ padding-right: 125px; }
+ .footer-container .footer-body .cols-container .col-6 {
+ width: 25%; }
+ .footer-container .footer-body .cols-container h3 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ line-height: 18px;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container p {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dl {
+ font-family: Avenir-Heavy;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dt {
+ font-weight: bold;
+ font-size: 18px;
+ color: #333;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container dd {
+ padding: 0;
+ margin: 0; }
+ .footer-container .footer-body .cols-container dd a {
+ text-decoration: none;
+ display: block;
+ font-size: 14px;
+ color: #999;
+ margin: 10px 0; }
+ .footer-container .footer-body .cols-container dd a:hover {
+ color: #2DACEC; }
+ .footer-container .footer-body .copyright {
+ border-top: 1px solid #ccc;
+ min-height: 60px;
+ line-height: 20px;
+ text-align: center;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ display: flex;
+ align-items: center; }
+ .footer-container .footer-body .copyright span {
+ display: inline-block;
+ margin: 0 auto; }
+
+@media screen and (max-width: 640px) {
+ .footer-container .footer-body .cols-container .col {
+ width: 100%;
+ text-align: center;
+ padding: 0; } }
+.sidemenu {
+ background: #f8f8f8;
+ width: 295px;
+ position: relative;
+ display: inline-block;
+ padding: 20px 0; }
+ .sidemenu .sidemenu-toggle {
+ text-align: center;
+ cursor: pointer;
+ position: absolute;
+ top: 0;
+ width: 40px;
+ right: -40px;
+ height: 30px;
+ line-height: 30px;
+ background: #f8f8f8;
+ border-radius: 0 4px 4px 0;
+ display: none; }
+ .sidemenu .sidemenu-toggle img {
+ width: 16px;
+ text-align: center;
+ vertical-align: middle; }
+ .sidemenu ul {
+ list-style: none;
+ padding: 0;
+ margin: 0; }
+ .sidemenu li {
+ line-height: 0; }
+ .sidemenu span, .sidemenu a {
+ box-sizing: border-box;
+ display: inline-block;
+ position: relative;
+ width: 100%;
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .sidemenu .menu-item-selected a {
+ background: white; }
+ .sidemenu .menu-item-selected a::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 4px;
+ height: 100%;
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .sidemenu .menu-item-level-1 > span {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ padding-left: 20px;
+ height: 40px;
+ line-height: 40px; }
+ .sidemenu .menu-item-level-2, .sidemenu .menu-item-level-3 {
+ cursor: pointer; }
+ .sidemenu .menu-item-level-2 > span, .sidemenu .menu-item-level-2 > a, .sidemenu .menu-item-level-3 > span, .sidemenu .menu-item-level-3 > a {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666; }
+ .sidemenu .menu-item-level-2 > span:hover, .sidemenu .menu-item-level-2 > a:hover, .sidemenu .menu-item-level-3 > span:hover, .sidemenu .menu-item-level-3 > a:hover {
+ background: white; }
+ .sidemenu .menu-item-level-2 > span:hover::before, .sidemenu .menu-item-level-2 > a:hover::before, .sidemenu .menu-item-level-3 > span:hover::before, .sidemenu .menu-item-level-3 > a:hover::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 4px;
+ height: 100%;
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .sidemenu .menu-item-level-2 > span, .sidemenu .menu-item-level-2 > a {
+ padding-left: 40px;
+ height: 36px;
+ line-height: 36px; }
+ .sidemenu .menu-item-level-2 > span img.menu-toggle, .sidemenu .menu-item-level-2 > a img.menu-toggle {
+ float: right;
+ width: 13px;
+ height: 8px;
+ margin: 14px 20px 14px 0; }
+ .sidemenu .menu-item-level-3 > a {
+ padding-left: 60px;
+ height: 36px;
+ line-height: 36px; }
+
+@media screen and (max-width: 640px) {
+ .sidemenu {
+ width: 0; }
+ .sidemenu .sidemenu-toggle {
+ display: inline-block; }
+ .sidemenu.sidemenu-open {
+ width: 295px; } }
+@charset "UTF-8";
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+* {
+ padding: 0;
+ margin: 0; }
+
+a {
+ text-decoration: none; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 400; }
+
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+.documentation-page .content-section {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 40px 40px 60px;
+ position: relative;
+ min-height: 1100px; }
+ .documentation-page .content-section .doc-content {
+ display: inline-block;
+ vertical-align: top;
+ box-sizing: border-box;
+ padding: 20px 6% 0;
+ width: calc(100% - 295px); }
+
+@media screen and (max-width: 640px) {
+ .documentation-page .content-section {
+ padding-left: 20px;
+ padding-right: 20px; }
+ .documentation-page .content-section .doc-content {
+ width: 100%; }
+ .documentation-page .sidemenu {
+ position: absolute;
+ z-index: 100;
+ left: 0;
+ top: 40px; } }
diff --git a/build/documentation.js b/build/documentation.js
new file mode 100644
index 0000000..aa44fac
--- /dev/null
+++ b/build/documentation.js
@@ -0,0 +1,6 @@
+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/build/",t(t.s=82) [...]
+ Copyright (c) 2016 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+*/
+!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===o)for(var l in r)i.call(r,l)&&r[l]&&e.push(l)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=n:(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";function r(e,t,r){var o=r.configurable,a= [...]
\ No newline at end of file
diff --git a/build/e52128c6c5682a86685a.js b/build/e52128c6c5682a86685a.js
deleted file mode 100644
index 4228d84..0000000
--- a/build/e52128c6c5682a86685a.js
+++ /dev/null
@@ -1,6 +0,0 @@
-webpackJsonp([2],[,,,,,,,,,,,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not [...]
- Copyright (c) 2017 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
-*/
-!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)&&r.length){var a=n.apply(null,r);a&&e.push(a)}else if("object"===o)for(var c in r)i.call(r,c)&&r[c]&&e.push(c)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?(n.default=n,e.exports=n):(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";funct [...]
\ No newline at end of file
diff --git a/build/home.css b/build/home.css
new file mode 100644
index 0000000..5c842d9
--- /dev/null
+++ b/build/home.css
@@ -0,0 +1,1253 @@
+.header-container {
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1000;
+ background-color: #fff; }
+ .header-container-primary {
+ background-color: transparent; }
+ .header-container-normal {
+ background-color: #fff;
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
+ .header-container .header-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ height: 66px;
+ line-height: 66px; }
+ .header-container .header-body .logo {
+ margin-left: 40px;
+ width: 96px;
+ vertical-align: sub; }
+ .header-container .header-body .header-menu {
+ float: right; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: none;
+ width: 19px;
+ margin-right: 40px;
+ margin-top: 18px;
+ cursor: pointer; }
+ .header-container .header-body ul {
+ padding: 0;
+ margin: 0; }
+ .header-container .header-body li {
+ display: inline-block;
+ margin-right: 40px; }
+ .header-container .header-body .menu-item {
+ font-family: Avenir-Heavy;
+ font-size: 14px; }
+ .header-container .header-body .menu-item-primary a {
+ color: #fff;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-primary:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-primary-active a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal a {
+ color: #333;
+ opacity: 0.6;
+ font-family: Avenir-Medium; }
+ .header-container .header-body .menu-item-normal:hover a {
+ opacity: 1; }
+ .header-container .header-body .menu-item-normal-active a {
+ opacity: 1; }
+ .header-container .header-body .language-switch {
+ float: right;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 24px;
+ height: 24px;
+ line-height: 20px;
+ margin-top: 21px;
+ margin-right: 40px;
+ text-align: center;
+ border-radius: 2px;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 14px;
+ opacity: 0.6; }
+ .header-container .header-body .language-switch:hover {
+ opacity: 1; }
+ .header-container .header-body .language-switch-primary {
+ border: 1px solid #FFF;
+ color: #FFF; }
+ .header-container .header-body .language-switch-normal {
+ border: 1px solid #333;
+ color: #333; }
+
+@media screen and (max-width: 640px) {
+ .header-container .header-body .logo {
+ margin-left: 20px; }
+ .header-container .header-body .language-switch {
+ margin-right: 20px; }
+ .header-container .header-body .header-menu ul {
+ display: none; }
+ .header-container .header-body .header-menu .header-menu-toggle {
+ display: inline-block;
+ margin-right: 20px; }
+ .header-container .header-body .header-menu-open ul {
+ background-color: #f8f8f8;
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ top: 66px;
+ z-index: 100; }
+ .header-container .header-body .header-menu-open li {
+ width: 200px;
+ display: list-item;
+ padding-left: 30px;
+ list-style: none;
+ line-height: 40px;
+ margin-right: 0; }
+ .header-container .header-body .header-menu-open li a {
+ color: #333;
+ display: inline-block;
+ width: 100%; }
+ .header-container .header-body .header-menu-open li:hover {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open li:hover a {
+ color: #fff;
+ opactiy: 1; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active, .header-container .header-body .header-menu-open .menu-item-normal-active {
+ background: #8755FF; }
+ .header-container .header-body .header-menu-open .menu-item-primary-active a, .header-container .header-body .header-menu-open .menu-item-normal-active a {
+ color: #fff;
+ opactiy: 1; } }
+.footer-container {
+ background: #F8F8F8; }
+ .footer-container .footer-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 40px 40px 0; }
+ @media screen and (max-width: 640px) {
+ .footer-container .footer-body {
+ padding-left: 20px;
+ padding-right: 20px; } }
+ .footer-container .footer-body img {
+ width: 125px;
+ height: 26px;
+ margin-bottom: 28px;
+ margin-right: 20px;
+ vertical-align: middle; }
+ .footer-container .footer-body .apache {
+ width: 50px;
+ height: 50px; }
+ .footer-container .footer-body .cols-container {
+ margin-bottom: 60px; }
+ .footer-container .footer-body .cols-container .col {
+ display: inline-block;
+ box-sizing: border-box;
+ vertical-align: top; }
+ .footer-container .footer-body .cols-container .col-12 {
+ width: 50%;
+ padding-right: 125px; }
+ .footer-container .footer-body .cols-container .col-6 {
+ width: 25%; }
+ .footer-container .footer-body .cols-container h3 {
+ font-family: Avenir-Heavy;
+ font-size: 18px;
+ color: #333;
+ line-height: 18px;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container p {
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dl {
+ font-family: Avenir-Heavy;
+ line-height: 18px; }
+ .footer-container .footer-body .cols-container dt {
+ font-weight: bold;
+ font-size: 18px;
+ color: #333;
+ margin-bottom: 20px; }
+ .footer-container .footer-body .cols-container dd {
+ padding: 0;
+ margin: 0; }
+ .footer-container .footer-body .cols-container dd a {
+ text-decoration: none;
+ display: block;
+ font-size: 14px;
+ color: #999;
+ margin: 10px 0; }
+ .footer-container .footer-body .cols-container dd a:hover {
+ color: #2DACEC; }
+ .footer-container .footer-body .copyright {
+ border-top: 1px solid #ccc;
+ min-height: 60px;
+ line-height: 20px;
+ text-align: center;
+ font-family: Avenir-Medium;
+ font-size: 12px;
+ color: #999;
+ display: flex;
+ align-items: center; }
+ .footer-container .footer-body .copyright span {
+ display: inline-block;
+ margin: 0 auto; }
+
+@media screen and (max-width: 640px) {
+ .footer-container .footer-body .cols-container .col {
+ width: 100%;
+ text-align: center;
+ padding: 0; } }
+.button {
+ box-sizing: border-box;
+ display: inline-block;
+ height: 48px;
+ line-height: 48px;
+ min-width: 140px;
+ font-family: Avenir-Heavy;
+ font-size: 16px;
+ color: #FFF;
+ text-align: center;
+ border-radius: 4px;
+ text-decoration: none; }
+ .button-primary {
+ background: #4190FF; }
+ .button-normal {
+ background: transparent;
+ border: 1px solid #fff; }
+@charset "UTF-8";
+@font-face {
+ font-family: octicons-link;
+ src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAA [...]
+
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ line-height: 1.5;
+ color: #24292e;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word; }
+
+.markdown-body .pl-c {
+ color: #6a737d; }
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: #005cc5; }
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: #6f42c1; }
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: #24292e; }
+
+.markdown-body .pl-ent {
+ color: #22863a; }
+
+.markdown-body .pl-k {
+ color: #d73a49; }
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: #032f62; }
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: #e36209; }
+
+.markdown-body .pl-bu {
+ color: #b31d28; }
+
+.markdown-body .pl-ii {
+ color: #fafbfc;
+ background-color: #b31d28; }
+
+.markdown-body .pl-c2 {
+ color: #fafbfc;
+ background-color: #d73a49; }
+
+.markdown-body .pl-c2::before {
+ content: "^M"; }
+
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: #22863a; }
+
+.markdown-body .pl-ml {
+ color: #735c0f; }
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: #005cc5; }
+
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: #24292e; }
+
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: #24292e; }
+
+.markdown-body .pl-md {
+ color: #b31d28;
+ background-color: #ffeef0; }
+
+.markdown-body .pl-mi1 {
+ color: #22863a;
+ background-color: #f0fff4; }
+
+.markdown-body .pl-mc {
+ color: #e36209;
+ background-color: #ffebda; }
+
+.markdown-body .pl-mi2 {
+ color: #f6f8fa;
+ background-color: #005cc5; }
+
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: #6f42c1; }
+
+.markdown-body .pl-ba {
+ color: #586069; }
+
+.markdown-body .pl-sg {
+ color: #959da5; }
+
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: #032f62; }
+
+.markdown-body .octicon {
+ display: inline-block;
+ vertical-align: text-top;
+ fill: currentColor; }
+
+.markdown-body a {
+ background-color: transparent; }
+
+.markdown-body a:active,
+.markdown-body a:hover {
+ outline-width: 0; }
+
+.markdown-body strong {
+ font-weight: inherit; }
+
+.markdown-body strong {
+ font-weight: bolder; }
+
+.markdown-body h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+.markdown-body img {
+ border-style: none; }
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+.markdown-body hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+.markdown-body input {
+ font: inherit;
+ margin: 0; }
+
+.markdown-body input {
+ overflow: visible; }
+
+.markdown-body [type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0; }
+
+.markdown-body * {
+ box-sizing: border-box; }
+
+.markdown-body input {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.markdown-body a {
+ color: #0366d6;
+ text-decoration: none; }
+
+.markdown-body a:hover {
+ color: #0366d6;
+ text-decoration: underline; }
+
+.markdown-body strong {
+ font-weight: 600; }
+
+.markdown-body hr {
+ height: 0;
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid #dfe2e5; }
+
+.markdown-body hr::before {
+ display: table;
+ content: ""; }
+
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.markdown-body td,
+.markdown-body th {
+ padding: 0; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body h1 {
+ font-size: 32px;
+ font-weight: 600; }
+
+.markdown-body h2 {
+ font-size: 24px;
+ font-weight: 600; }
+
+.markdown-body h3 {
+ font-size: 20px;
+ font-weight: 600; }
+
+.markdown-body h4 {
+ font-size: 16px;
+ font-weight: 600; }
+
+.markdown-body h5 {
+ font-size: 14px;
+ font-weight: 600; }
+
+.markdown-body h6 {
+ font-size: 12px;
+ font-weight: 600; }
+
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px; }
+
+.markdown-body blockquote {
+ margin: 0; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman; }
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha; }
+
+.markdown-body dd {
+ margin-left: 0; }
+
+.markdown-body code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 12px; }
+
+.markdown-body .octicon {
+ vertical-align: text-bottom; }
+
+.markdown-body .pl-0 {
+ padding-left: 0 !important; }
+
+.markdown-body .pl-1 {
+ padding-left: 4px !important; }
+
+.markdown-body .pl-2 {
+ padding-left: 8px !important; }
+
+.markdown-body .pl-3 {
+ padding-left: 16px !important; }
+
+.markdown-body .pl-4 {
+ padding-left: 24px !important; }
+
+.markdown-body .pl-5 {
+ padding-left: 32px !important; }
+
+.markdown-body .pl-6 {
+ padding-left: 40px !important; }
+
+.markdown-body::before {
+ display: table;
+ content: ""; }
+
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: ""; }
+
+.markdown-body > *:first-child {
+ margin-top: 0 !important; }
+
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important; }
+
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none; }
+
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1; }
+
+.markdown-body .anchor:focus {
+ outline: none; }
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 16px; }
+
+.markdown-body hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e1e4e8;
+ border: 0; }
+
+.markdown-body blockquote {
+ padding: 0 1em;
+ color: #6a737d;
+ border-left: 0.25em solid #dfe2e5; }
+
+.markdown-body blockquote > :first-child {
+ margin-top: 0; }
+
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: #1b1f23;
+ vertical-align: middle;
+ visibility: hidden; }
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none; }
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible; }
+
+.markdown-body h1 {
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eaecef; }
+
+.markdown-body h3 {
+ font-size: 1.25em; }
+
+.markdown-body h4 {
+ font-size: 1em; }
+
+.markdown-body h5 {
+ font-size: 0.875em; }
+
+.markdown-body h6 {
+ font-size: 0.85em;
+ color: #6a737d; }
+
+.markdown-body ul,
+.markdown-body ol {
+ padding-left: 2em; }
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.markdown-body li {
+ word-wrap: break-all; }
+
+.markdown-body li > p {
+ margin-top: 16px; }
+
+.markdown-body li + li {
+ margin-top: 0.25em; }
+
+.markdown-body dl {
+ padding: 0; }
+
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: 600; }
+
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px; }
+
+.markdown-body table {
+ display: block;
+ width: 100%;
+ overflow: auto; }
+
+.markdown-body table th {
+ font-weight: 600; }
+
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5; }
+
+.markdown-body table tr {
+ background-color: #fff;
+ border-top: 1px solid #c6cbd1; }
+
+.markdown-body table tr:nth-child(2n) {
+ background-color: #f6f8fa; }
+
+.markdown-body img {
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: #fff; }
+
+.markdown-body img[align=right] {
+ padding-left: 20px; }
+
+.markdown-body img[align=left] {
+ padding-right: 20px; }
+
+.markdown-body code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(27, 31, 35, 0.05);
+ border-radius: 3px; }
+
+.markdown-body pre {
+ word-wrap: normal; }
+
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+
+.markdown-body .highlight {
+ margin-bottom: 16px; }
+
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f6f8fa;
+ border-radius: 3px; }
+
+.markdown-body pre code {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
+ color: #005cc5;
+ border-color: #005cc5; }
+
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #444d56;
+ vertical-align: middle;
+ background-color: #fafbfc;
+ border: solid 1px #d1d5da;
+ border-bottom-color: #c6cbd1;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #c6cbd1; }
+
+.markdown-body :checked + .radio-label {
+ position: relative;
+ z-index: 1;
+ border-color: #0366d6; }
+
+.markdown-body .task-list-item {
+ list-style-type: none; }
+
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 3px; }
+
+.markdown-body .task-list-item input {
+ margin: 0 0.2em 0.25em -1.6em;
+ vertical-align: middle; }
+
+.markdown-body hr {
+ border-bottom-color: #eee; }
+
+/* 代码高亮 */
+.markdown-body pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #f6f8fa;
+ color: #24292e; }
+
+/*
+
+github.com style (c) Vasily Polovnyov <va...@whiteants.net>
+
+*/
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8; }
+
+.hljs-comment,
+.hljs-quote {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #008080; }
+
+.hljs-string,
+.hljs-doctag {
+ color: #d14; }
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-type,
+.hljs-class .hljs-title {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-regexp,
+.hljs-link {
+ color: #009926; }
+
+.hljs-symbol,
+.hljs-bullet {
+ color: #990073; }
+
+.hljs-built_in,
+.hljs-builtin-name {
+ color: #0086b3; }
+
+.hljs-meta {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.hljs-emphasis {
+ font-style: italic; }
+
+.hljs-strong {
+ font-weight: bold; }
+
+* {
+ padding: 0;
+ margin: 0; }
+
+a {
+ text-decoration: none; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 400; }
+
+@keyframes fallingStar {
+ 0% {
+ transform: translate3d(0, -100%, 0); }
+ 100% {
+ transform: translate3d(0, 720px, 0); } }
+
+.home-page .top-section {
+ position: relative;
+ height: 720px;
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .home-page .top-section .animation {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ border-right: 1px solid rgba(255, 255, 255, 0.3);
+ transform: scaleX(0.5); }
+ .home-page .top-section .animation::before {
+ position: absolute;
+ background: #fff;
+ content: '';
+ transform: translate3d(0, -100%, 0); }
+ .home-page .top-section .animation1 {
+ left: 15%; }
+ .home-page .top-section .animation1::before {
+ width: 4px;
+ height: 18px;
+ opacity: 0.8;
+ animation: fallingStar 1.3s infinite ease-in-out; }
+ .home-page .top-section .animation2 {
+ left: 30%; }
+ .home-page .top-section .animation2::before {
+ left: -3px;
+ width: 6px;
+ height: 24px;
+ animation: fallingStar 1.5s infinite ease-in-out; }
+ .home-page .top-section .animation3 {
+ left: 52%; }
+ .home-page .top-section .animation3::before {
+ width: 4px;
+ height: 14px;
+ opacity: 0.6;
+ animation: fallingStar 2s infinite ease-in-out; }
+ .home-page .top-section .animation4 {
+ left: 65%; }
+ .home-page .top-section .animation4::before {
+ left: -3px;
+ width: 6px;
+ height: 24px;
+ animation: fallingStar 1.5s infinite ease-in-out; }
+ .home-page .top-section .animation5 {
+ left: 85%; }
+ .home-page .top-section .animation5::before {
+ width: 4px;
+ height: 18px;
+ opacity: 0.8;
+ animation: fallingStar 1.3s infinite ease-in-out; }
+ .home-page .top-section .vertical-middle {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ box-sizing: border-box;
+ width: 100%;
+ text-align: center;
+ padding: 0 20px; }
+ .home-page .top-section .vertical-middle > img {
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ top: -36px;
+ width: 100%; }
+ .home-page .top-section .product-name {
+ position: relative;
+ display: inline-block; }
+ .home-page .top-section .product-name h2 {
+ font-family: Avenir-Heavy;
+ font-size: 46px;
+ color: #FFF;
+ text-align: center;
+ word-break: break-word;
+ margin: 0; }
+ .home-page .top-section .product-name img {
+ width: 99px;
+ position: absolute;
+ right: -84px;
+ top: -30px; }
+ @media screen and (max-width: 500px) {
+ .home-page .top-section .product-name img {
+ right: -15px; } }
+ .home-page .top-section .product-desc {
+ opacity: 0.6;
+ font-family: Avenir-Medium;
+ font-size: 24px;
+ color: #FFF;
+ text-align: center;
+ margin: 12px auto 0;
+ max-width: 730px; }
+ .home-page .top-section .button-area {
+ text-align: center;
+ margin-top: 40px; }
+ .home-page .top-section .button-area .button {
+ display: inline-block;
+ background-color: #fff;
+ border-radius: 4px;
+ width: 140px;
+ height: 54px;
+ line-height: 54px;
+ color: #2DACEC;
+ font-family: Avenir-Heavy;
+ font-size: 14px;
+ color: #2DACEC;
+ text-align: center; }
+ .home-page .top-section .button-area .button:first-child {
+ margin-right: 20px; }
+
+.home-page .introduction-section {
+ background: #F9FAFA; }
+ .home-page .introduction-section .introduction-body {
+ max-width: 1280px;
+ box-sizing: border-box;
+ margin: 0 auto;
+ min-height: 640px;
+ padding: 0 40px;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between; }
+ .home-page .introduction-section .introduction-body::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 40px;
+ height: 165px;
+ opacity: 0.3;
+ border-right: 1px solid #666; }
+ .home-page .introduction-section .introduction-body::after {
+ content: '';
+ position: absolute;
+ left: 39px;
+ top: 165px;
+ width: 3px;
+ height: 17px;
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .home-page .introduction-section .introduction-body .introduction {
+ display: inline-block;
+ width: calc(100% - 726px);
+ min-width: 300px;
+ max-width: 590px; }
+ .home-page .introduction-section .introduction-body .introduction h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ margin-bottom: 40px;
+ word-break: break-word; }
+ .home-page .introduction-section .introduction-body .introduction p {
+ opacity: 0.56;
+ font-family: Avenir-Medium;
+ font-size: 18px;
+ color: #999; }
+ .home-page .introduction-section .introduction-body img {
+ width: 530px;
+ height: 412px;
+ margin: 0 82px;
+ max-width: 100%;
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); }
+ @media screen and (max-width: 1106px) {
+ .home-page .introduction-section .introduction-body .introduction {
+ display: inline-block;
+ width: 100%;
+ max-width: 100%; }
+ .home-page .introduction-section .introduction-body img {
+ margin: 0; } }
+
+.home-page .feature-section {
+ box-sizing: border-box;
+ max-width: 1280px;
+ margin: 0 auto;
+ position: relative;
+ padding: 80px 40px 40px; }
+ .home-page .feature-section::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ margin: 0 auto;
+ height: 80px;
+ opacity: 0.3;
+ border-right: 1px solid #666; }
+ .home-page .feature-section::after {
+ content: '';
+ position: absolute;
+ top: 66px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 3px;
+ height: 17px;
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .home-page .feature-section h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ text-align: center;
+ margin: 0 0 40px; }
+ .home-page .feature-section ul {
+ list-style: none;
+ padding: 0;
+ margin: 0; }
+ .home-page .feature-section ul li {
+ vertical-align: top;
+ display: inline-block;
+ margin-bottom: 40px;
+ width: 50%; }
+ .home-page .feature-section ul li img {
+ vertical-align: top;
+ width: 60px;
+ height: 60px;
+ margin-right: 20px; }
+ .home-page .feature-section ul li div {
+ display: inline-block;
+ width: 80%; }
+ .home-page .feature-section ul li div h4 {
+ font-family: Avenir-Heavy;
+ font-size: 20px;
+ color: #333;
+ margin: 12px 0; }
+ .home-page .feature-section ul li div p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ line-height: 20px;
+ color: #999; }
+ @media screen and (max-width: 768px) {
+ .home-page .feature-section ul li {
+ width: 100%; } }
+
+.home-page .start-section {
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .home-page .start-section .start-body {
+ max-width: 1280px;
+ margin: 0 auto;
+ box-sizing: border-box;
+ height: 260px;
+ padding: 35px 40px;
+ position: relative; }
+ .home-page .start-section .start-body::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 20px;
+ height: 100%;
+ opacity: 0.3;
+ border-right: 1px solid #fff; }
+ .home-page .start-section .start-body::after {
+ content: '';
+ position: absolute;
+ left: 19px;
+ top: 48px;
+ width: 3px;
+ height: 17px;
+ background: #fff; }
+ .home-page .start-section .start-body .left-part {
+ display: inline-block;
+ width: 50%;
+ vertical-align: top; }
+ .home-page .start-section .start-body .left-part h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #FFF;
+ margin: 0; }
+ .home-page .start-section .start-body .left-part p {
+ opacity: 0.8;
+ font-family: Avenir-Medium;
+ font-size: 18px;
+ color: #FFF;
+ line-height: 24px;
+ margin: 6px 0 12px; }
+ .home-page .start-section .start-body .left-part a {
+ font-family: Avenir-Heavy;
+ font-size: 14px;
+ color: #2DACEC;
+ text-align: center;
+ display: inline-block;
+ width: 140px;
+ height: 48px;
+ line-height: 48px;
+ background: #FFF;
+ border-radius: 4px; }
+ .home-page .start-section .start-body .right-part {
+ display: inline-block;
+ width: 50%;
+ font-size: 0;
+ margin-top: 15px; }
+ .home-page .start-section .start-body .right-part img {
+ margin-left: 5%;
+ width: 500px; }
+ @media screen and (max-width: 1050px) {
+ .home-page .start-section .start-body {
+ height: 474px; }
+ .home-page .start-section .start-body .left-part {
+ width: 100%; }
+ .home-page .start-section .start-body .right-part {
+ width: 100%;
+ margin-top: 38px; }
+ .home-page .start-section .start-body .right-part img {
+ max-width: 100%;
+ margin-left: 0; } }
+
+.home-page .users-section {
+ box-sizing: border-box;
+ max-width: 1280px;
+ margin: 0 auto;
+ padding: 80px 40px 40px;
+ position: relative; }
+ .home-page .users-section::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ margin: 0 auto;
+ height: 83px;
+ opacity: 0.3;
+ border-right: 1px solid #666; }
+ .home-page .users-section::after {
+ content: '';
+ position: absolute;
+ top: 66px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 3px;
+ height: 17px;
+ background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%); }
+ .home-page .users-section h3 {
+ font-family: Avenir-Heavy;
+ font-size: 36px;
+ color: #333;
+ text-align: center;
+ margin-bottom: 40px; }
+ .home-page .users-section p {
+ font-family: Avenir-Medium;
+ font-size: 14px;
+ color: #666;
+ text-align: center;
+ margin: 0 0 40px; }
+ .home-page .users-section p a {
+ color: #1e6bb8;
+ text-decoration: none; }
+ .home-page .users-section .users {
+ display: inline-block;
+ text-align: center; }
+ .home-page .users-section .users img {
+ margin-right: 10px;
+ width: 140px;
+ height: 80px;
+ margin-bottom: 40px; }
+
+@media screen and (max-width: 640px) {
+ .home-page .introduction-section {
+ padding: 0 20px; }
+ .home-page .introduction-section::before {
+ left: 20px; }
+ .home-page .introduction-section::after {
+ left: 19px; }
+ .home-page .feature-section, .home-page .users-section {
+ padding-left: 20px;
+ padding-right: 20px; } }
diff --git a/build/home.js b/build/home.js
new file mode 100644
index 0000000..83de2d7
--- /dev/null
+++ b/build/home.js
@@ -0,0 +1,6 @@
+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/build/",t(t.s=83) [...]
+ Copyright (c) 2016 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+*/
+!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r))e.push(n.apply(null,r));else if("object"===o)for(var a in r)i.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=n:(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";function r(e,t,r){var o=r.configurable,u= [...]
\ No newline at end of file
diff --git a/build/page.js b/build/page.js
deleted file mode 100644
index 5d5b97c..0000000
--- a/build/page.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(n){function o(t){if(e[t])return e[t].exports;var r=e[t]={i:t,l:!1,exports:{}};return n[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}var t=window.webpackJsonp;window.webpackJsonp=function(o,e,a){for(var i,d,l=0,c=[];l<o.length;l++)d=o[l],r[d]&&c.push(r[d][0]),r[d]=0;for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);for(t&&t(o,e,a);c.length;)c.shift()()};var e={},r={5:0};o.e=function(n){function t(){d.onerror=d.onload=null,clearTimeout(l);var o=r[n];0!==o&&(o [...]
\ No newline at end of file
diff --git a/en-us/blog/apachecon-na-2018.html b/en-us/blog/apachecon-na-2018.html
new file mode 100644
index 0000000..a673429
--- /dev/null
+++ b/en-us/blog/apachecon-na-2018.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="apachecon-na-2018" />
+ <meta name="description" content="apachecon-na-2018" />
+ <!-- 网页标签标题 -->
+ <title>apachecon-na-2018</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-19135684"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-togg [...]
+<p>Ian Luo(PPMC) and Jun Liu(PPMC) will talk about "Introducing Apache Dubbo(Incubating): What is Dubbo and How it Works" at ApacheCon NA this year in Montréal! Please check out the schedule <a href="https://apachecon.dukecon.org/acna/2018/#/scheduledEvent/b8db9dc580d85853f">here</a> and register <a href="https://www.eventbrite.com/e/apachecon-north-america-2018-registration-43200327342">here</a>.</p>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/apachecon-na-2018.json b/en-us/blog/apachecon-na-2018.json
new file mode 100644
index 0000000..af5101e
--- /dev/null
+++ b/en-us/blog/apachecon-na-2018.json
@@ -0,0 +1,4 @@
+{
+ "filename": "apachecon-na-2018.md",
+ "__html": "<h2>The ApacheCon NA schedule has been announced</h2>\n<p>Ian Luo(PPMC) and Jun Liu(PPMC) will talk about "Introducing Apache Dubbo(Incubating): What is Dubbo and How it Works" at ApacheCon NA this year in Montréal! Please check out the schedule <a href=\"https://apachecon.dukecon.org/acna/2018/#/scheduledEvent/b8db9dc580d85853f\">here</a> and register <a href=\"https://www.eventbrite.com/e/apachecon-north-america-2018-registration-43200327342\">here</a>.</p>\n"
+}
\ No newline at end of file
diff --git a/en-us/blog/dubbo-101.html b/en-us/blog/dubbo-101.html
new file mode 100644
index 0000000..54cffa6
--- /dev/null
+++ b/en-us/blog/dubbo-101.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="dubbo-101" />
+ <meta name="description" content="dubbo-101" />
+ <!-- 网页标签标题 -->
+ <title>dubbo-101</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="1013358927"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-tog [...]
+<h2>Java RMI Introduction</h2>
+<p>Java RMI (Remote Method Invocation) is a mechanism that allows users to access or invocate an object and a method running on another JVM (Java Virtual Machine). RMI is an implementation of RPC (Remote Procedure Call) in java with support of OOP (Object Oriented Paradigms). Instead of bothering IDL (Interface Define Language), users can build distributed applications by depending on interfaces in an easy and natural way.</p>
+<h3>Java RMI Work Flow</h3>
+<p>Here is how a typical RMI invocation usually works：</p>
+<ol>
+<li>The server registers service from RMI and binds its address.</li>
+<li>The client registers service from RMI and obtains target address.</li>
+<li>The client invokes methods of local stub object in the same way of invoking other local objects.</li>
+<li>Local stub object zips invoking information and send it to the server via network.</li>
+<li>The Skeleton object of server receives the network request and unzips the information.</li>
+<li>Server runs invocation on the target object based on the information and return the zipped results back to client via network.</li>
+</ol>
+<p><img src="../../img/blog/rmi-flow.png" alt="RMI Flow"></p>
+<p>(source：<a href="https://www.cs.rutgers.edu/~pxk/417/notes/images/rpc-rmi_flow.png">https://www.cs.rutgers.edu/~pxk/417/notes/images/rpc-rmi_flow.png</a>)</p>
+<h3>Java RMI Concepts</h3>
+<p>Java RMI is a technique foundation stone of creating distributed applications in Java. The following EJB techniques and current framework of distributed services still inherit the fundamental concepts of Java RMI. In RMI invocation, there are some core concepts：</p>
+<ol>
+<li>The invocation is run remotely on <strong>interface</strong>.</li>
+<li>
+<ol start="2">
+<li>Disguise remote invocation as local invocation by <strong>Stub object</strong> on client and <strong>Skeleton object</strong> on server.</li>
+</ol>
+</li>
+<li>The service is registered and looked up by <strong>RMI</strong> registry service.</li>
+</ol>
+<p>For 1. users are dependent on interfaces which should be implemented by server.</p>
+<p>For 2. In J2SE 1.5 version and before, it needs to pre-compile Stub on client and Skeleton on server by rmic. In the later versions there is no need to do so.</p>
+<p>The following is a code example of registry and look-up in RMI.</p>
+<h4>Server service registry</h4>
+<pre><code class="language-java">Hello obj = <span class="hljs-keyword">new</span> HelloImpl(); <span class="hljs-comment">// #1</span>
+Hello stub = (Hello) UnicastRemoteObject.exportObject(obj, <span class="hljs-number">0</span>); <span class="hljs-comment">// #2</span>
+Registry registry = LocateRegistry.createRegistry(<span class="hljs-number">1099</span>); <span class="hljs-comment">// #3</span>
+registry.rebind(<span class="hljs-string">"Hello"</span>, stub); <span class="hljs-comment">// #4</span>
+</code></pre>
+<p>Notes:</p>
+<ol>
+<li>
+<p>Initiate service object instance.</p>
+</li>
+<li>
+<p>Create stub object to communicate with the server by UnicastRemoteObject.exportObject.</p>
+</li>
+<li>
+<p>Create a local RMI registry service on port 1099 which is run on server. It can also be registered as an independent process.</p>
+</li>
+<li>
+<p>Bind stub object into registry so the client can find the remote object by looking up Hello.</p>
+</li>
+</ol>
+<h4>Client service look-up</h4>
+<pre><code class="language-java">Registry registry = LocateRegistry.getRegistry(); <span class="hljs-comment">// #1</span>
+Hello stub = (Hello) registry.lookup(<span class="hljs-string">"Hello"</span>); <span class="hljs-comment">// #2</span>
+String response = stub.sayHello(); <span class="hljs-comment">// #3</span>
+</code></pre>
+<p>Notes:</p>
+<ol>
+<li>Acquire registry service instances. In this case, there is no input parameters so it is assumed that the acquired instance is located on port 1099.</li>
+<li>Look up the remote object named Hello in registry service.</li>
+<li>Run a RMI invocation via acquired Stub object and get results.
+Understand the work flow and basic concepts of RMI is helpful to handle current framework of distributed service. It is recommended to refer to RMI official documents for further information[^1].</li>
+</ol>
+<h2>Basic Concepts of Dubbo</h2>
+<p>The basic concepts of current framework of distributed service is similar to the one of RMI. They both use Java interface as service contract, register and look up by registry center and use agency to block the details of remote communications. Specifically, Dubbo has following four types of roles to play when running：</p>
+<ol>
+<li>Serve the provider – Expose service at assigned ports at initialization and register the service address and ports at registry center</li>
+<li>Serve the consumer – Subscribe the service of interests at registry center at initialization to acquire the list of addresses provided by the service provider.</li>
+<li>Registry center – Register and look up service. Store the address provided by the service provider and send it to the consumer.</li>
+<li>Monitor center – Collect and monitor running status of providers and consumers, e.g., times of invocations, delay of invocations, etc.</li>
+<li>Running container – Initialize and load the provider and manage the lifecycle of running.</li>
+</ol>
+<p><img src="../../img/blog/dubbo-architecture.png" alt="dubbo-architecture"></p>
+<p><strong>Deploy stage</strong></p>
+<ul>
+<li>Service providers expose service at assigned ports and register information of service at registry center.</li>
+<li>Service consumers subscribe the list of service addresses from registry center.</li>
+</ul>
+<p><strong>Run stage</strong></p>
+<ul>
+<li>Registry center sends the address to service consumers.</li>
+<li>After receiving the list of addresses, service consumers select one of them and invoke an object service.</li>
+<li>During invocation, the running status of service providers and consumers is reported to the monitor center.</li>
+</ul>
+<h2>Dubbo Applications Based on API</h2>
+<p>The applications of Dubbo are usually assembled by Spring. To obtain an available Dubbo application quickly, the example shown here abandons complex configurations but to create service provider and consumer in Dubbo API oriented way. Additionally, the registry center and monitor center do not need installation or configuration in this example.</p>
+<p>In production environment, the service of Dubbo usually requires cooperation with a distributed service registry center, such as ZooKeeper. For convenience, Dubbo offers two ways to avoid extra work of building registry center, namely direct connection [2] and assembled podcast [3] respectively. In this example, the latter way is applied to register and look up service.</p>
+<h3>Define Service Contract</h3>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">GreetingsService</span> </span>{
+ <span class="hljs-function">String <span class="hljs-title">sayHi</span><span class="hljs-params">(String name)</span></span>; <span class="hljs-comment">// #1</span>
+}
+</code></pre>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>The codes define a simple service contract where there is only one function, sayHi, can be invoked. The type of input parameter and return value are both String.</li>
+</ol>
+<h3>Provide Contract Implementation</h3>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">GreetingsServiceImpl</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">GreetingsService</span> </span>{ <span class="hljs-comment">// #1</span>
+ <span class="hljs-meta">@Override</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">sayHi</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> <span class="hljs-string">"hi, "</span> + name; <span class="hljs-comment">// #2</span>
+ }
+}
+</code></pre>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>Service providers need to implement the interface of service contract, GreetingsService.</li>
+<li>This function simply returns a welcome message. For example, if the input value is <em>dubbo</em>，it will return <em>hi, dubbo</em>.</li>
+</ol>
+<h3>Implement Dubbo Service Provider</h3>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Application</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> <span class="hljs-keyword">throws</span> IOException </span>{
+ ServiceConfig<GreetingsService> service = <span class="hljs-keyword">new</span> ServiceConfig<>(); <span class="hljs-comment">// #1</span>
+ service.setApplication(<span class="hljs-keyword">new</span> ApplicationConfig(<span class="hljs-string">"first-dubbo-provider"</span>)); <span class="hljs-comment">// #2</span>
+ service.setRegistry(<span class="hljs-keyword">new</span> RegistryConfig(<span class="hljs-string">"multicast://224.5.6.7:1234"</span>)); <span class="hljs-comment">// #3</span>
+ service.setInterface(GreetingsService.class); <span class="hljs-comment">// #4</span>
+ service.setRef(<span class="hljs-keyword">new</span> GreetingsServiceImpl()); <span class="hljs-comment">// #5</span>
+ service.export(); <span class="hljs-comment">// #6</span>
+ System.in.read(); <span class="hljs-comment">// #7</span>
+ }
+}
+</code></pre>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>Create an instance <em>ServiceConfig</em> with service interface type as generics parameters, which is <em>GreetingsService</em> in this example.</li>
+<li>Generate an instance of <em>ApplicationConfig</em> and assemble it into <em>ServiceConfig</em>.</li>
+<li>Generate an instance <em>RegistryConfig</em> and assemble it into <em>ServiceConfig</em>. Since the assembled way is applied here, the parameter should be <code>multicast://224.5.6.7:1234</code>. The valid range of assembled address is <em>224.0.0.0 - 239.255.255.255</em></li>
+<li>Assemble the service contract <em>GreetingsService</em> into <em>ServiceConfig</em>.</li>
+<li>Assemble the instance with implementation of <em>GreetingsServicelmpl</em> provided by service providers into <em>ServiceConfig</em>.</li>
+<li><em>ServiceConfig</em> starts to expose itself at default ports <em>20880</em>. after being equipped with enough information.</li>
+<li>Press any key or <em>ctrl-C</em> to exit to avoid server halt.</li>
+</ol>
+<h3>Implement Dubbo Service Consumer</h3>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Application</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+ ReferenceConfig<GreetingsService> reference = <span class="hljs-keyword">new</span> ReferenceConfig<>(); <span class="hljs-comment">// #1</span>
+ reference.setApplication(<span class="hljs-keyword">new</span> ApplicationConfig(<span class="hljs-string">"first-dubbo-client"</span>)); <span class="hljs-comment">// #2</span>
+ reference.setRegistry(<span class="hljs-keyword">new</span> RegistryConfig(<span class="hljs-string">"multicast://224.5.6.7:1234"</span>)); <span class="hljs-comment">// #3</span>
+ reference.setInterface(GreetingsService.class); <span class="hljs-comment">// #4</span>
+ GreetingsService greetingsService = reference.get(); <span class="hljs-comment">// #5</span>
+ String message = greetingsService.sayHi(<span class="hljs-string">"dubbo"</span>); <span class="hljs-comment">// #6</span>
+ System.out.println(message); <span class="hljs-comment">// #7</span>
+ }
+}
+</code></pre>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>Create an instance of <em>ReferenceConfig</em> with service interface type as generics parameters, which is <em>GreetingsService</em> in this example.</li>
+<li>Create an instance of <em>AplicatonConfig</em>, and assemble it into <em>ReferenceConfig</em>.</li>
+<li>Generate an instance <em>RegistryConfig</em>, and assemble it into <em>ReferenceConfig</em>. Note that the address information here should be the same as the one of the service provider.</li>
+<li>Assemble the service contract <em>GreetingsService</em> into <em>ReferenceConfig</em>.</li>
+<li>Obtain the agency of <em>GreetingsService</em> from <em>ReferenceConfig</em>.</li>
+<li>Invoke a remote call through <em>GreetingsSerive</em>’s agency and pass in <code>dubbo</code> as input parameter.</li>
+<li>Return and print results <code>hi, dubbo</code>.</li>
+</ol>
+<h3>Run</h3>
+<p>The complete example can be found at <a href="https://github.com/dubbo/dubbo-samples/tree/master/dubbo-samples-api">https://github.com/dubbo/dubbo-samples/tree/master/dubbo-samples-api</a>. In the complete version, it is convenient to execute by maven in command line with the configuration of <em>exec-maven-plugin</em>. Of course, it can also be executed directly in IDE. However, there is one noteworthy thing that because of using assembled way to look up service, it needs to assign < [...]
+<h4>Build Example</h4>
+<p>Synchronize the example codes and build by the following command lines:</p>
+<ol>
+<li>Synchronize the example codes: git clone <a href="https://github.com/dubbo/dubbo-samples.git">https://github.com/dubbo/dubbo-samples.git</a></li>
+<li>Build：mvn clean package</li>
+</ol>
+<pre><code class="language-bash">$ git <span class="hljs-built_in">clone</span> https://github.com/dubbo/dubbo-samples.git
+$ <span class="hljs-built_in">cd</span> dubbo-samples/dubbo-samples-api/
+$ mvn clean package
+INFO] Scanning <span class="hljs-keyword">for</span> projects...
+[INFO]
+[INFO] ------------------------------------------------------------------------
+[INFO] Building dubbo-samples-api 1.0-SNAPSHOT
+[INFO] ------------------------------------------------------------------------
+[INFO]
+[INFO] --- maven-clean-plugin:2.5:clean (default-clean) @ dubbo-samples-api ---
+...
+[INFO] ------------------------------------------------------------------------
+[INFO] BUILD SUCCESS
+[INFO] ------------------------------------------------------------------------
+[INFO] Total time: 2.182 s
+[INFO] Finished at: 2018-05-28T14:56:08+08:00
+[INFO] Final Memory: 20M/353M
+[INFO] ------------------------------------------------------------------------
+</code></pre>
+<p>The build is finished when it shows <code>BUILD SUCCESS</code>. Then comes the running stage.</p>
+<h4>Run the server</h4>
+<p>Run the service provider by the following maven command lines:</p>
+<pre><code class="language-bash">$ mvn -Djava.net.preferIPv4Stack=<span class="hljs-literal">true</span> -Dexec.mainClass=com.alibaba.dubbo.samples.server.Application <span class="hljs-built_in">exec</span>:java
+[INFO] Scanning <span class="hljs-keyword">for</span> projects...
+[INFO]
+[INFO] ------------------------------------------------------------------------
+[INFO] Building dubbo-samples-api 1.0-SNAPSHOT
+[INFO] ------------------------------------------------------------------------
+[INFO]
+[INFO] --- <span class="hljs-built_in">exec</span>-maven-plugin:1.6.0:java (default-cli) @ dubbo-samples-api ---
+log4j:WARN No appenders could be found <span class="hljs-keyword">for</span> logger (com.alibaba.dubbo.common.logger.LoggerFactory).
+log4j:WARN Please initialize the log4j system properly.
+log4j:WARN See http://logging.apache.org/log4j/1.2/faq.html<span class="hljs-comment">#noconfig for more info.</span>
+first-dubbo-provider is running.
+</code></pre>
+<p>When <em>first-dubbo-provider is running</em> appears, the service provider is ready to be called by the client.</p>
+<h4>Run the client</h4>
+<p>Run the service consumer by the following maven command lines:</p>
+<pre><code class="language-bash">$ mvn -Djava.net.preferIPv4Stack=<span class="hljs-literal">true</span> -Dexec.mainClass=com.alibaba.dubbo.samples.client.Application <span class="hljs-built_in">exec</span>:java
+[INFO] Scanning <span class="hljs-keyword">for</span> projects...
+[INFO]
+[INFO] ------------------------------------------------------------------------
+[INFO] Building dubbo-samples-api 1.0-SNAPSHOT
+[INFO] ------------------------------------------------------------------------
+[INFO]
+[INFO] --- <span class="hljs-built_in">exec</span>-maven-plugin:1.6.0:java (default-cli) @ dubbo-samples-api ---
+log4j:WARN No appenders could be found <span class="hljs-keyword">for</span> logger (com.alibaba.dubbo.common.logger.LoggerFactory).
+log4j:WARN Please initialize the log4j system properly.
+log4j:WARN See http://logging.apache.org/log4j/1.2/faq.html<span class="hljs-comment">#noconfig for more info.</span>
+hi, dubbo
+</code></pre>
+<p><code>hi, dubbo</code> is the execution results from service provider.</p>
+<h2>Quick Creation of A Dubbo Application</h2>
+<p>Dubbo also provides a public platform that can create a Dubbo application quickly based on Spring Boot. Visit <a href="http://start.dubbo.io">http://start.dubbo.io</a> and follow the figure below to create an example project:</p>
+<p><img src="../../img/blog/dubbo-initializr.png" alt="dubbo initializr"></p>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>Provide maven groupId in <em>Group</em> with default value <code>com.example</code>.</li>
+<li>Provide maven artifactId in <em>Artifact</em> with default value <code>demo</code>.</li>
+<li>Provide the name of service in <em>DubboServiceName</em> with default value <code>com.example.HelloService</code>.</li>
+<li>Provide the version of service in <em>DubboServiceVersion</em> with default value <code>1.0.0</code>.</li>
+<li>Choose server or client in <em>Client/Server</em> with default value <code>server</code>.</li>
+<li><em>embeddedZookeeper</em> is selected by default as service registry look up.</li>
+<li>qos ports activation is not selected by default but if it is, it can be accessed by port <em>22222</em>.</li>
+<li>Click <em>Generate Project</em> to download the generated project.</li>
+</ol>
+<p>This example shows how to generate a server. Similarly, it can generate a <em>client</em> by selecting client on the generation interface.</p>
+<h3>Run</h3>
+<p>Open the generated project with an IDE and to see the application is a typical Spring Boot application with the following program entry:</p>
+<pre><code class="language-java"><span class="hljs-meta">@SpringBootApplication</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">DemoApplication</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+ <span class="hljs-keyword">new</span> EmbeddedZooKeeper(<span class="hljs-number">2181</span>, <span class="hljs-keyword">false</span>).start(); <span class="hljs-comment">// #1</span>
+ SpringApplication.run(DemoApplication.class, args); <span class="hljs-comment">// #2</span>
+ }
+}
+</code></pre>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>Launch embedded <em>ZooKeeper</em> on port <em>2181</em>.</li>
+<li>Launch the context of <em>Spring Boot</em>.</li>
+</ol>
+<p>Run it directly in IDE and here are the results:</p>
+<pre><code class="language-bash">2018-05-28 16:59:38.072 INFO 59943 --- [ main] a.b.d.c.e.WelcomeLogoApplicationListener :
+
+ ████████▄ ███ █▄ ▀█████████▄ ▀█████████▄ ▄██████▄
+ ███ ▀███ ███ ███ ███ ███ ███ ███ ███ ███
+ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███
+ ███ ███ ███ ███ ▄███▄▄▄██▀ ▄███▄▄▄██▀ ███ ███
+ ███ ███ ███ ███ ▀▀███▀▀▀██▄ ▀▀███▀▀▀██▄ ███ ███
+ ███ ███ ███ ███ ███ ██▄ ███ ██▄ ███ ███
+ ███ ▄███ ███ ███ ███ ███ ███ ███ ███ ███
+ ████████▀ ████████▀ ▄█████████▀ ▄█████████▀ ▀██████▀
+
+
+ :: Dubbo Spring Boot (v0.1.0) : https://github.com/dubbo/dubbo-spring-boot-project
+ :: Dubbo (v2.0.1) : https://github.com/alibaba/dubbo
+ :: Google group : http://groups.google.com/group/dubbo
+
+2018-05-28 16:59:38.079 INFO 59943 --- [ main] e.OverrideDubboConfigApplicationListener : Dubbo Config was overridden by externalized configuration {dubbo.application.name=dubbo-demo-server, dubbo.application.qosAcceptForeignIp=<span class="hljs-literal">false</span>, dubbo.application.qosEnable=<span class="hljs-literal">true</span>, dubbo.application.qosPort=22222, dubbo.registry.address=zookeeper://localhost:2181?client=curator, dubbo.registry.id=my-registry, dubbo.scan.bas [...]
+
+...
+
+2018-05-28 16:59:39.624 INFO 59943 --- [ main] com.example.demo.DemoApplication : Started DemoApplication <span class="hljs-keyword">in</span> 1.746 seconds (JVM running <span class="hljs-keyword">for</span> 2.963)
+</code></pre>
+<p><strong>Notes</strong>：</p>
+<ol>
+<li>In the printouts, the configuration starting with <code>dubbo.</code> Is defined in <em>main/resources/application.properties</em>.</li>
+</ol>
+<h3>Manage service by Telnet</h3>
+<p>If <em>qos</em> is actived during generation, the service can be watched and managed by <em>telnet</em> or <em>nc</em>.</p>
+<pre><code class="language-bash">$ telnet localhost 22222
+Trying 127.0.0.1...
+Connected to localhost.
+Escape character is <span class="hljs-string">'^]'</span>.
+ ████████▄ ███ █▄ ▀█████████▄ ▀█████████▄ ▄██████▄
+ ███ ▀███ ███ ███ ███ ███ ███ ███ ███ ███
+ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███
+ ███ ███ ███ ███ ▄███▄▄▄██▀ ▄███▄▄▄██▀ ███ ███
+ ███ ███ ███ ███ ▀▀███▀▀▀██▄ ▀▀███▀▀▀██▄ ███ ███
+ ███ ███ ███ ███ ███ ██▄ ███ ██▄ ███ ███
+ ███ ▄███ ███ ███ ███ ███ ███ ███ ███ ███
+ ████████▀ ████████▀ ▄█████████▀ ▄█████████▀ ▀██████▀
+
+
+dubbo>
+dubbo>ls
+As Provider side:
++------------------------------+---+
+| Provider Service Name |PUB|
++------------------------------+---+
+|com.example.HelloService:1.0.0| Y |
++------------------------------+---+
+As Consumer side:
++---------------------+---+
+|Consumer Service Name|NUM|
++---------------------+---+
+</code></pre>
+<p>Currently, <em>qos</em> supports following command lines. For more information please refer to the official document. [^4]:</p>
+<ul>
+<li><em>ls</em>：List the information of client and server.</li>
+<li><em>online</em>：Bring the service online.</li>
+<li><em>offline</em>：Bring the service offline.</li>
+<li><em>help</em>：View online help.</li>
+</ul>
+<h2>Summary</h2>
+<p>In this tutorial, we start with RMI and introduce the basic concepts in Java distributed invocations. Based on interface programming, it disguises remote calls as local by agency and run the service registry and looking up by registry center.</p>
+<p>Then for simplicity, we introduce how to develop a complete Dubbo demo in an easy way of assembled registry and direct Dubbo API oriented programming. Additionally, we look into the usage of <em>ServiceConfig</em> and <em>RefenceConfig</em>, which is of great help for further using Spring XML configuration and the programming pattern of Spring Boot.</p>
+<p>Eventually, we give an outline of how to create a Dubbo application quickly based on Spring Boot using the public resources, <a href="http://start.dubbo.io">start.dubbo.io</a>, provided by the Dubbo development team and operate and maintain the Dubbo service by <em>qos</em>.</p>
+<hr>
+<ol>
+<li><a href="https://docs.oracle.com/javase/6/docs/technotes/guides/rmi/hello/hello-world.html">Getting Started Using JavaTM RMI</a></li>
+<li><a href="http://dubbo.apache.org/books/dubbo-user-book/demos/explicit-target.html">直连提供者</a></li>
+<li><a href="http://dubbo.apache.org/books/dubbo-user-book/references/registry/multicast.html">Multicast 注册中心</a></li>
+<li><a href="http://dubbo.apache.org/books/dubbo-user-book/references/qos.html">在线运维命令</a></li>
+</ol>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/dubbo-101.json b/en-us/blog/dubbo-101.json
new file mode 100644
index 0000000..11284ad
--- /dev/null
+++ b/en-us/blog/dubbo-101.json
@@ -0,0 +1,4 @@
+{
+ "filename": "dubbo-101.md",
+ "__html": "<h1>Your First Dubbo Demo</h1>\n<h2>Java RMI Introduction</h2>\n<p>Java RMI (Remote Method Invocation) is a mechanism that allows users to access or invocate an object and a method running on another JVM (Java Virtual Machine). RMI is an implementation of RPC (Remote Procedure Call) in java with support of OOP (Object Oriented Paradigms). Instead of bothering IDL (Interface Define Language), users can build distributed applications by depending on interfaces in an easy and n [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/dubbo-annotation.html b/en-us/blog/dubbo-annotation.html
new file mode 100644
index 0000000..83f79ad
--- /dev/null
+++ b/en-us/blog/dubbo-annotation.html
@@ -0,0 +1,335 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="dubbo-annotation" />
+ <meta name="description" content="dubbo-annotation" />
+ <!-- 网页标签标题 -->
+ <title>dubbo-annotation</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-1449152407"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-to [...]
+<p>With the widely promotion and implementation of Microservices Architecture, the Microservices Architecture represented by Spring Boot and Spring Cloud, in Java ecosystem, introduced some brand new programming model, like:</p>
+<ul>
+<li>Annotation-Driven</li>
+<li>External Configuration</li>
+<li>Auto-Configure</li>
+</ul>
+<p>New programming model have some advantages, for example, it does not require <code>XML</code> configuration, it can simplify deployment process, beyond that，it can promote development efficiency. In order to implement the microservice architecture better，Dubbo has provided more perfect support for the above three scenarios since version 2.5.8. This article focuses on introduce annotations rather than discuss the traditional XML configuration approach. There are two kinds of automatic [...]
+<h2>Introduce Annotations</h2>
+<h3>@EnableDubbo</h3>
+<p>The annotations of <code>@EnableDubbo</code> is a combination of both <code>@EnableDubboConfig</code> and <code>@DubboComponentScan</code>.Related to the annotation driver is <code>@DubboComponentScan</code>.</p>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> org.apache.dubbo.config.spring.context.annotation;
+
+<span class="hljs-meta">@EnableDubboConfig</span>
+<span class="hljs-meta">@DubboComponentScan</span>
+<span class="hljs-keyword">public</span> <span class="hljs-meta">@interface</span> EnableDubbo {
+ <span class="hljs-comment">/**
+ * Base packages to scan for annotated <span class="hljs-doctag">@Service</span> classes.
+ * <p>
+ * Use {<span class="hljs-doctag">@link</span> #scanBasePackageClasses()} for a type-safe alternative to String-based
+ * package names.
+ *
+ * <span class="hljs-doctag">@return</span> the base packages to scan
+ * <span class="hljs-doctag">@see</span> DubboComponentScan#basePackages()
+ */</span>
+ <span class="hljs-meta">@AliasFor</span>(annotation = DubboComponentScan.class, attribute = <span class="hljs-string">"basePackages"</span>)
+ String[] scanBasePackages() <span class="hljs-keyword">default</span> {};
+
+ <span class="hljs-comment">/**
+ * Type-safe alternative to {<span class="hljs-doctag">@link</span> #scanBasePackages()} for specifying the packages to
+ * scan for annotated <span class="hljs-doctag">@Service</span> classes. The package of each class specified will be
+ * scanned.
+ *
+ * <span class="hljs-doctag">@return</span> classes from the base packages to scan
+ * <span class="hljs-doctag">@see</span> DubboComponentScan#basePackageClasses
+ */</span>
+ <span class="hljs-meta">@AliasFor</span>(annotation = DubboComponentScan.class, attribute = <span class="hljs-string">"basePackageClasses"</span>)
+ Class<?>[] scanBasePackageClasses() <span class="hljs-keyword">default</span> {};
+}
+</code></pre>
+<p>The <code>@bableDubbo</code> can be used to scan Dubbo's service provider (marked by <code>@Service</code>) and Dubbo's service consumer (marked by <code>Reference</code>) under the specified package name (via <code>scanBasePackages</code>) or in the specified class (via <code>scanBasePackageClasses</code>). After Dubbo's service providers and consumers have been scanned, they have been assembled corresponding and been initialized, and finally the service is exposed or referenced, if [...]
+<h3>@Service</h3>
+<p><code>@service</code> is used to configure Dubbo's Service provider,for example:</p>
+<pre><code class="language-java"><span class="hljs-meta">@Service</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">AnnotatedGreetingService</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">GreetingService</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">sayHello</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> <span class="hljs-string">"hello, "</span> + name;
+ }
+}
+</code></pre>
+<p>Via <code>@Service</code>'s properties, you can customize Dubbo's Service provider:</p>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> org.apache.dubbo.config.annotation;
+
+<span class="hljs-meta">@Documented</span>
+<span class="hljs-meta">@Retention</span>(RetentionPolicy.RUNTIME)
+<span class="hljs-meta">@Target</span>({ElementType.TYPE}) <span class="hljs-comment">// #1</span>
+<span class="hljs-meta">@Inherited</span>
+<span class="hljs-keyword">public</span> <span class="hljs-meta">@interface</span> Service {
+ Class<?> interfaceClass() <span class="hljs-keyword">default</span> <span class="hljs-keyword">void</span>.class; <span class="hljs-comment">// #2</span>
+ <span class="hljs-function">String <span class="hljs-title">interfaceName</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #3</span>
+ <span class="hljs-function">String <span class="hljs-title">version</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #4</span>
+ <span class="hljs-function">String <span class="hljs-title">group</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #5</span>
+ <span class="hljs-function"><span class="hljs-keyword">boolean</span> <span class="hljs-title">export</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> <span class="hljs-keyword">true</span></span>; <span class="hljs-comment">// #6</span>
+ <span class="hljs-function"><span class="hljs-keyword">boolean</span> <span class="hljs-title">register</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> <span class="hljs-keyword">true</span></span>; <span class="hljs-comment">// #7</span>
+
+ <span class="hljs-function">String <span class="hljs-title">application</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #8</span>
+ <span class="hljs-function">String <span class="hljs-title">module</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #9</span>
+ <span class="hljs-function">String <span class="hljs-title">provider</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #10</span>
+ String[] protocol() <span class="hljs-keyword">default</span> {}; <span class="hljs-comment">// #11</span>
+ <span class="hljs-function">String <span class="hljs-title">monitor</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #12</span>
+ String[] registry() <span class="hljs-keyword">default</span> {}; <span class="hljs-comment">// #13</span>
+}
+</code></pre>
+<p>Which is more important:</p>
+<ol>
+<li><strong>@Service</strong>: Can only be defined on a class, represent a service</li>
+<li><strong>interfaceClass</strong>: specified <code>interface</code>'s class implemented by the service provider</li>
+<li><strong>interfaceName</strong>: specified <code>interface</code>'s class name implemented by the service provider</li>
+<li><strong>version</strong>: specified the version number of the service</li>
+<li><strong>group</strong>:specified the group of services</li>
+<li><strong>export</strong>:whether to expose service</li>
+<li><strong>registry</strong>:Whether to register service to the registry</li>
+<li><strong>application</strong>:application configuration</li>
+<li><strong>module</strong>:module configuration</li>
+<li><strong>provider</strong>:service provider configuration</li>
+<li><strong>protocol</strong>:protocol configuration</li>
+<li><strong>monitor</strong>:monitoring center configuration</li>
+<li><strong>registr</strong>:registry configuration</li>
+</ol>
+<p>In addition, it should be noted that, <code>application</code>, <code>module</code>, <code>provider</code>, <code>protocol</code>, <code>monitor</code>, <code>registry</code> (from 8 to 13) need to provide the name of the corresponding <code>spring bean</code>,These bean assembly completed either through traditional XML configuration,or by the modern Java Config. This article will show you how to use <code>Java Config</code>.</p>
+<h3>@Reference</h3>
+<p><code>@Reference</code> is used to configure Dubbo's Service consumer,for example:</p>
+<pre><code class="language-Java"><span class="hljs-meta">@Component</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">GreetingServiceConsumer</span> </span>{
+ <span class="hljs-meta">@Reference</span>
+ <span class="hljs-keyword">private</span> GreetingService greetingService;
+
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">doSayHello</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> greetingService.sayHello(name);
+ }
+}
+</code></pre>
+<p>Via <code>@Reference</code>'s properties, you can customize Dubbo's Service consumer:</p>
+<pre><code class="language-Java"><span class="hljs-keyword">package</span> org.apache.dubbo.config.annotation;
+
+<span class="hljs-meta">@Documented</span>
+<span class="hljs-meta">@Retention</span>(RetentionPolicy.RUNTIME)
+<span class="hljs-meta">@Target</span>({ElementType.FIELD, ElementType.METHOD, ElementType.ANNOTATION_TYPE}) <span class="hljs-comment">// #1</span>
+<span class="hljs-keyword">public</span> <span class="hljs-meta">@interface</span> Reference {
+ Class<?> interfaceClass() <span class="hljs-keyword">default</span> <span class="hljs-keyword">void</span>.class; <span class="hljs-comment">// #2</span>
+ <span class="hljs-function">String <span class="hljs-title">interfaceName</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #3</span>
+ <span class="hljs-function">String <span class="hljs-title">version</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #4</span>
+ <span class="hljs-function">String <span class="hljs-title">group</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #5</span>
+ <span class="hljs-function">String <span class="hljs-title">url</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #6</span>
+
+ <span class="hljs-function">String <span class="hljs-title">application</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #7</span>
+ <span class="hljs-function">String <span class="hljs-title">module</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #8</span>
+ <span class="hljs-function">String <span class="hljs-title">consumer</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #9</span>
+ <span class="hljs-function">String <span class="hljs-title">protocol</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #10</span>
+ <span class="hljs-function">String <span class="hljs-title">monitor</span><span class="hljs-params">()</span> <span class="hljs-keyword">default</span> ""</span>; <span class="hljs-comment">// #11</span>
+ String[] registry() <span class="hljs-keyword">default</span> {}; <span class="hljs-comment">// #12</span>
+}
+</code></pre>
+<p>Which is more important:</p>
+<ol>
+<li><strong>@Reference</strong>:you can define it on a field in a class, you can define it on a method, you can even modify another annotation, it represent a reference to a service.Normally <code>@Reference</code> is defined in one field</li>
+<li><strong>interfaceClass</strong> : specified <code>interface</code>'s class implemented by the service provider</li>
+<li><strong>interfaceName</strong>: specified <code>interface</code>'s class name implemented by the service provider</li>
+<li><strong>version</strong>: specified the version number of the service</li>
+<li><strong>group</strong>:pecified the group of services</li>
+<li><strong>url</strong>: invoking the registry directly by specifying the URL of the service provider</li>
+<li><strong>application</strong>:application configuration</li>
+<li><strong>module</strong>:module configuration</li>
+<li><strong>consumer</strong>:service consumer configuration</li>
+<li><strong>protocol</strong>:protocol configuration</li>
+<li><strong>monitor</strong>:monitoring center configuration</li>
+<li><strong>registr</strong>:registry configuration</li>
+</ol>
+<p>In addition, it should be noted that, <code>application</code>, <code>module</code>, <code>consumer</code>, <code>protocol</code>, <code>monitor</code>, <code>registry</code> (from 7 to 12) need to provide the name of the corresponding <code>spring bean</code>,These bean assembly completed either through traditional XML configuration,or by the modern Java Config. This article will show you how to use <code>Java Config</code>.</p>
+<h2>Example practice</h2>
+<p>After learn what <code>@EnableDubbo</code>, <code>@Service</code>, <code>@Reference</code> is, there is a practical example showing how to use the annotation to develop a Dubbo application.The following code can be found at <a href="https://github.com/dubbo/dubbo-samples/tree/master/dubbo-samples-annotation">https://github.com/dubbo/dubbo-samples/tree/master/dubbo-samples-annotation</a></p>
+<h3>1.Interface Definition</h3>
+<p>Define a simple <code>GreetingService</code> interface with only a simple method <code>sayHello</code> to the caller.</p>
+<pre><code class="language-Java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">GreetingService</span> </span>{
+ <span class="hljs-function">String <span class="hljs-title">sayHello</span><span class="hljs-params">(String name)</span></span>;
+}
+</code></pre>
+<h3>2.Server:Service Implementation</h3>
+<p>Implement the <code>GreetingService</code> interface, and mark it as a service for Dubbo via @Service.</p>
+<pre><code class="language-Java"><span class="hljs-meta">@Service</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">AnnotatedGreetingService</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">GreetingService</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">sayHello</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> <span class="hljs-string">"hello, "</span> + name;
+ }
+}
+</code></pre>
+<h3>3.Server:Assembly Service Provider</h3>
+<p>You can discover, assemble, and provide Dubbo's services through the Java config technology (@Configuration) and annotation scan (@EnableDubbo) in Spring.</p>
+<pre><code class="language-Java"><span class="hljs-meta">@Configuration</span>
+<span class="hljs-meta">@EnableDubbo</span>(scanBasePackages = <span class="hljs-string">"com.alibaba.dubbo.samples.impl"</span>)
+<span class="hljs-keyword">static</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ProviderConfiguration</span> </span>{
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #1</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> ProviderConfig <span class="hljs-title">providerConfig</span><span class="hljs-params">()</span> </span>{
+ ProviderConfig providerConfig = <span class="hljs-keyword">new</span> ProviderConfig();
+ providerConfig.setTimeout(<span class="hljs-number">1000</span>);
+ <span class="hljs-keyword">return</span> providerConfig;
+ }
+
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #2</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> ApplicationConfig <span class="hljs-title">applicationConfig</span><span class="hljs-params">()</span> </span>{
+ ApplicationConfig applicationConfig = <span class="hljs-keyword">new</span> ApplicationConfig();
+ applicationConfig.setName(<span class="hljs-string">"dubbo-annotation-provider"</span>);
+ <span class="hljs-keyword">return</span> applicationConfig;
+ }
+
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #3</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> RegistryConfig <span class="hljs-title">registryConfig</span><span class="hljs-params">()</span> </span>{
+ RegistryConfig registryConfig = <span class="hljs-keyword">new</span> RegistryConfig();
+ registryConfig.setProtocol(<span class="hljs-string">"zookeeper"</span>);
+ registryConfig.setAddress(<span class="hljs-string">"localhost"</span>);
+ registryConfig.setPort(<span class="hljs-number">2181</span>);
+ <span class="hljs-keyword">return</span> registryConfig;
+ }
+
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #4</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> ProtocolConfig <span class="hljs-title">protocolConfig</span><span class="hljs-params">()</span> </span>{
+ ProtocolConfig protocolConfig = <span class="hljs-keyword">new</span> ProtocolConfig();
+ protocolConfig.setName(<span class="hljs-string">"dubbo"</span>);
+ protocolConfig.setPort(<span class="hljs-number">20880</span>);
+ <span class="hljs-keyword">return</span> protocolConfig;
+ }
+}
+</code></pre>
+<p>Description：</p>
+<ul>
+<li>Scan all classes marked with <code>@Service</code> under <code>com.alibaba.dubbo.samples.impl</code> with <code>@EnableDubbo</code></li>
+<li>Via @Configuration, all @Beans in the ProviderConfiguration are assembled using the way of <code>Java Config</code> and then injected into the Dubbo service, which means the class marked with <code>@Service</code>.Which included:
+i. <strong>ProviderConfig</strong>:Service provider configuration
+ii. <strong>ApplicationConfig</strong>:Application configuration
+iii.<strong>RegistryConfig</strong>:registry configuration
+iv. <strong>ProtocolConfig</strong>:Protocol configuration</li>
+</ul>
+<h3>4.Server:Start Service</h3>
+<p>In the <code>main</code> method to provide external <code>Dubbo</code> service by starting a <code>Spring Context</code>.</p>
+<pre><code class="language-Java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ProviderBootstrap</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> <span class="hljs-keyword">throws</span> Exception </span>{
+ <span class="hljs-keyword">new</span> EmbeddedZooKeeper(<span class="hljs-number">2181</span>, <span class="hljs-keyword">false</span>).start(); <span class="hljs-comment">// #1</span>
+ AnnotationConfigApplicationContext context = <span class="hljs-keyword">new</span> AnnotationConfigApplicationContext(ProviderConfiguration.class); <span class="hljs-comment">// #2</span>
+ context.start(); <span class="hljs-comment">// #3</span>
+ System.in.read(); <span class="hljs-comment">// #4</span>
+ }
+}
+</code></pre>
+<p>Description：</p>
+<ol>
+<li>Start an embedded <code>zookeeper</code> and provide service registry on port <code>2181</code></li>
+<li>Initialize an example of an AnnotationConfigApplicationContext and pass the <code>ProviderConfiguration</code> into the example to complete the automatic discovery and assembly of the <code>Dubbo</code> service.</li>
+<li>Start the <code>Spring Context</code> and start providing external <code>Dubbo</code> services.</li>
+<li>Because it is a server, you need to prevent the process exit by blocking the main thread.</li>
+</ol>
+<p>Start the <code>main</code> method of the server, you will see the following output, on behalf of the server startup success, and registered the <code>GreetingService</code> service in the <code>ZookeeperRegistry</code>:</p>
+<pre><code class="language-sh">[01/08/18 02:12:51:051 CST] main INFO transport.AbstractServer: [DUBBO] Start NettyServer <span class="hljs-built_in">bind</span> /0.0.0.0:20880, <span class="hljs-built_in">export</span> /192.168.99.1:20880, dubbo version: 2.6.2, current host: 192.168.99.1
+
+[01/08/18 02:12:51:051 CST] main INFO zookeeper.ZookeeperRegistry: [DUBBO] Register: dubbo://192.168.99.1:20880/com.alibaba.dubbo.samples.api.GreetingService?anyhost=<span class="hljs-literal">true</span>&application=dubbo-annotation-provider&default.timeout=1000&dubbo=2.6.2&generic=<span class="hljs-literal">false</span>&interface=com.alibaba.dubbo.samples.api
+</code></pre>
+<h3>5.Server:Reference Service</h3>
+<p>Marking the member variable of the <code>GreetingService</code> via <code>@Reference</code> .The <code>greetingService</code> is a reference to the <code>Dubbo</code> service, which means that it can simply provide through the interface to the remote party to initiate service calls, and the client does not implement <code>GreetingService</code> interface.</p>
+<pre><code class="language-Java"><span class="hljs-meta">@Component</span>(<span class="hljs-string">"annotatedConsumer"</span>)
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">GreetingServiceConsumer</span> </span>{
+ <span class="hljs-meta">@Reference</span>
+ <span class="hljs-keyword">private</span> GreetingService greetingService;
+
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">doSayHello</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> greetingService.sayHello(name);
+ }
+}
+</code></pre>
+<h3>6.Server:Assembly Service consumer</h3>
+<p>Just like <strong>3. Server:Assembly Service Provider</strong> You can discover, assemble, and provide Dubbo's service consumer through the Java config technology (@Configuration) and annotation scan (@EnableDubbo) in Spring.</p>
+<pre><code class="language-Java"><span class="hljs-meta">@Configuration</span>
+<span class="hljs-meta">@EnableDubbo</span>(scanBasePackages = <span class="hljs-string">"com.alibaba.dubbo.samples.action"</span>)
+<span class="hljs-meta">@ComponentScan</span>(value = {<span class="hljs-string">"com.alibaba.dubbo.samples.action"</span>})
+<span class="hljs-keyword">static</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ConsumerConfiguration</span> </span>{
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #1</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> ApplicationConfig <span class="hljs-title">applicationConfig</span><span class="hljs-params">()</span> </span>{
+ ApplicationConfig applicationConfig = <span class="hljs-keyword">new</span> ApplicationConfig();
+ applicationConfig.setName(<span class="hljs-string">"dubbo-annotation-consumer"</span>);
+ <span class="hljs-keyword">return</span> applicationConfig;
+ }
+
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #2</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> ConsumerConfig <span class="hljs-title">consumerConfig</span><span class="hljs-params">()</span> </span>{
+ ConsumerConfig consumerConfig = <span class="hljs-keyword">new</span> ConsumerConfig();
+ consumerConfig.setTimeout(<span class="hljs-number">3000</span>);
+ <span class="hljs-keyword">return</span> consumerConfig;
+ }
+
+ <span class="hljs-meta">@Bean</span> <span class="hljs-comment">// #3</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> RegistryConfig <span class="hljs-title">registryConfig</span><span class="hljs-params">()</span> </span>{
+ RegistryConfig registryConfig = <span class="hljs-keyword">new</span> RegistryConfig();
+ registryConfig.setProtocol(<span class="hljs-string">"zookeeper"</span>);
+ registryConfig.setAddress(<span class="hljs-string">"localhost"</span>);
+ registryConfig.setPort(<span class="hljs-number">2181</span>);
+ <span class="hljs-keyword">return</span> registryConfig;
+ }
+}
+</code></pre>
+<p>Description：</p>
+<ul>
+<li>Scan all classes marked with <code>@Service</code> under <code>com.alibaba.dubbo.samples.impl</code> with <code>@Reference</code></li>
+<li>Via @Configuration, all @Beans in the ProviderConfiguration are assembled using the way of <code>Java Config</code> and then injected into the Dubbo service, which means the class marked with <code>@Reference</code>.Which included:
+i. <code>ApplicationConfig</code>: Application configuration
+ii. <code>ConsumerConfig</code>:Service consumer configuration
+iii.<code>RegistryConfig</code>:Registry configuration.Note:The configuration here needs to be consistent with the configuration information of the EmbeddedZooKeeper when started by the service provider.</li>
+</ul>
+<h3>7.Server: Initiate Remote Calls</h3>
+<p>In the <code>main</code> method, you can start a <code>Spring Context</code> to find the service consumer of the assembled <code>Dubbo</code> from it, and initiate a remote call.</p>
+<pre><code class="language-Java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ConsumerBootstrap</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+ AnnotationConfigApplicationContext context = <span class="hljs-keyword">new</span> AnnotationConfigApplicationContext(ConsumerConfiguration.class); <span class="hljs-comment">// #1</span>
+ context.start(); <span class="hljs-comment">// #2</span>
+ GreetingServiceConsumer greetingServiceConsumer = context.getBean(GreetingServiceConsumer.class); <span class="hljs-comment">// #3</span>
+ String hello = greetingServiceConsumer.doSayHello(<span class="hljs-string">"annotation"</span>); <span class="hljs-comment">// #4</span>
+ System.out.println(<span class="hljs-string">"result: "</span> + hello); <span class="hljs-comment">// #5</span>
+ }
+}
+</code></pre>
+<p>Description：</p>
+<ul>
+<li>Initialize an example of an AnnotationConfigApplicationContext and pass the <code>ProviderConfiguration</code> into the example to complete the automatic discovery and assembly of the <code>Dubbo</code> service consumer.</li>
+<li>start <code>Spring Context</code>.</li>
+<li>Find <code>bean</code> which type is <code>GreetingServiceConsumer</code> from <code>Context</code>.</li>
+<li>Call the <code>doSayHello</code> method and finally initiate a remote call via Dubbo's service reference (marked by @Reference)</li>
+<li>Print call result
+Start the Server's <code>main</code> method, you will see the following output, which returns the <code>result</code>: hello, annotation:</li>
+</ul>
+<pre><code class="language-sh">[01/08/18 02:38:40:040 CST] main INFO config.AbstractConfig: [DUBBO] Refer dubbo service com.alibaba.dubbo.samples.api.GreetingService from url zookeeper://localhost:2181/com.alibaba.dubbo.registry.RegistryService?anyhost=<span class="hljs-literal">true</span>&application=dubbo-annotation-consumer&check=<span class="hljs-literal">false</span>&default.timeout=3000&dubbo=2.6.2&generic=<span class="hljs-literal">false</span>&interface [...]
+[01/08/18 02:38:40:040 CST] main INFO annotation.ReferenceBeanBuilder: <dubbo:reference object=<span class="hljs-string">"com.alibaba.dubbo.common.bytecode.proxy0@673be18f"</span> singleton=<span class="hljs-string">"true"</span> interface=<span class="hljs-string">"com.alibaba.dubbo.samples.api.GreetingService"</span> uniqueServiceName=<span class="hljs-string">"com.alibaba.dubbo.samples.api.GreetingService"</span> generic=<span class="hljs-string">"false"</span> id=<span class="hlj [...]
+result: hello, annotation
+</code></pre>
+<h2>Conclusion</h2>
+<p>By studying this article, the reader can master the basic concepts of <code>Dubbo</code>'s exclusive <code>annotations</code> , <code>@EnableDubbo</code>, <code>@Service</code>, <code>@Reference</code>, and master it's basic usage through a simple <code>Dubbo</code> application.</p>
+<p>In addition to traditional <code>XML</code> configuration, <code>Spring</code> offers more modern configurations such as annotation drivers, externalization, and auto-assembly.This article focuses on the development of <code>Dubbo</code> applications through annotations. You can be seen that annotation mode programming is more concise and simple than XML configuration. In future, we will introduce the use of externalization configuration and automatic assembly in <code>Dubbo</code> f [...]
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/dubbo-annotation.json b/en-us/blog/dubbo-annotation.json
new file mode 100644
index 0000000..9ce65f8
--- /dev/null
+++ b/en-us/blog/dubbo-annotation.json
@@ -0,0 +1,4 @@
+{
+ "filename": "dubbo-annotation.md",
+ "__html": "<h1>Use Annotations In Dubbo</h1>\n<p>With the widely promotion and implementation of Microservices Architecture, the Microservices Architecture represented by Spring Boot and Spring Cloud, in Java ecosystem, introduced some brand new programming model, like:</p>\n<ul>\n<li>Annotation-Driven</li>\n<li>External Configuration</li>\n<li>Auto-Configure</li>\n</ul>\n<p>New programming model have some advantages, for example, it does not require <code>XML</code> configuration, it [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/dubbo-meetup-beijing-may-12th-2018.html b/en-us/blog/dubbo-meetup-beijing-may-12th-2018.html
new file mode 100644
index 0000000..f3bd4cc
--- /dev/null
+++ b/en-us/blog/dubbo-meetup-beijing-may-12th-2018.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="dubbo-meetup-beijing-may-12th-2018" />
+ <meta name="description" content="dubbo-meetup-beijing-may-12th-2018" />
+ <!-- 网页标签标题 -->
+ <title>dubbo-meetup-beijing-may-12th-2018</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-2043871874"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-to [...]
+<p>The first Dubbo meetup has successfully been held in Beijing, over 400+ people were present. What a great event!</p>
+<p>Please enjoy the slides of the topics:</p>
+<ul>
+<li>Ian Luo: Dubbo's present and future (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/raw/master/slides/meetup/201805%40Beijing/dubbo-present-and-future.pdf">slides</a></li>
+<li>Jun Liu: Introduction to the 4th Aliware Performance Challenge (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/raw/master/slides/meetup/201805%40Beijing/introduction-to-4th-aliware-performance-challenge.pdf">slides</a></li>
+<li>Zhixuan Chen: Quickly building Microservice with Dubbo and Spring-boot (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/raw/master/slides/meetup/201805%40Beijing/quickly-building-microservice-with-dubbo-and-springboot.pdf">slides</a></li>
+<li>Xin Wang: Dubbo and Weidian's Practice on Microservice Architecture (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/raw/master/slides/meetup/201805%40Beijing/dubbo-and-weidian's-practice-on-microservice-architecture.pdf">slides</a></li>
+</ul>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/dubbo-meetup-beijing-may-12th-2018.json b/en-us/blog/dubbo-meetup-beijing-may-12th-2018.json
new file mode 100644
index 0000000..36607e0
--- /dev/null
+++ b/en-us/blog/dubbo-meetup-beijing-may-12th-2018.json
@@ -0,0 +1,4 @@
+{
+ "filename": "dubbo-meetup-beijing-may-12th-2018.md",
+ "__html": "<h2>The first Dubbo meetup has been held in Beijing</h2>\n<p>The first Dubbo meetup has successfully been held in Beijing, over 400+ people were present. What a great event!</p>\n<p>Please enjoy the slides of the topics:</p>\n<ul>\n<li>Ian Luo: Dubbo's present and future (Chinese) <a href=\"https://github.com/dubbo/awesome-dubbo/raw/master/slides/meetup/201805%40Beijing/dubbo-present-and-future.pdf\">slides</a></li>\n<li>Jun Liu: Introduction to the 4th Aliware Performance C [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/dubbo-meetup-shanghai-jun-23rd-2018.html b/en-us/blog/dubbo-meetup-shanghai-jun-23rd-2018.html
new file mode 100644
index 0000000..139e5ef
--- /dev/null
+++ b/en-us/blog/dubbo-meetup-shanghai-jun-23rd-2018.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="dubbo-meetup-shanghai-jun-23rd-2018" />
+ <meta name="description" content="dubbo-meetup-shanghai-jun-23rd-2018" />
+ <!-- 网页标签标题 -->
+ <title>dubbo-meetup-shanghai-jun-23rd-2018</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="367327629"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-togg [...]
+<p>The sencond Dubbo meetup has successfully been held in Shanghai, over 700 people submitted registration, and over 300 were present, more than 10,000 watched the live online. A great event again!</p>
+<p>Please enjoy the slides of the topics:</p>
+<ul>
+<li>Jerrick Zhu: Dubbo Status and Roadmap (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/blob/master/slides/meetup/201806%40Shanghai/dubbo-status-and-roadmap.pdf">slides</a></li>
+<li>Mercy Ma: Dubbo Cloud Native Practices and Thoughts (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/blob/master/slides/meetup/201806%40Shanghai/dubbo-cloud-native-practices-and-thoughts.pdf">slides</a></li>
+<li>Ping Guo: Nacos Open Source Initiative (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/blob/master/slides/meetup/201806%40Shanghai/nacos-open-source-initiative.pdf">slides</a></li>
+<li>Zhiwei Pan: Dubbo Practices on Internet Finance Industries (Chinese) <a href="https://github.com/dubbo/awesome-dubbo/blob/master/slides/meetup/201806%40Shanghai/dubbo-practices-on-internet-finance-industries.pdf">slides</a></li>
+</ul>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/dubbo-meetup-shanghai-jun-23rd-2018.json b/en-us/blog/dubbo-meetup-shanghai-jun-23rd-2018.json
new file mode 100644
index 0000000..38395c4
--- /dev/null
+++ b/en-us/blog/dubbo-meetup-shanghai-jun-23rd-2018.json
@@ -0,0 +1,4 @@
+{
+ "filename": "dubbo-meetup-shanghai-jun-23rd-2018.md",
+ "__html": "<h2>Dubbo Shanghai meetup has been held successfully</h2>\n<p>The sencond Dubbo meetup has successfully been held in Shanghai, over 700 people submitted registration, and over 300 were present, more than 10,000 watched the live online. A great event again!</p>\n<p>Please enjoy the slides of the topics:</p>\n<ul>\n<li>Jerrick Zhu: Dubbo Status and Roadmap (Chinese) <a href=\"https://github.com/dubbo/awesome-dubbo/blob/master/slides/meetup/201806%40Shanghai/dubbo-status-and-ro [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/dubbo-zk.html b/en-us/blog/dubbo-zk.html
new file mode 100644
index 0000000..3ac8df2
--- /dev/null
+++ b/en-us/blog/dubbo-zk.html
@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="dubbo-zk" />
+ <meta name="description" content="dubbo-zk" />
+ <!-- 网页标签标题 -->
+ <title>dubbo-zk</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-1739895533"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-to [...]
+<h2>Introduction of Zookeeper</h2>
+<h3>The basic concept</h3>
+<p>In the mordern distrbuted applications, there are multiple coordination problems between nodes and nodes, including: leader election, group service, locking, configuration management, naming and synchronization. Apache Zookeeper, as its name implied, is a distributed, open-source coordination service framwork to address these demand.</p>
+<p>In order to ensure the high performance, highly available and strictly ordered access, the performance aspects of ZooKeeper means it can be used in large, distributed systems and can also be deployed in cluster mode, which called 'ZooKeeper ensemble'. In ZooKeeper ensemble, all write requests from clients are forwarded to a single server, called the leader, through the ZAB(Zookeeper Atomic Broadcast Protocol) to make sure the message in each nodes are same. Clients can access any one [...]
+<p><img src="../../img/blog/zk-emsemble.png" alt="Diagram shows client-server architecture of ZooKeeper">
+<em>Image Credit : ebook -Zookeeper-Distributed Process Coordination from O'Reilly</em></p>
+<p>The method to store the data in Zookeeper is similar as the standard UNIX file system, as a data model styled after the familiar directory tree structure of file systems. When we talking about ZooKeeper data nodes, we call it Znodes to clarify it.</p>
+<p><img src="../../img/blog/zk-tree.png" alt="zk-tree">
+<em>Image Credit : ebook -Zookeeper-Distributed Process Coordination from O'Reilly</em></p>
+<h3>Basic Implementation</h3>
+<p>You could donwload and install Zookeeper directly<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>.
+Or you could use Homebrew <sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup> <code>brew install zookeeper</code> to install Zookeeper in Mac OS.
+Considering the versatility, we run the Zookeeper by using docker in this blog. If you have not installed the docker yet, please prepare the docker environment first. <sup class="footnote-ref"><a href="#fn3" id="fnref3">[3]</a></sup></p>
+<h4>1. Running the Zookeeper</h4>
+<p>Execute the command to run zookeeper in a docker container</p>
+<pre><code class="language-shell">docker run --rm --name zookeeper -p 2181:2181 zookeeper
+</code></pre>
+<h4>2. Entering the zookeeper container</h4>
+<pre><code class="language-shell">docker exec -it zookeeper bash
+</code></pre>
+<p>In the <code>bin</code> directory, there is a command to start zookeeper <code>zkServer</code> and the Management Console <code>zkCli</code></p>
+<pre><code class="language-shell">bash-4.4# ls -l bin
+total 36
+-rwxr-xr-x 1 zookeepe zookeepe 232 Mar 27 04:32 README.txt
+-rwxr-xr-x 1 zookeepe zookeepe 1937 Mar 27 04:32 zkCleanup.sh
+-rwxr-xr-x 1 zookeepe zookeepe 1056 Mar 27 04:32 zkCli.cmd
+-rwxr-xr-x 1 zookeepe zookeepe 1534 Mar 27 04:32 zkCli.sh
+-rwxr-xr-x 1 zookeepe zookeepe 1759 Mar 27 04:32 zkEnv.cmd
+-rwxr-xr-x 1 zookeepe zookeepe 2696 Mar 27 04:32 zkEnv.sh
+-rwxr-xr-x 1 zookeepe zookeepe 1089 Mar 27 04:32 zkServer.cmd
+-rwxr-xr-x 1 zookeepe zookeepe 6773 Mar 27 04:32 zkServer.sh
+</code></pre>
+<h4>3. Entering the zookeeper management interface via zkCli</h4>
+<p>Since it was started through docker, the process of Zookeeper has been started and will provide the services to the public via port 2181.</p>
+<pre><code class="language-shell">bash-4.4# ps
+PID USER TIME COMMAND
+ 1 zookeepe 0:02 /usr/lib/jvm/java-1.8-openjdk/jre/bin/java -Dzookeeper.log.dir=. -Dzookeeper.root
+ 32 root 0:00 bash
+ 42 root 0:00 ps
+</code></pre>
+<p>So, it allows you to access Zookeeper's console directly through <code>zkCli</code> for management.</p>
+<pre><code class="language-shell">bash-4.4# bin/zkCli.sh -server 127.0.0.1:2181
+Connecting to 127.0.0.1:2181
+...
+WATCHER::
+
+WatchedEvent state:SyncConnected type:None path:null
+
+[zk: 127.0.0.1:2181(CONNECTED) 0] help
+ZooKeeper -server host:port cmd args
+ stat path [watch]
+ set path data [version]
+ ls path [watch]
+ delquota [-n|-b] path
+ ls2 path [watch]
+ setAcl path acl
+ setquota -n|-b val path
+ history
+ redo cmdno
+ printwatches on|off
+ delete path [version]
+ sync path
+ listquota path
+ rmr path
+ get path [watch]
+ create [-s] [-e] path data acl
+ addauth scheme auth
+ quit
+ getAcl path
+ close
+ connect host:port
+</code></pre>
+<h4>4. Basic Examples on zkCli</h4>
+<p>Create <code>/hello-zone</code> node:</p>
+<pre><code class="language-shell">[zk: 127.0.0.1:2181(CONNECTED) 19] create /hello-zone 'world'
+Created /hello-zone
+</code></pre>
+<p>List the child nodes under <code>/</code> and confirm that <code>hello-zone</code> is created:</p>
+<pre><code class="language-shell">[zk: 127.0.0.1:2181(CONNECTED) 20] ls /
+[zookeeper, hello-zone]
+</code></pre>
+<p>List the child nodes for <code>/hello-zone</code> and verify that it is empty:</p>
+<pre><code class="language-shell">[zk: 127.0.0.1:2181(CONNECTED) 21] ls /hello-zone
+[]
+</code></pre>
+<p>Get the data stored on the <code>/hello-zone</code> node:</p>
+<pre><code class="language-shell">[zk: 127.0.0.1:2181(CONNECTED) 22] get /hello-zone
+world
+</code></pre>
+<h2>Using Zookeeper in Dubbo</h2>
+<p>Zookeeper is used for service registration discovery and configuration management in Dubbo, and the structure of data in Zookeeper is shown in the following figure:</p>
+<p><img src="../../img/blog/dubbo-in-zk.jpg" alt="dubbo-in-zk"></p>
+<p>First, all data related to Dubbo is organized under the root node of <code>/duboo</code>.</p>
+<p>The secondary directory is the service name like <code>com.foo.BarService</code>.</p>
+<p>The three-level directory has two child nodes, <code>providers</code> and <code>consumers</code>, representing the supplier and customers of the service.</p>
+<p>The URL information for each application instance associated with the service will be recorded by the Level 4 directory. The <code>providers</code> and <code>consumer</code> will stored the providers information and the consumers information of the services seperately.<br>
+For example, the service provider of <code>com.foo.BarService</code> will register its URL Information to <code>/dubbo/com.foo.BarService/providers</code>; Similarly, service consumers will register their information under the corresponding <code>consumer</code> node. At the same time, consumers will subscribe to the corresponding <code>providers</code> node to be able to detect the changes of the service provider address list.</p>
+<h3>Prepare the sample code</h3>
+<p>The code in this document can be found in <a href="https://github.com/dubbo/dubbo-samples/tree/master/dubbo-samples-zookeeper">https://github.com/dubbo/dubbo-samples/tree/master/dubbo-samples-zookeeper</a>.</p>
+<h4>1. Interface definition</h4>
+<p>Define a simple <code>greetingservice</code> interface with only one simple method named <code>sayHello</code> to greet to the caller.</p>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">GreetingService</span> </span>{
+ <span class="hljs-function">String <span class="hljs-title">sayHello</span><span class="hljs-params">(String name)</span></span>;
+}
+</code></pre>
+<h4>2. Server: Implementation</h4>
+<p>Implement the <code>GreetingService</code> interface and mark it as a service for Dubbo via <code>@Service</code>.</p>
+<pre><code class="language-java"><span class="hljs-meta">@Service</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">AnnotatedGreetingService</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">GreetingService</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">sayHello</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> <span class="hljs-string">"hello, "</span> + name;
+ }
+}
+</code></pre>
+<h4>3. Server: Assembly</h4>
+<p>Define ProviderConfiguration to assemble Dubbo services.</p>
+<pre><code class="language-java"><span class="hljs-meta">@Configuration</span>
+<span class="hljs-meta">@EnableDubbo</span>(scanBasePackages = <span class="hljs-string">"com.alibaba.dubbo.samples.impl"</span>)
+<span class="hljs-meta">@PropertySource</span>(<span class="hljs-string">"classpath:/spring/dubbo-provider.properties"</span>)
+<span class="hljs-keyword">static</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ProviderConfiguration</span> </span>{}
+</code></pre>
+<p>Dubbo-provider.properties is an external configuration in a spring application, as follows:</p>
+<pre><code class="language-properties">dubbo.application.name=demo-provider
+dubbo.registry.address=zookeeper://$DOCKER_HOST:2181
+dubbo.protocol.name=dubbo
+dubbo.protocol.port=20880
+</code></pre>
+<p>Since zookeeper runs in a docker container, please be noted that:</p>
+<ul>
+<li>We assumes that Dubbo applications is running on the host machine (outside the docker container) in this document, and needs to replace the PATH of Zookeeper with the IP address of the Environment Variable <em>${DOCKER_HOST}</em>. Please find more detail in the official Docker documentation.</li>
+<li>When the Dubbo application is a docker application, the container's name is equivalent to Zookeeper's. The container's name is ** zookeeper ** in this document.</li>
+<li>Of course, if you don't want to run the Zookeeper in a container mode, just simply replace <em>$DOCKER_HOST</em> with <strong>localhost</strong>.</li>
+</ul>
+<h4>4. Server: Starting Service</h4>
+<p>In the <code>main</code> method, you could provide the Dubbo service by running a Spring Context.</p>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ProviderBootstrap</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> <span class="hljs-keyword">throws</span> Exception </span>{
+ AnnotationConfigApplicationContext context = <span class="hljs-keyword">new</span> AnnotationConfigApplicationContext(ProviderConfiguration.class);
+ context.start();
+ System.in.read();
+ }
+}
+</code></pre>
+<p>Start the <code>main</code> method of server, you will get the following output, which represents the success of the server's startup, and the <code>GreetingService</code> service is registered on the ZookeeperRegistry:</p>
+<pre><code class="language-sh">[03/08/18 10:50:33:033 CST] main INFO zookeeper.ZookeeperRegistry: [DUBBO] Register: dubbo://192.168.99.1:20880/com.alibaba.dubbo.samples.api.GreetingService?anyhost=<span class="hljs-literal">true</span>&application=demo-provider&dubbo=2.6.2&generic=<span class="hljs-literal">false</span>&interface=com.alibaba.dubbo.samples.api.GreetingService&methods=sayHello&pid=12938&side=provider&timestamp=1533264631849, dubbo version: [...]
+</code></pre>
+<p>You could find the registration information of the service provider through the Zookeeper management terminal:</p>
+<pre><code class="language-sh">$ docker <span class="hljs-built_in">exec</span> -it zookeeper bash
+bash-4.4<span class="hljs-comment"># bin/zkCli.sh -server localhost:218</span>
+Connecting to localhost:2181
+...
+Welcome to ZooKeeper!
+JLine support is enabled
+...
+[zk: localhost:2181(CONNECTED) 0] ls /dubbo/com.alibaba.dubbo.samples.api.GreetingService/providers
+[dubbo%3A%2F%2F192.168.99.1%3A20880%2Fcom.alibaba.dubbo.samples.api.GreetingService%3Fanyhost%3Dtrue%26application%3Ddemo-provider%26dubbo%3D2.6.2%26generic%3Dfalse%26interface%3Dcom.alibaba.dubbo.samples.api.GreetingService%26methods%3DsayHello%26pid%3D12938%26side%3Dprovider%26timestamp%3D1533264631849]
+</code></pre>
+<p>You could find that the Dubbo services just registered its URL address at the <code>providers</code> node as follows:
+<em>dubbo://192.168.99.1:20880/com.alibaba.dubbo.samples.api.GreetingService?anyhost=true&application=demo-provider&dubbo=2.6.2&generic=false&interface=com.alibaba.dubbo.samples.api.GreetingService&methods=sayHello&pid=12938&side=provider&timestamp=1533264631849</em></p>
+<h4>5. Client: Reference Service</h4>
+<p>You could declare the reference service by @Reference, while it will generate a full call. The target address of the service could be queried by the Zookeeper's <code>provider</code> node.</p>
+<pre><code class="language-java"><span class="hljs-meta">@Component</span>(<span class="hljs-string">"annotatedConsumer"</span>)
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">GreetingServiceConsumer</span> </span>{
+ <span class="hljs-meta">@Reference</span>
+ <span class="hljs-keyword">private</span> GreetingService greetingService;
+
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">doSayHello</span><span class="hljs-params">(String name)</span> </span>{
+ <span class="hljs-keyword">return</span> greetingService.sayHello(name);
+ }
+}
+</code></pre>
+<h4>6. Client: Assembling</h4>
+<p>Define the ConsumerConfiguration to assemble Dubbo service.</p>
+<pre><code class="language-java"><span class="hljs-meta">@Configuration</span>
+<span class="hljs-meta">@EnableDubbo</span>(scanBasePackages = <span class="hljs-string">"com.alibaba.dubbo.samples.action"</span>)
+<span class="hljs-meta">@PropertySource</span>(<span class="hljs-string">"classpath:/spring/dubbo-consumer.properties"</span>)
+<span class="hljs-meta">@ComponentScan</span>(value = {<span class="hljs-string">"com.alibaba.dubbo.samples.action"</span>})
+<span class="hljs-keyword">static</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ConsumerConfiguration</span> </span>{}
+</code></pre>
+<p>"dubbo-consumer.properties" is a method of external configuration in a Spring application, as follows:</p>
+<pre><code class="language-properties">dubbo.application.name=demo-consumer
+dubbo.registry.address=zookeeper://$DOCKER_HOST:2181
+dubbo.consumer.timeout=3000
+</code></pre>
+<p>Same as <strong>3. Server: Assembling</strong>, You need to modify <em>$DOCKER_HOST</em> defined in <em>dubbo.registry.address</em> according to your own environment. You could find more instructions in step 3.</p>
+<h4>7. Client: Initiating A Remote Call</h4>
+<p>Run <code>main</code> to initiate a remote call from a existed service provider. Dubbo first subscribes to the zookeeper service address and then selects one from the list of returned addresses to invoke the client:</p>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ConsumerBootstrap</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">ConsumerBootstrap</span> </span>{
+
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> <span class="hljs-keyword">throws</span> IOException </span>{
+ AnnotationConfigApplicationContext context = <span class="hljs-keyword">new</span> AnnotationConfigApplicationContext(ConsumerConfiguration.class);
+ context.start();
+ GreetingServiceConsumer greetingServiceConsumer = context.getBean(GreetingServiceConsumer.class);
+ String hello = greetingServiceConsumer.doSayHello(<span class="hljs-string">"zookeeper"</span>);
+ System.out.println(<span class="hljs-string">"result: "</span> + hello);
+ System.in.read();
+ }
+}
+</code></pre>
+<p>The output are as follows:</p>
+<pre><code class="language-shell">[03/08/18 01:42:31:031 CST] main INFO zookeeper.ZookeeperRegistry: [DUBBO] Register: consumer://192.168.99.1/com.alibaba.dubbo.samples.api.GreetingService?application=demo-consumer&category=consumers&check=false&default.timeout=3000&dubbo=2.6.2&interface=com.alibaba.dubbo.samples.api.GreetingService&methods=sayHello&pid=82406&side=consumer&timestamp=1533274951195, dubbo version: 2.6.2, current host: 192.168.99.1 #1
+[03/08/18 01:42:31:031 CST] main INFO zookeeper.ZookeeperRegistry: [DUBBO] Subscribe: consumer://192.168.99.1/com.alibaba.dubbo.samples.api.GreetingService?application=demo-consumer&category=providers,configurators,routers&default.timeout=3000&dubbo=2.6.2&interface=com.alibaba.dubbo.samples.api.GreetingService&methods=sayHello&pid=82406&side=consumer&timestamp=1533274951195, dubbo version: 2.6.2, current host: 192.168.99.1 #2
+...
+result: hello, zookeeper
+</code></pre>
+<p>Description:</p>
+<ol>
+<li><strong>Register</strong>: consumer://192.168.99.1/...&<strong>category=consumers</strong>&： In Zookeeper, consumers could register their information and store it at the <code>consumers</code> node</li>
+<li><strong>Subscribe</strong>: consumer://192.168.99.1/...&<strong>category=providers,configurators,routers</strong>&：Consumers subscribe <code>providers</code>, <code>configurators</code>, <code>routers</code> from Zookeepers. The <code>configurations</code> is related to the Dubbo configuration, and <code>routers</code> is related to routing rules. The providers node subscription should be noted. When a new service provider to join, due to the relationship between the subscrip [...]
+</ol>
+<p>You could find the registration information of the service provider through the Zookeeper management terminal:</p>
+<pre><code class="language-sh">$ docker <span class="hljs-built_in">exec</span> -it zookeeper bash
+bash-4.4<span class="hljs-comment"># bin/zkCli.sh -server localhost:218</span>
+Connecting to localhost:2181
+...
+Welcome to ZooKeeper!
+JLine support is enabled
+...
+[zk: localhost:2181(CONNECTED) 4] ls /dubbo/com.alibaba.dubbo.samples.api.GreetingService/consumers
+[consumer%3A%2F%2F192.168.99.1%2Fcom.alibaba.dubbo.samples.api.GreetingService%3Fapplication%3Ddemo-consumer%26category%3Dconsumers%26check%3Dfalse%26default.timeout%3D3000%26dubbo%3D2.6.2%26interface%3Dcom.alibaba.dubbo.samples.api.GreetingService%26methods%3DsayHello%26pid%3D82406%26side%3Dconsumer%26timestamp%3D1533274951195]
+</code></pre>
+<p>You could see that consumers of Dubbo's servicehas registered its URL address at the <code>consumers</code> node:</p>
+<p><em>consumer://192.168.99.1/com.alibaba.dubbo.samples.api.GreetingService?application=demo-consumer&category=providers,configurators,routers&default.timeout=3000&dubbo=2.6.2&interface=com.alibaba.dubbo.samples.api.GreetingService&methods=sayHello&pid=82406&side=consumer&timestamp=1533274951195</em></p>
+<h2>Summary</h2>
+<p>This document focuses on how to use ZooKeeper as a registry in Dubbo. This document also mentioned that the Zookeeper could be a configuration center and a service management in Dubbo. Zookeeper is a single-node, standalone mode. However, developers always bulid a Zookeeper server cluster called * Zookeeper ensemble * in the real world.</p>
+<p>Through this document, readers can learn:</p>
+<ul>
+<li>Basic concepts and applications of ZooKeeper</li>
+<li>The function of Zookeeper in Dubbo application</li>
+<li>Learn about Zookeeper's interaction through practical sample codes</li>
+<li>The storage of service registration and consumption information of Dubbo with ZooKeeper</li>
+</ul>
+<hr class="footnotes-sep">
+<section class="footnotes">
+<ol class="footnotes-list">
+<li id="fn1" class="footnote-item"><p><a href="https://www.apache.org/dyn/closer.cgi/zookeeper/">https://www.apache.org/dyn/closer.cgi/zookeeper/</a> <a href="#fnref1" class="footnote-backref">↩︎</a></p>
+</li>
+<li id="fn2" class="footnote-item"><p><a href="https://brew.sh">https://brew.sh</a> <a href="#fnref2" class="footnote-backref">↩︎</a></p>
+</li>
+<li id="fn3" class="footnote-item"><p><a href="https://www.docker.com/community-edition">https://www.docker.com/community-edition</a> <a href="#fnref3" class="footnote-backref">↩︎</a></p>
+</li>
+</ol>
+</section>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/dubbo-zk.json b/en-us/blog/dubbo-zk.json
new file mode 100644
index 0000000..7576491
--- /dev/null
+++ b/en-us/blog/dubbo-zk.json
@@ -0,0 +1,4 @@
+{
+ "filename": "dubbo-zk.md",
+ "__html": "<h1>Using Zookeeper in Dubbo</h1>\n<h2>Introduction of Zookeeper</h2>\n<h3>The basic concept</h3>\n<p>In the mordern distrbuted applications, there are multiple coordination problems between nodes and nodes, including: leader election, group service, locking, configuration management, naming and synchronization. Apache Zookeeper, as its name implied, is a distributed, open-source coordination service framwork to address these demand.</p>\n<p>In order to ensure the high perfo [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/gsoc-2018.html b/en-us/blog/gsoc-2018.html
new file mode 100644
index 0000000..cfa49dc
--- /dev/null
+++ b/en-us/blog/gsoc-2018.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="gsoc-2018" />
+ <meta name="description" content="gsoc-2018" />
+ <!-- 网页标签标题 -->
+ <title>gsoc-2018</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-57680561"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-togg [...]
+<p>The GSoC(Google Summer of Code) 2018 projects has been announced, Raghu Reddy's project "Extending Serialization protocols support for Apache Dubbo" has been <a href="https://summerofcode.withgoogle.com/projects/#4747840161579008">accepted</a>! Congratulations!</p>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/gsoc-2018.json b/en-us/blog/gsoc-2018.json
new file mode 100644
index 0000000..8f3d49a
--- /dev/null
+++ b/en-us/blog/gsoc-2018.json
@@ -0,0 +1,4 @@
+{
+ "filename": "gsoc-2018.md",
+ "__html": "<h2>The GSoC(Google Summer of Code) 2018 projects has been announced</h2>\n<p>The GSoC(Google Summer of Code) 2018 projects has been announced, Raghu Reddy's project "Extending Serialization protocols support for Apache Dubbo" has been <a href=\"https://summerofcode.withgoogle.com/projects/#4747840161579008\">accepted</a>! Congratulations!</p>\n"
+}
\ No newline at end of file
diff --git a/en-us/blog/index.html b/en-us/blog/index.html
new file mode 100644
index 0000000..a58f15e
--- /dev/null
+++ b/en-us/blog/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="blog" />
+ <meta name="description" content="blog" />
+ <!-- 网页标签标题 -->
+ <title>blog</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blog.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-list-page" data-reactroot="" data-reactid="1" data-react-checksum="-1130478652"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-togg [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blog.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/introduction-to-dubbo-spi.html b/en-us/blog/introduction-to-dubbo-spi.html
new file mode 100644
index 0000000..963ef0b
--- /dev/null
+++ b/en-us/blog/introduction-to-dubbo-spi.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="introduction-to-dubbo-spi" />
+ <meta name="description" content="introduction-to-dubbo-spi" />
+ <!-- 网页标签标题 -->
+ <title>introduction-to-dubbo-spi</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-1173754555"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-to [...]
+<h2>1. Extension Mechanism of Dubbo</h2>
+<p>Dubbo is claimed as a high-performance RPC framework on its official website. Today, I want to talk about another great specialty of Dubbo --- its scalability. As quote: Rome wasn’t built in a day. Any successful system always starts as a prototype. It is impossible to design a perfect system at the beginning. Instead, we should focus on true demand and keep improving the system. On the coding side, it requires us to pay attention on abstraction layers and high-level isolation. In th [...]
+When talking about software design, people always mention scalability. A framework with good scalability requires the following:
+1.The framework should follow opening/closed principle: software entities should be open for extension, but closed for modification; This means a framework should allow the maintainer to add new functions with as few modifications as possible.
+2.The framework should allow the user to add new functions by adding code on his project without modifying the framework's original source code base.
+With microkernel architecture and extension mechanism, Dubbo satisfies such requirements and achieves good scalability. In the following chapters, we will discuss Dubbo's extension mechanism in detail.</p>
+<h2>2.Extension Solutions</h2>
+<p>Creating Extensible applications usually considers:</p>
+<ul>
+<li>Factory method pattern</li>
+<li>IoC container</li>
+<li>OSGi (Open Services Gateway initiative)</li>
+</ul>
+<p>As a framework, Dubbo does not wish to rely on other IoC containers such as Spring, Guice. OSGi is too complicated to fit Dubbo. In the end, Dubbo SPI is inherited from standard JDK SPI and makes it more powerful.</p>
+<h2>3.Java SPI Mechanism</h2>
+<p>We will first discuss Java SPI mechanism, which is a basis for understanding Dubbo’s extension mechanism. If you are familiar with Java SPI, you can skip this part.</p>
+<p>Java SPI (Service Provider Interface) is a feature for discovering and loading implementations matching a given interface provided in JDK. We can create a text file with the same name as the interface under resource directory <code>META-INF/services</code>. The content of the file is the fully qualified class name of the SPI implementation, in which each component is separated by a line breaker. JDK uses <code>java.util.ServiceLoader</code> to load implementations of a service. Let us [...]
+<ol>
+<li>Define an interface IRepository to store data.</li>
+</ol>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">IRepository</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">void</span> <span class="hljs-title">save</span><span class="hljs-params">(String data)</span></span>;
+}
+</code></pre>
+<ol start="2">
+<li>Create 2 implementations for IRepository: MysqlRepository and MongoRepository</li>
+</ol>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">MysqlRepository</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">IRepository</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">save</span><span class="hljs-params">(String data)</span> </span>{
+ System.out.println(<span class="hljs-string">"Save "</span> + data + <span class="hljs-string">" to Mysql"</span>);
+ }
+}
+</code></pre>
+<pre><code class="language-java"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">MongoRepository</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">IRepository</span> </span>{
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">save</span><span class="hljs-params">(String data)</span> </span>{
+ System.out.println(<span class="hljs-string">"Save "</span> + data + <span class="hljs-string">" to Mongo"</span>);
+ }
+}
+</code></pre>
+<ol start="3">
+<li>Create a configuration file under <code>META-INF/services</code>.</li>
+</ol>
+<p>The file name is <code>META-INF/services/com.demo.IRepository</code>, the content of file is:</p>
+<pre><code class="language-text">com.demo.MongoRepository
+com.demo.MysqlRepository
+</code></pre>
+<ol start="4">
+<li>Load IRepository using ServiceLoader</li>
+</ol>
+<pre><code class="language-java">ServiceLoader<IRepository> serviceLoader = ServiceLoader.load(IRepository.class);
+Iterator<IRepository> it = serviceLoader.iterator();
+<span class="hljs-keyword">while</span> (it != <span class="hljs-keyword">null</span> && it.hasNext()){
+ IRepository demoService = it.next();
+ System.out.println(<span class="hljs-string">"class:"</span> + demoService.getClass().getName());
+ demoService.save(<span class="hljs-string">"tom"</span>);
+}
+</code></pre>
+<p>In the above example, we created an extension and two of its applications. We created the configuration file in ClassPath and loaded the extensions using ServiceLoader. The final output is:
+class:testDubbo.MongoRepository
+Save tom to Mongo
+class:testDubbo.MysqlRepository
+Save tom to Mysql</p>
+<h2>4. Dubbo SPI Mechanism</h2>
+<p>Java SPI is simple to use. It also supports basic extension point functions, however, it has some disadvantages:</p>
+<ul>
+<li>It will load and instantiate all implementations at once to find the requested implementation.</li>
+<li>The configuration file only includes the extension implementation but does not name them, which makes it hard to reference them in applications.</li>
+<li>If extensions depend on other extensions, Java SPI cannot automatically load the dependency SPI.</li>
+<li>It does not provide functions such as IOC or AOP in Spring.</li>
+<li>It is hard to assemble extensions with other frameworks. For example, if the extension depends on Spring bean, the original Java SPI will not support it.</li>
+</ul>
+<p>Therefore, Java SPI is good for some simple scenarios, but does not fit for Dubbo. Dubbo makes some extensions on the original SPI mechanism. We will discuss more about the Dubbo SPI mechanism in the following sections.</p>
+<h2>5. Basic Concepts for Dubbo Extension Point Mechanism</h2>
+<p>Before diving into Dubbo's extension mechanism，Let us first declare some basic concepts in Dubbo SPI. Those terms will appear multiple times in the following section.</p>
+<h3>5.1 Extension Point</h3>
+<p>an interface of java.</p>
+<h3>5.2 Extension</h3>
+<p>an implementation class of the Extension Point</p>
+<h3>5.3 Extension Instance</h3>
+<p>instance of an extension point implementation class</p>
+<h3>5.4 Extension Adaptive Instance</h3>
+<p>Maybe it is a little difficult to understand this concept when hearing about it the first time. It may help you understand it better by calling it an extension proxy class. The extension adaptive instance is actually an extension proxy, which implements the method of extension point interface. When calling the interface method of the extension point, it will decide which extension to use according to the actual parameters. For example, the extension point of an IRepository has one sav [...]
+<ul>
+<li>There are two configurations in Dubbo, one is a fixed system-level configuration and it will not be changed after Dubbo launches. Another is the run-time configuration that may be different for each RPC. For instance, the timeout is configured as 10 seconds in the xml file, which will not change after Dubbo launches. However, for a certain PRC call, we can set its timeout to 30 seconds so as to override the system-level configuration. For Dubbo, the parameters called in each RPC is u [...]
+<li>Our class is usually singleton-scaled, such as beans of Spring IoC Container. When instantiating beans, if it depends on some specific extension point, it will know which extension to use, otherwise, the bean will not know how to choose extensions. At this time, a proxy mode is needed, which implements the interface of an extension point. The method can dynamically select the appropriate extension according to the run-time parameters, and this proxy is an adaptive instance. Adaptive [...]
+</ul>
+<h3>5.5 @SPI</h3>
+<p>@SPI annotation works on the interface of the extension point, which indicates that the interface is an extension point, and can be loaded by Dubbo ExtentionLoader. If there is no such ExtentionLoader, the call will throw an exception.</p>
+<h3>5.6 @Adaptive</h3>
+<p>@Adaptive annotation is used on the method that extends the interface, which indicates an adaptive method. When Dubbo generates an adaptive instance for an extension point, if the function has @Adaptive annotation, then Dubbo will generate the corresponding code for the method. The method determines which extension to use according to the parameters. When @Adaptive annotation is used on the class to implement a Decorator class, it is similar to the Decorator pattern, whose major funct [...]
+<h3>5.7 ExtentionLoader</h3>
+<p>Similar to the Java SPI ServiceLoader, it is responsible for loading extensions and life-cycle maintenance.</p>
+<h3>5.8 Extension Alias</h3>
+<p>Different from Java, each extension in Dubbo has an alias, which is used to reference them in the application, such as</p>
+<pre><code class="language-bash">random=com.alibaba.dubbo.rpc.cluster.loadbalance.RandomLoadBalance
+roundrobin=com.alibaba.dubbo.rpc.cluster.loadbalance.RoundRobinLoadBalance
+</code></pre>
+<p>where random, roundrobin are alias of the corresponding extensions, and we can directly use them in the configuration file.</p>
+<h3>5.9 Paths</h3>
+<p>Similar to the way Java SPI loading the extension configuration from the <code>META-INF/services</code> directory, Dubbo will also load the extension configuration file from the following path:</p>
+<ul>
+<li><code>META-INF/dubbo/internal</code></li>
+<li><code>META-INF/dubbo</code></li>
+<li><code>META-INF/services</code></li>
+</ul>
+<h2>6. Interpretation for Dubbo's LoadBalance Extension Point</h2>
+<p>Now that we know some basic idea about Dubbo, let us check a practical extension point in Dubbo to get some intuition.</p>
+<p>We take the Dubbo’s LoadBalance extension point as an example. A service in Dubbo usually has multiple providers. When a consumer calls the service, he needs to choose one of the providers. This is an example of LoadBalance. Now, let us figure out how LoadBalance becomes an extension point in Dubbo.</p>
+<h3>6.1 LoadBalance Interfance</h3>
+<pre><code class="language-java"><span class="hljs-meta">@SPI</span>(RandomLoadBalance.NAME)
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">LoadBalance</span> </span>{
+
+ <span class="hljs-meta">@Adaptive</span>(<span class="hljs-string">"loadbalance"</span>)
+ <T> <span class="hljs-function">Invoker<T> <span class="hljs-title">select</span><span class="hljs-params">(List<Invoker<T>> invokers, URL url, Invocation invocation)</span> <span class="hljs-keyword">throws</span> RpcException</span>;
+}
+</code></pre>
+<p>LoadBalance interface has only one select method. Select method chose one invoker among multiple invokers. In the code above, the elements related to Dubbo SPI are:</p>
+<ul>
+<li>@SPI(<a href="http://RandomLoadBalance.NAME">RandomLoadBalance.NAME</a>) @SPI is used for LoadBalance interface, which indicates that the LoadBalance interface is an extension point. Without the @SPI annotation, if we try to load the extension, it will throw an exception. @SPI annotation has one parameter, and this parameter represents the Alias of the default implementation of the extension point. If there has no explicitly specified extension, the default implementation will be used.
+<code>RandomLoadBalance.NAME</code> is a constant with value “random” and is a random load balancing implementation. The definition of random is in the configuration file <code>META-INF/dubbo/internal/com.alibaba.dubbo.rpc.cluster.LoadBalance</code>:</li>
+</ul>
+<pre><code class="language-bash">random=com.alibaba.dubbo.rpc.cluster.loadbalance.RandomLoadBalance
+roundrobin=com.alibaba.dubbo.rpc.cluster.loadbalance.RoundRobinLoadBalance
+leastactive=com.alibaba.dubbo.rpc.cluster.loadbalance.LeastActiveLoadBalance
+consistenthash=com.alibaba.dubbo.rpc.cluster.loadbalance.ConsistentHashLoadBalance
+</code></pre>
+<p>There are four extension implementations of LoadBalance defined in the configuration file. The implementation of load balancing will not be covered in this article. The only thing we need to know is that Dubbo provides four kinds of load balancing implementations. We can explicitly specify an implementation by using xml file, properties file or JVM parameter. If there has no explicitly specified implementation, Dubbo will use random as default.</p>
+<p><img src="https://raw.githubusercontent.com/vangoleo/wiki/master/dubbo/dubbo_loadbalance.png" alt="dubbo-loadbalance | left"></p>
+<ul>
+<li>@Adaptive("loadbalance") Applying @Adaptive annotation on select method indicates that select method is an adaptive method. Dubbo will automatically generate the corresponding code for the method. When select method is called, it will decide which extension to apply based on the method parameters. @Adaptive parameter <code>loadbalance</code> indicates that the value of loadbalance in method is the extension implementation that will be actually called. However, we cannot fi [...]
+</ul>
+<h3>6.2 Obtain LoadBalance extension</h3>
+<p>The code of LoadBalance in Dubbo is as follows:</p>
+<pre><code class="language-java">LoadBalance lb = ExtensionLoader.getExtensionLoader(LoadBalance.class).getExtension(loadbalanceName);
+</code></pre>
+<p>Using ExtensionLoader.getExtensionLoader(LoadBalance.class) method to obtain an implementation of ExtensionLoader, then we call getExtension and pass an extension alias to obtain the corresponding extension implementation.</p>
+<h2>7. Customize a LoadBalance Extension</h2>
+<p>In this session, we will use a simple example to implement a LoadBalance and integrate it into Dubbo. I will show some important steps and codes, and the complete demo can be downloaded from the following address(<a href="https://github.com/vangoleo/dubbo-spi-demo">https://github.com/vangoleo/dubbo-spi-demo</a>).</p>
+<h3>7.1 implement LoadBalance Interface</h3>
+<p>First, we build a LoadBalance instance. Since we just need the instance to demonstrate Dubbo extension mechanism, it will be very simple. We choose the first invoker and print a log sentence in the console.</p>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> com.dubbo.spi.demo.consumer;
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">DemoLoadBalance</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">LoadBalance</span> </span>{
+ <span class="hljs-meta">@Override</span>
+ <span class="hljs-keyword">public</span> <T> <span class="hljs-function">Invoker<T> <span class="hljs-title">select</span><span class="hljs-params">(List<Invoker<T>> invokers, URL url, Invocation invocation)</span> <span class="hljs-keyword">throws</span> RpcException </span>{
+ System.out.println(<span class="hljs-string">"DemoLoadBalance: Select the first invoker..."</span>);
+ <span class="hljs-keyword">return</span> invokers.get(<span class="hljs-number">0</span>);
+ }
+}
+</code></pre>
+<h3>7.2 Add extension configuration file</h3>
+<p>Add file:<code>META-INF/dubbo/com.alibaba.dubbo.rpc.cluster.LoadBalance</code>. The content of file is:</p>
+<pre><code class="language-bash">demo=com.dubbo.spi.demo.consumer.DemoLoadBalance
+</code></pre>
+<h3>7.3 Configure customized LoadBalance</h3>
+<p>Through the above 2 steps, we have already added a LoadBalance implementation named demo, and set up the configuration file. In the next step, we need to explicitly tell Dubbo to implement the demo while doing load balancing. If we use Dubbo through spring, we could set it up in the xml file.</p>
+<pre><code class="language-xml"><span class="hljs-tag"><<span class="hljs-name">dubbo:reference</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"helloService"</span> <span class="hljs-attr">interface</span>=<span class="hljs-string">"com.dubbo.spi.demo.api.IHelloService"</span> <span class="hljs-attr">loadbalance</span>=<span class="hljs-string">"demo"</span> /></span>
+</code></pre>
+<p>Configure <loadbalance="demo"> in <a href="dubbo:reference">dubbo:reference</a> at consumer part.</p>
+<h3>7.4 launch Dubbo</h3>
+<p>Launch Dubbo and call IHelloService, the console will output log: <code>DemoLoadBalance: Select the first invoker...</code>, which means Dubbo does use our customized LoadBalance.</p>
+<h2>Summary</h2>
+<p>So far, we learnt the basic concepts of Dubbo SPI beginning with Java SPI, and we used LoadBalance in Dubbo as an example to help us understand better. Finally, we practiced and created a customized LoadBalance and integrated it to Dubbo. We believe that combining concepts and practice, everyone can get a better idea of Dubbo’s scalability. To summarize, Dubbo SPI has the following features:</p>
+<ul>
+<li>Build extensions on Dubbo does not require modifications on the original source code base.</li>
+<li>The customized Dubbo extension point implementation is a normal Java class. Dubbo does not introduce any specialized elements, and have almost zero code intrusion.
+*Extension registration on Dubbo requires only configuration file under the ClassPath directory. It is simple to use and has no effect on the existing code. This meets opening/closed principle.</li>
+<li>Dubbo's extension mechanism default: @SPI("dubbo") represents the default SPI object.</li>
+<li>Dubbo's extension mechanism supports the advanced features such as IoC and AoP, etc.</li>
+<li>Dubbo's extension mechanism supports third-party IoC containers. It supports Spring beans by default and can be extended to other containers, such as Google/Guice.</li>
+<li>It is easy to switch the implementation of the extension point because it requires only modifications on the specific implementation in the configuration file without changing the code.</li>
+</ul>
+<p>In the next article, we will go deep and check Dubbo's source code to learn more about Dubbo's extensibility mechanism.</p>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/introduction-to-dubbo-spi.json b/en-us/blog/introduction-to-dubbo-spi.json
new file mode 100644
index 0000000..6631b1a
--- /dev/null
+++ b/en-us/blog/introduction-to-dubbo-spi.json
@@ -0,0 +1,4 @@
+{
+ "filename": "introduction-to-dubbo-spi.md",
+ "__html": "<h1>Instance for Dubbo Extension Mechanism</h1>\n<h2>1. Extension Mechanism of Dubbo</h2>\n<p>Dubbo is claimed as a high-performance RPC framework on its official website. Today, I want to talk about another great specialty of Dubbo --- its scalability. As quote: Rome wasn’t built in a day. Any successful system always starts as a prototype. It is impossible to design a perfect system at the beginning. Instead, we should focus on true demand and keep improving the system. O [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/pinpoint.html b/en-us/blog/pinpoint.html
new file mode 100644
index 0000000..dd86e6e
--- /dev/null
+++ b/en-us/blog/pinpoint.html
@@ -0,0 +1,403 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="pinpoint" />
+ <meta name="description" content="pinpoint" />
+ <!-- 网页标签标题 -->
+ <title>pinpoint</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-722971297"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-tog [...]
+<p>After using Dubbo to serve or integrate applications, assuming that a service backstage log shows an exception and that the service is invoked by multiple applications, it is often difficult to determine which application is called, and what is the cause of the problem, so we need a set of distributed tracking systems to quickly locate the problem. Pinpoint can help us quickly locate problems (of course, there are more than one solution).</p>
+<h2>What is Pinpoint</h2>
+<p><a href="https://github.com/naver/pinpoint">Pinpoint</a> is an APM (Application Performance Management) tool for large-scale distributed systems written in Java. Inspired by Dapper, Pinpoint provides a solution to help analyze the overall structure of the system and how components within them are interconnected by tracing transactions across distributed applications.</p>
+<p>You should definitely check Pinpoint out If you want to</p>
+<p>understand your application topology at a glance
+monitor your application in Real-Time
+gain code-level visibility to every transaction
+install APM Agents without changing a single line of code
+have minimal impact on the performance (approximately 3% increase in resource usage)</p>
+<h3>ServerMap</h3>
+<p>Understand the topology of any distributed systems by visualizing how their components are interconnected. Clicking on a node reveals details about the component, such as its current status, and transaction count.</p>
+<h3>Realtime Active Thread Chart</h3>
+<p>Monitor active threads inside applications in real-time.</p>
+<h3>Request/Response Scatter Chart</h3>
+<p>Visualize request count and response patterns over time to identify potential problems. Transactions can be selected for additional detail by dragging over the chart.</p>
+<h3>CallStack</h3>
+<p>Gain code-level visibility to every transaction in a distributed environment, identifying bottlenecks and points of failure in a single view.</p>
+<h3>Inspector</h3>
+<p>View additional details on the application such as CPU usage, Memory/Garbage Collection, TPS, and JVM arguments.</p>
+<h3>Supported Modules (last updated 2018/04/01)</h3>
+<ul>
+<li>JDK 6+</li>
+<li>Tomcat 6/7/8, Jetty 8/9, JBoss EAP 6, Resin 4, Websphere 6/7/8, Vertx 3.3/3.4/3.5</li>
+<li>Spring, Spring Boot (Embedded Tomcat, Jetty)</li>
+<li>Apache HTTP Client 3.x/4.x, JDK HttpConnector, GoogleHttpClient, OkHttpClient, NingAsyncHttpClient</li>
+<li>Thrift Client, Thrift Service, DUBBO PROVIDER, DUBBO CONSUMER</li>
+<li>ActiveMQ, RabbitMQ</li>
+<li>MySQL, Oracle, MSSQL, CUBRID,POSTGRESQL, MARIA</li>
+<li>Arcus, Memcached, Redis, CASSANDRA</li>
+<li>iBATIS, MyBatis</li>
+<li>DBCP, DBCP2, HIKARICP</li>
+<li>gson, Jackson, Json Lib</li>
+<li>log4j, Logback</li>
+</ul>
+<h2>Pinpoint and Dubbo</h2>
+<h3>Quickstart Pinpoint</h3>
+<p><a href="http://naver.github.io/pinpoint/quickstart.html">Quick start</a>（No neet to start TestApp）</p>
+<h3>Dubbo demo</h3>
+<h4>Create API module</h4>
+<p>pom.xml</p>
+<pre><code class="language-xml"><span class="php"><span class="hljs-meta"><?</span>xml version=<span class="hljs-string">"1.0"</span> encoding=<span class="hljs-string">"UTF-8"</span><span class="hljs-meta">?></span></span>
+<span class="hljs-tag"><<span class="hljs-name">project</span> <span class="hljs-attr">xmlns</span>=<span class="hljs-string">"http://maven.apache.org/POM/4.0.0"</span>
+ <span class="hljs-attr">xmlns:xsi</span>=<span class="hljs-string">"http://www.w3.org/2001/XMLSchema-instance"</span>
+ <span class="hljs-attr">xsi:schemaLocation</span>=<span class="hljs-string">"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">modelVersion</span>></span>4.0.0<span class="hljs-tag"></<span class="hljs-name">modelVersion</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.example<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>demo-api<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.0.1-SNAPSHOT<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+<span class="hljs-tag"></<span class="hljs-name">project</span>></span>
+</code></pre>
+<p>Create API interface：</p>
+<pre><code>package com.example.demoapi;
+
+public interface HelloService {
+ String sayHello(String name);
+}
+</code></pre>
+<h4>Dubbo provider</h4>
+<p>pom.xml</p>
+<pre><code class="language-xml"><span class="php"><span class="hljs-meta"><?</span>xml version=<span class="hljs-string">"1.0"</span> encoding=<span class="hljs-string">"UTF-8"</span><span class="hljs-meta">?></span></span>
+<span class="hljs-tag"><<span class="hljs-name">project</span> <span class="hljs-attr">xmlns</span>=<span class="hljs-string">"http://maven.apache.org/POM/4.0.0"</span> <span class="hljs-attr">xmlns:xsi</span>=<span class="hljs-string">"http://www.w3.org/2001/XMLSchema-instance"</span>
+ <span class="hljs-attr">xsi:schemaLocation</span>=<span class="hljs-string">"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">modelVersion</span>></span>4.0.0<span class="hljs-tag"></<span class="hljs-name">modelVersion</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.example<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>demo-provider<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.0.1-SNAPSHOT<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">packaging</span>></span>jar<span class="hljs-tag"></<span class="hljs-name">packaging</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">name</span>></span>demo-provider<span class="hljs-tag"></<span class="hljs-name">name</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">parent</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-starter-parent<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>2.0.3.RELEASE<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">relativePath</span>/></span> <span class="hljs-comment"><!-- lookup parent from repository --></span>
+ <span class="hljs-tag"></<span class="hljs-name">parent</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">properties</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">project.build.sourceEncoding</span>></span>UTF-8<span class="hljs-tag"></<span class="hljs-name">project.build.sourceEncoding</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">project.reporting.outputEncoding</span>></span>UTF-8<span class="hljs-tag"></<span class="hljs-name">project.reporting.outputEncoding</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">java.version</span>></span>1.8<span class="hljs-tag"></<span class="hljs-name">java.version</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">properties</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">repositories</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">repository</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">id</span>></span>sonatype-nexus-snapshots<span class="hljs-tag"></<span class="hljs-name">id</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">url</span>></span>https://oss.sonatype.org/content/repositories/snapshots<span class="hljs-tag"></<span class="hljs-name">url</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">releases</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">enabled</span>></span>false<span class="hljs-tag"></<span class="hljs-name">enabled</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">releases</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">snapshots</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">enabled</span>></span>true<span class="hljs-tag"></<span class="hljs-name">enabled</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">snapshots</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">repository</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">repositories</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">dependencies</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-starter<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.alibaba.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>dubbo-spring-boot-starter<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.2.0<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.example<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>demo-api<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.0.1-SNAPSHOT<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-starter-test<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">scope</span>></span>test<span class="hljs-tag"></<span class="hljs-name">scope</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependencies</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">build</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">plugins</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">plugin</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-maven-plugin<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">plugin</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">plugins</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">build</span>></span>
+
+<span class="hljs-tag"></<span class="hljs-name">project</span>></span>
+</code></pre>
+<ol>
+<li><code>HelloService</code> interface：</li>
+</ol>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> com.example.demoprovider.provider;
+
+<span class="hljs-keyword">import</span> com.alibaba.dubbo.config.annotation.Service;
+<span class="hljs-keyword">import</span> com.example.demoapi.HelloService;
+
+<span class="hljs-meta">@Service</span>(version = <span class="hljs-string">"${demo.service.version}"</span>,
+ application = <span class="hljs-string">"${dubbo.application.id}"</span>,
+ protocol = <span class="hljs-string">"${dubbo.protocol.id}"</span>,
+ registry = <span class="hljs-string">"${dubbo.registry.id}"</span>)
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">HelloServiceImpl</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">HelloService</span> </span>{
+ <span class="hljs-keyword">static</span> <span class="hljs-keyword">int</span> i = <span class="hljs-number">0</span>;
+ <span class="hljs-meta">@Override</span>
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">sayHello</span><span class="hljs-params">(String name)</span> </span>{
+ i++;
+ <span class="hljs-keyword">if</span> (i % <span class="hljs-number">3</span> == <span class="hljs-number">0</span>) {
+ <span class="hljs-keyword">throw</span> <span class="hljs-keyword">new</span> RuntimeException(<span class="hljs-string">"ex"</span>);
+ }
+ <span class="hljs-keyword">return</span> <span class="hljs-string">"Hello "</span> + name + <span class="hljs-string">"!"</span>;
+ }
+}
+</code></pre>
+<ol start="2">
+<li>Spring Boot bootstrap：</li>
+</ol>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> com.example.demoprovider;
+
+<span class="hljs-keyword">import</span> org.springframework.boot.SpringApplication;
+<span class="hljs-keyword">import</span> org.springframework.boot.autoconfigure.SpringBootApplication;
+
+<span class="hljs-meta">@SpringBootApplication</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">DemoProviderApplication</span> </span>{
+
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+ SpringApplication.run(DemoProviderApplication.class, args);
+ }
+}
+</code></pre>
+<ol start="3">
+<li><code>application.properties</code>：</li>
+</ol>
+<pre><code class="language-properties"># Spring boot application
+spring.application.name = dubbo-provider-demo
+server.port = 9090
+management.port = 9091
+
+# Service version
+demo.service.version = 1.0.0
+
+# Base packages to scan Dubbo Components (e.g @Service , @Reference)
+dubbo.scan.basePackages = com.example.demoprovider
+
+# Dubbo Config properties
+## ApplicationConfig Bean
+dubbo.application.id = dubbo-provider-demo
+dubbo.application.name = dubbo-provider-demo
+
+## ProtocolConfig Bean
+dubbo.protocol.id = dubbo
+dubbo.protocol.name = dubbo
+dubbo.protocol.port = 12345
+
+## RegistryConfig Bean
+dubbo.registry.id = my-registry
+dubbo.registry.address = N/A
+</code></pre>
+<h4>Dubbo consumer</h4>
+<p>pom.xml</p>
+<pre><code class="language-xml"><span class="php"><span class="hljs-meta"><?</span>xml version=<span class="hljs-string">"1.0"</span> encoding=<span class="hljs-string">"UTF-8"</span><span class="hljs-meta">?></span></span>
+<span class="hljs-tag"><<span class="hljs-name">project</span> <span class="hljs-attr">xmlns</span>=<span class="hljs-string">"http://maven.apache.org/POM/4.0.0"</span> <span class="hljs-attr">xmlns:xsi</span>=<span class="hljs-string">"http://www.w3.org/2001/XMLSchema-instance"</span>
+ <span class="hljs-attr">xsi:schemaLocation</span>=<span class="hljs-string">"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">modelVersion</span>></span>4.0.0<span class="hljs-tag"></<span class="hljs-name">modelVersion</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.example<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>demo-consumer<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.0.1-SNAPSHOT<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">packaging</span>></span>jar<span class="hljs-tag"></<span class="hljs-name">packaging</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">name</span>></span>demo-consumer<span class="hljs-tag"></<span class="hljs-name">name</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">parent</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-starter-parent<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>2.0.3.RELEASE<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">relativePath</span>/></span> <span class="hljs-comment"><!-- lookup parent from repository --></span>
+ <span class="hljs-tag"></<span class="hljs-name">parent</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">properties</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">project.build.sourceEncoding</span>></span>UTF-8<span class="hljs-tag"></<span class="hljs-name">project.build.sourceEncoding</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">project.reporting.outputEncoding</span>></span>UTF-8<span class="hljs-tag"></<span class="hljs-name">project.reporting.outputEncoding</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">java.version</span>></span>1.8<span class="hljs-tag"></<span class="hljs-name">java.version</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">properties</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">repositories</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">repository</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">id</span>></span>sonatype-nexus-snapshots<span class="hljs-tag"></<span class="hljs-name">id</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">url</span>></span>https://oss.sonatype.org/content/repositories/snapshots<span class="hljs-tag"></<span class="hljs-name">url</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">releases</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">enabled</span>></span>false<span class="hljs-tag"></<span class="hljs-name">enabled</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">releases</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">snapshots</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">enabled</span>></span>true<span class="hljs-tag"></<span class="hljs-name">enabled</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">snapshots</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">repository</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">repositories</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">dependencies</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-starter-web<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.alibaba.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>dubbo-spring-boot-starter<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.2.0<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.example<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>demo-api<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>0.0.1-SNAPSHOT<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-starter-test<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">scope</span>></span>test<span class="hljs-tag"></<span class="hljs-name">scope</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">dependencies</span>></span>
+
+ <span class="hljs-tag"><<span class="hljs-name">build</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">plugins</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">plugin</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>org.springframework.boot<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>spring-boot-maven-plugin<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">configuration</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">classifier</span>></span>exec<span class="hljs-tag"></<span class="hljs-name">classifier</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">configuration</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">plugin</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">plugins</span>></span>
+ <span class="hljs-tag"></<span class="hljs-name">build</span>></span>
+
+<span class="hljs-tag"></<span class="hljs-name">project</span>></span>
+</code></pre>
+<ol>
+<li><code>@Reference</code> injection <code>HelloService</code></li>
+</ol>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> com.example.democonsumer.controller;
+
+<span class="hljs-keyword">import</span> com.alibaba.dubbo.config.annotation.Reference;
+<span class="hljs-keyword">import</span> com.example.demoapi.HelloService;
+<span class="hljs-keyword">import</span> org.springframework.web.bind.annotation.RequestMapping;
+<span class="hljs-keyword">import</span> org.springframework.web.bind.annotation.RequestParam;
+<span class="hljs-keyword">import</span> org.springframework.web.bind.annotation.RestController;
+
+<span class="hljs-meta">@RestController</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">DemoConsumerController</span> </span>{
+ <span class="hljs-meta">@Reference</span>(version = <span class="hljs-string">"${demo.service.version}"</span>,
+ application = <span class="hljs-string">"${dubbo.application.id}"</span>,
+ url = <span class="hljs-string">"dubbo://<Real IP Address>:12345"</span>)
+ <span class="hljs-keyword">private</span> HelloService helloService;
+
+ <span class="hljs-meta">@RequestMapping</span>(<span class="hljs-string">"/sayHello"</span>)
+ <span class="hljs-function"><span class="hljs-keyword">public</span> String <span class="hljs-title">sayHello</span><span class="hljs-params">(@RequestParam String name)</span> </span>{
+ <span class="hljs-keyword">return</span> helloService.sayHello(name);
+ }
+}
+</code></pre>
+<ol start="2">
+<li>Spring Boot bootstrap:</li>
+</ol>
+<pre><code class="language-java"><span class="hljs-keyword">package</span> com.example.democonsumer;
+
+<span class="hljs-keyword">import</span> org.springframework.boot.SpringApplication;
+<span class="hljs-keyword">import</span> org.springframework.boot.autoconfigure.SpringBootApplication;
+
+<span class="hljs-meta">@SpringBootApplication</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">DemoConsumerApplication</span> </span>{
+
+ <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+ SpringApplication.run(DemoConsumerApplication.class, args);
+ }
+}
+</code></pre>
+<ol start="3">
+<li><code>application.properties</code>:</li>
+</ol>
+<pre><code class="language-properties"># Spring boot application
+spring.application.name=dubbo-consumer-demo
+server.port=8080
+management.port=8081
+
+# Service Version
+demo.service.version=1.0.0
+
+# Dubbo Config properties
+## ApplicationConfig Bean
+dubbo.application.id=dubbo-consumer-demo
+dubbo.application.name=dubbo-consumer-demo
+
+## ProtocolConfig Bean
+dubbo.protocol.id=dubbo
+dubbo.protocol.name=dubbo
+dubbo.protocol.port=12345
+</code></pre>
+<h3>Using Pinpoint-agent to start <code>Dubbo provider</code> and <code>Dubbo consumer</code></h3>
+<ol>
+<li>Maven clean package</li>
+</ol>
+<pre><code>mvn clean package
+</code></pre>
+<ol start="2">
+<li>Start provider</li>
+</ol>
+<pre><code>java -jar -javaagent:$AGENT_PATH/pinpoint-bootstrap-$VERSION.jar -Dpinpoint.agentId=demo-provider -Dpinpoint.applicationName=DP target/demo-provider-0.0.1-SNAPSHOT.jar
+</code></pre>
+<ol start="3">
+<li>Start consumer</li>
+</ol>
+<pre><code>java -jar -javaagent:$AGENT_PATH/pinpoint-bootstrap-$VERSION.jar -Dpinpoint.agentId=demo-consumer -Dpinpoint.applicationName=DC target/demo-comsumer-0.0.1-SNAPSHOT-exec.jar
+</code></pre>
+<ol start="4">
+<li>Access the consumer address to simulate user requests</li>
+</ol>
+<p><code>http://localhost:8080/sayHello?name=ABC</code></p>
+<h2>Using Pinpoint locate problems</h2>
+<h3>Homepage</h3>
+<p><img src="../../img/blog/en_pinpoint-home.png" alt="/admin-guide/images/pinpoint-home.png"></p>
+<blockquote>
+<p>The user request here is double the number of requests for DubboProvider, because the favicon.ico icon request is recorded.</p>
+</blockquote>
+<h3>Call tree</h3>
+<p><img src="../../img/blog/en_pinpoint-calltree.png" alt="/admin-guide/images/pinpoint-calltree.png"></p>
+<h3>Mixed view</h3>
+<p><img src="../../img/blog/en_pinpoint-mixedview.png" alt="/admin-guide/images/pinpoint-mixedview.png"></p>
+<h3>Other</h3>
+<p>The example simply simulates the provision and call of Dubbo, and does not carry out the application of other middleware such as database. For detailed use, please refer to the Pinpoint document.</p>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/pinpoint.json b/en-us/blog/pinpoint.json
new file mode 100644
index 0000000..0e03719
--- /dev/null
+++ b/en-us/blog/pinpoint.json
@@ -0,0 +1,4 @@
+{
+ "filename": "pinpoint.md",
+ "__html": "<h1>Tracking with Pinpoint</h1>\n<p>After using Dubbo to serve or integrate applications, assuming that a service backstage log shows an exception and that the service is invoked by multiple applications, it is often difficult to determine which application is called, and what is the cause of the problem, so we need a set of distributed tracking systems to quickly locate the problem. Pinpoint can help us quickly locate problems (of course, there are more than one solution).< [...]
+}
\ No newline at end of file
diff --git a/en-us/blog/qcon-beijing-2018.html b/en-us/blog/qcon-beijing-2018.html
new file mode 100644
index 0000000..9b095bc
--- /dev/null
+++ b/en-us/blog/qcon-beijing-2018.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="qcon-beijing-2018" />
+ <meta name="description" content="qcon-beijing-2018" />
+ <!-- 网页标签标题 -->
+ <title>qcon-beijing-2018</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="2020068658"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-tog [...]
+<p>Ian Luo has delivered a great talk at QCon Beijing 2018, where the roadmap of Dubbo has also be announced. Please enjoy the <a href="https://github.com/dubbo/awesome-dubbo/raw/master/slides/qcon2018/dubbo-present-and-future.pdf">slides</a>!</p>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/qcon-beijing-2018.json b/en-us/blog/qcon-beijing-2018.json
new file mode 100644
index 0000000..998de7e
--- /dev/null
+++ b/en-us/blog/qcon-beijing-2018.json
@@ -0,0 +1,4 @@
+{
+ "filename": "qcon-beijing-2018.md",
+ "__html": "<h2>Dubbo roadmap is announced in QCon Beijing 2018</h2>\n<p>Ian Luo has delivered a great talk at QCon Beijing 2018, where the roadmap of Dubbo has also be announced. Please enjoy the <a href=\"https://github.com/dubbo/awesome-dubbo/raw/master/slides/qcon2018/dubbo-present-and-future.pdf\">slides</a>!</p>\n"
+}
\ No newline at end of file
diff --git a/en-us/blog/sentinel-introduction-for-dubbo.html b/en-us/blog/sentinel-introduction-for-dubbo.html
new file mode 100644
index 0000000..bd0bdb3
--- /dev/null
+++ b/en-us/blog/sentinel-introduction-for-dubbo.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="sentinel-introduction-for-dubbo" />
+ <meta name="description" content="sentinel-introduction-for-dubbo" />
+ <!-- 网页标签标题 -->
+ <title>sentinel-introduction-for-dubbo</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/blogDetail.css" />
+</head>
+<body>
+ <div id="root"><div class="blog-detail-page" data-reactroot="" data-reactid="1" data-react-checksum="-1101796846"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-to [...]
+<p>In large clusters there may be thousands of Dubbo service instances in production, with continuous traffic coming in. However, in distributed systems, some services may be unavailable due to various of failure such as traffic surge, high system load, and network latency. If no control actions are performed, this may cause cascading failure, affecting the availability of the service. So we need a powerful library - Sentinel, which can guarantee the stability of the service, to protect [...]
+<h2>Introduction to Sentinel</h2>
+<p><a href="https://github.com/alibaba/Sentinel">Sentinel</a> is a powerful library opensourced by Alibaba Middleware Team. Sentinel takes "<strong>flow</strong>" as the breakthrough point, and covers multiple fields including flow control, concurrency, circuit breaking and load protection to protect service stability.</p>
+<p>There are mainly three features in Sentinel:</p>
+<ul>
+<li><strong>Flow Control</strong>: Sentinel can control the traffic flow of resource calls based on different runtime metrics (such as QPS, number of threads, system load, etc.), for different invocation paths, and adjust random traffic to appropriate shapes (e.g. uniform speed).</li>
+<li><strong>Circuit Breaking</strong>: When a resource in the invocation chain is unstable (average RT increase or exception ratio increase), Sentinel will fast-fail the call request for this resource to avoid affecting other resources, causing cascade failure.</li>
+<li><strong>System Load Protection</strong>: Sentinel can be used to protect your server in case the system load goes too high. It helps you to achieve a good balance between system load and incoming requests.</li>
+</ul>
+<p>The commonly used circuit breaker/isolation library in production is <a href="https://github.com/Netflix/Hystrix">Netflix Hystrix</a>. Hystrix focuses on the concept of isolation, which isolates dependencies (that is resource in Sentinel) through thread pools or semaphores. The benefit of Hystrix thread pool isolation is that the isolation is thorough, but the downside is that you have to create a lot of thread pools, pre-divide dependencies, and allocate thread pools to each dependen [...]
+<p>Hystrix uses Circuit Breaker Pattern to automatically fast-fail the service when exception ratio exceeds the threshold. Sentinel's circuit breaking feature is more versatile, which supports two metrics: average response time and failure ratio. Sentinel also provides various invocation chain path and flow control effects support, as well as the ability to adjust the traffic in real time according to the system load to protect the system. At the same time, Sentinel also provides a real- [...]
+<h2>Best Practice for using Dubbo with Sentinel</h2>
+<p><a href="https://github.com/dubbo/dubbo-sentinel-support">Sentinel Dubbo Adapter</a> provides service consumer filter and provider filter for Dubbo services. We can add the following dependency in <code>pom.xml</code> (if you are using Maven):</p>
+<pre><code class="language-xml"><span class="hljs-tag"><<span class="hljs-name">dependency</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">groupId</span>></span>com.alibaba.csp<span class="hljs-tag"></<span class="hljs-name">groupId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">artifactId</span>></span>sentinel-dubbo-adapter<span class="hljs-tag"></<span class="hljs-name">artifactId</span>></span>
+ <span class="hljs-tag"><<span class="hljs-name">version</span>></span>x.y.z<span class="hljs-tag"></<span class="hljs-name">version</span>></span>
+<span class="hljs-tag"></<span class="hljs-name">dependency</span>></span>
+</code></pre>
+<p>The two filters are enabled by default. Once you add the dependency, the Dubbo services and methods will become protected resources in Sentinel, which can leverage Sentinel's flow control and guard ability when rules are configured. If you don't want to enable the filter, you can manually disable it. For example:</p>
+<pre><code class="language-java"><span class="hljs-meta">@Bean</span>
+<span class="hljs-function"><span class="hljs-keyword">public</span> ConsumerConfig <span class="hljs-title">consumerConfig</span><span class="hljs-params">()</span> </span>{
+ ConsumerConfig consumerConfig = <span class="hljs-keyword">new</span> ConsumerConfig();
+ consumerConfig.setFilter(<span class="hljs-string">"-sentinel.dubbo.consumer.filter"</span>);
+ <span class="hljs-keyword">return</span> consumerConfig;
+}
+</code></pre>
+<p>We've provided sereval demos, you can check here: <a href="https://github.com/alibaba/Sentinel/tree/master/sentinel-demo/sentinel-demo-dubbo">sentinel-demo-dubbo</a>。</p>
+<h3>Service Provider</h3>
+<p>Dubbo service providers provide services for outside world and handle requests from consumers. To protect the service provider from suffering the proliferation of traffic flow, you can set flow rules in <strong>QPS mode</strong> to the service provider. Thus, when the number of requests per second exceeds the threshold, new requests are automatically rejected.</p>
+<p>The flow control for Dubbo services has two granularities: service interface and service method.</p>
+<ul>
+<li>Service interface：resourceName format is <code>interfaceName</code>，e.g. <code>com.alibaba.csp.sentinel.demo.dubbo.FooService</code></li>
+<li>Service method：resourceName format is <code>interfaceName:methodSignature</code>，e.g. <code>com.alibaba.csp.sentinel.demo.dubbo.FooService:sayHello(java.lang.String)</code></li>
+</ul>
+<p>For the detail of flow rule configuration and flow control, please refer to <a href="https://github.com/alibaba/Sentinel/wiki/Flow-Control">Flow Control | Sentinel</a>.</p>
+<p>Let's take a look at the effect of the QPS flow control. Assume that we have a service interface <code>com.alibaba.csp.sentinel.demo.dubbo.FooService</code>, which contains a method <code>sayHello(java.lang.String)</code>. We set flow rule for service provider (QPS count = 10). Then we do RPC 15 times at service consumer continuously in 1s. We can see the blocked metrics in the log. The log of blocked calls is located in <code>~/logs/csp/sentinel-block.log</code>：</p>
+<pre><code>2018-07-24 17:13:43|1|com.alibaba.csp.sentinel.demo.dubbo.FooService:sayHello(java.lang.String),FlowException,default,|5,0
+</code></pre>
+<p>Log messages will also appear in provider's metric log：</p>
+<pre><code>1532423623000|2018-07-24 17:13:43|com.alibaba.csp.sentinel.demo.dubbo.FooService|15|0|15|0|3
+1532423623000|2018-07-24 17:13:43|com.alibaba.csp.sentinel.demo.dubbo.FooService:sayHello(java.lang.String)|10|5|10|0|0
+</code></pre>
+<p>In many circumstances, it's also significant to control traffic flow based on the <strong>caller</strong>. For example, assuming that there are two services A and B, both of them initiate remote call requests to the service provider. If we want to limit the calls from service B only, we can set the <code>limitApp</code> of flow rule as the identifier of service B (e.g. service name). The Sentinel Dubbo Adapter will automatically resolve the Dubbo consumer's <em>application name</em> a [...]
+<blockquote>
+<p>Note: Dubbo consumer does not provide its Dubbo application name when doing RPC, so developers should manually put the application name into <em>attachment</em> at consumer side, then extract it at provider side. Sentinel Dubbo Adapter has implemented a filter where consumer can carry application name information to provider automatically. If the counsmer does not use Sentinel Dubbo Adapter but requires flow control based on caller, developers can manually put the application name int [...]
+</blockquote>
+<p>The <code>sentinel-block.log</code> will also record caller name. For example:</p>
+<pre><code>2018-07-25 16:26:48|1|com.alibaba.csp.sentinel.demo.dubbo.FooService:sayHello(java.lang.String),FlowException,default,demo-consumer|5,0
+</code></pre>
+<p>The <code>demo-consumer</code> in the log is the caller name (origin).</p>
+<h3>Service Consumer</h3>
+<p>Dubbo service consumers act as a client to invoke the remote service. Each service may depend on several downstream services. If a service A depends on the downstream service B, and service B is unstable (i.e. the response time becomes longer), the number of threads where service A invokes service B will accumulate, thus may eventually run out of service A's thread pool. We use the thread count to control access to downstream service B. This can ensure service itself not affected by o [...]
+<p>The thread-count-based flow control mode does not require us to explicitly perform thread pool isolation. Sentinel will control the number of threads of the resource, and the excess requests will be rejected directly until the stacked tasks are completed.</p>
+<h3>Sentinel Dashboard</h3>
+<p>For ease of use, Sentinel provides a Dashboard for configuring rules, viewing monitoring metrics, machine discovery, and more. We only need to start the dashborad according to the <a href="https://github.com/alibaba/Sentinel/wiki/Dashboard">Sentinel dashboard documentation</a>, then add the appropriate parameters to the corresponding application and launch it. For example, the startup parameters of the service provider demo in this article is:</p>
+<pre><code class="language-bash">-Djava.net.preferIPv4Stack=<span class="hljs-literal">true</span> -Dcsp.sentinel.api.port=8720 -Dcsp.sentinel.dashboard.server=localhost:8080 -Dproject.name=dubbo-provider-demo
+</code></pre>
+<p>After launching the service provider demo, we can find our application in the Sentinel dashboard. It's convenient to configure the rules in the dashboard：</p>
+<p><img src="../../img/blog/sentinel-dashboard-view-rules.png" alt="Rule List"></p>
+<p>Or view real-time metrics：</p>
+<p><img src="../../img/blog/sentinel-dashboard-metrics.png" alt="Real-time metrics monitoring"></p>
+<h2>Summary</h2>
+<p>This blog post only introduces the simplest scenario in Sentinel - Traffic Flow Control. Sentinel can handle more complex scenarios like circuit breaking, cold starting and uniform traffic flow. For more scenarios, you can dig into <a href="https://github.com/alibaba/Sentinel/wiki">Sentinel Wiki</a>.</p>
+</section><footer class="footer-container" data-reactid="19"><div class="footer-body" data-reactid="20"><img src="/img/dubbo_gray.png" data-reactid="21"/><img class="apache" src="/img/apache_logo.png" data-reactid="22"/><div class="cols-container" data-reactid="23"><div class="col col-12" data-reactid="24"><h3 data-reactid="25">Disclaimer</h3><p data-reactid="26">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubatio [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/blogDetail.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/blog/sentinel-introduction-for-dubbo.json b/en-us/blog/sentinel-introduction-for-dubbo.json
new file mode 100644
index 0000000..9af5c97
--- /dev/null
+++ b/en-us/blog/sentinel-introduction-for-dubbo.json
@@ -0,0 +1,4 @@
+{
+ "filename": "sentinel-introduction-for-dubbo.md",
+ "__html": "<h1>Sentinel: The flow sentinel of Dubbo services</h1>\n<p>In large clusters there may be thousands of Dubbo service instances in production, with continuous traffic coming in. However, in distributed systems, some services may be unavailable due to various of failure such as traffic surge, high system load, and network latency. If no control actions are performed, this may cause cascading failure, affecting the availability of the service. So we need a powerful library - Se [...]
+}
\ No newline at end of file
diff --git a/en-us/community/index.html b/en-us/community/index.html
new file mode 100644
index 0000000..5b6056f
--- /dev/null
+++ b/en-us/community/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="community" />
+ <meta name="description" content="community" />
+ <!-- 网页标签标题 -->
+ <title>community</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/community.css" />
+</head>
+<body>
+ <div id="root"><div class="community-page" data-reactroot="" data-reactid="1" data-react-checksum="-112829410"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-toggl [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/community.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/docs/admin/README.html b/en-us/docs/admin/README.html
new file mode 100644
index 0000000..7f5e93f
--- /dev/null
+++ b/en-us/docs/admin/README.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="README" />
+ <meta name="description" content="README" />
+ <!-- 网页标签标题 -->
+ <title>README</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/documentation.css" />
+</head>
+<body>
+ <div id="root"><div class="documentation-page" data-reactroot="" data-reactid="1" data-react-checksum="-1814788679"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu- [...]
+<p>The installation and maintenance guidance of registry center and dubbo-admin.</p>
+</div></section><footer class="footer-container" data-reactid="357"><div class="footer-body" data-reactid="358"><img src="/img/dubbo_gray.png" data-reactid="359"/><img class="apache" src="/img/apache_logo.png" data-reactid="360"/><div class="cols-container" data-reactid="361"><div class="col col-12" data-reactid="362"><h3 data-reactid="363">Disclaimer</h3><p data-reactid="364">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incuba [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/documentation.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/docs/admin/README.json b/en-us/docs/admin/README.json
new file mode 100644
index 0000000..42c24ff
--- /dev/null
+++ b/en-us/docs/admin/README.json
@@ -0,0 +1,4 @@
+{
+ "filename": "README.md",
+ "__html": "<h1>dubbo-admin-book</h1>\n<p>The installation and maintenance guidance of registry center and dubbo-admin.</p>\n"
+}
\ No newline at end of file
diff --git a/en-us/docs/admin/SUMMARY.html b/en-us/docs/admin/SUMMARY.html
new file mode 100644
index 0000000..7afaca4
--- /dev/null
+++ b/en-us/docs/admin/SUMMARY.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="SUMMARY" />
+ <meta name="description" content="SUMMARY" />
+ <!-- 网页标签标题 -->
+ <title>SUMMARY</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/documentation.css" />
+</head>
+<body>
+ <div id="root"><div class="documentation-page" data-reactroot="" data-reactid="1" data-react-checksum="-1247845133"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu- [...]
+<li><a href="install/introduction.md">1 install manual</a>
+<ul>
+<li><a href="install/provider-demo.md">1.1 install provider demo</a></li>
+<li><a href="install/consumer-demo.md">1.2 install consumer demo</a></li>
+<li><a href="install/zookeeper.md">1.3 install Zookeeper configuration center</a></li>
+<li><a href="install/redis.md">1.4 install Redis configuration center</a></li>
+<li><a href="install/simple-registry-center.md">1.5 install Simple configuration center</a></li>
+<li><a href="install/simple-monitor-center.md">1.6 install Simple monitor center</a></li>
+<li><a href="install/admin-console.md">1.7 install admin console</a></li>
+</ul>
+</li>
+<li><a href="">2 Ops manual</a>
+<ul>
+<li><a href="ops/dubbo-ops.md">2.1 admin-console Ops</a></li>
+</ul>
+</li>
+</ul>
+</div></section><footer class="footer-container" data-reactid="357"><div class="footer-body" data-reactid="358"><img src="/img/dubbo_gray.png" data-reactid="359"/><img class="apache" src="/img/apache_logo.png" data-reactid="360"/><div class="cols-container" data-reactid="361"><div class="col col-12" data-reactid="362"><h3 data-reactid="363">Disclaimer</h3><p data-reactid="364">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incuba [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/documentation.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/docs/admin/SUMMARY.json b/en-us/docs/admin/SUMMARY.json
new file mode 100644
index 0000000..cc72066
--- /dev/null
+++ b/en-us/docs/admin/SUMMARY.json
@@ -0,0 +1,4 @@
+{
+ "filename": "SUMMARY.md",
+ "__html": "<ul>\n<li><a href=\"install/introduction.md\">1 install manual</a>\n<ul>\n<li><a href=\"install/provider-demo.md\">1.1 install provider demo</a></li>\n<li><a href=\"install/consumer-demo.md\">1.2 install consumer demo</a></li>\n<li><a href=\"install/zookeeper.md\">1.3 install Zookeeper configuration center</a></li>\n<li><a href=\"install/redis.md\">1.4 install Redis configuration center</a></li>\n<li><a href=\"install/simple-registry-center.md\">1.5 install Simple configurat [...]
+}
\ No newline at end of file
diff --git a/en-us/docs/admin/install/admin-console.html b/en-us/docs/admin/install/admin-console.html
new file mode 100644
index 0000000..ca99005
--- /dev/null
+++ b/en-us/docs/admin/install/admin-console.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="admin-console" />
+ <meta name="description" content="admin-console" />
+ <!-- 网页标签标题 -->
+ <title>admin-console</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/documentation.css" />
+</head>
+<body>
+ <div id="root"><div class="documentation-page" data-reactroot="" data-reactid="1" data-react-checksum="-846272249"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-t [...]
+<p>Include: route rule, dynamic configuration, service downgrade, access control, weight adjustment, load balance, etc.</p>
+<p>Install:</p>
+<pre><code class="language-sh">wget http://apache.etoak.com/tomcat/tomcat-6/v6.0.35/bin/apache-tomcat-6.0.35.tar.gz
+tar zxvf apache-tomcat-6.0.35.tar.gz
+<span class="hljs-built_in">cd</span> apache-tomcat-6.0.35
+rm -rf webapps/ROOT
+
+git <span class="hljs-built_in">clone</span> https://github.com/dubbo/dubbo-ops.git /var/tmp/dubbo-ops
+<span class="hljs-built_in">pushd</span> /var/tmp/dubbo-ops
+mvn clean package
+<span class="hljs-built_in">popd</span>
+
+unzip /var/tmp/dubbo-ops/dubbo-admin/target/dubbo-admin-2.0.0.war -d webapps/ROOT
+</code></pre>
+<p>Configuration <sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>:</p>
+<pre><code class="language-sh">vi webapps/ROOT/WEB-INF/dubbo.properties
+dubbo.properties
+dubbo.registry.address=zookeeper://127.0.0.1:2181
+dubbo.admin.root.password=root
+dubbo.admin.guest.password=guest
+</code></pre>
+<p>Start:</p>
+<pre><code class="language-sh">./bin/startup.sh
+</code></pre>
+<p>Stop:</p>
+<pre><code class="language-sh">./bin/shutdown.sh
+</code></pre>
+<p>Visit <sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup>:</p>
+<pre><code>http://127.0.0.1:8080/
+</code></pre>
+<hr class="footnotes-sep">
+<section class="footnotes">
+<ol class="footnotes-list">
+<li id="fn1" class="footnote-item"><p>Or put <code>dubbo.properties</code> in current user directory <a href="#fnref1" class="footnote-backref">↩︎</a></p>
+</li>
+<li id="fn2" class="footnote-item"><p>User: root, password: root or user: guest, password: guest <a href="#fnref2" class="footnote-backref">↩︎</a></p>
+</li>
+</ol>
+</section>
+</div></section><footer class="footer-container" data-reactid="357"><div class="footer-body" data-reactid="358"><img src="/img/dubbo_gray.png" data-reactid="359"/><img class="apache" src="/img/apache_logo.png" data-reactid="360"/><div class="cols-container" data-reactid="361"><div class="col col-12" data-reactid="362"><h3 data-reactid="363">Disclaimer</h3><p data-reactid="364">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incuba [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/documentation.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/docs/admin/install/admin-console.json b/en-us/docs/admin/install/admin-console.json
new file mode 100644
index 0000000..a434536
--- /dev/null
+++ b/en-us/docs/admin/install/admin-console.json
@@ -0,0 +1,4 @@
+{
+ "filename": "admin-console.md",
+ "__html": "<h1>Install admin console</h1>\n<p>Include: route rule, dynamic configuration, service downgrade, access control, weight adjustment, load balance, etc.</p>\n<p>Install:</p>\n<pre><code class=\"language-sh\">wget http://apache.etoak.com/tomcat/tomcat-6/v6.0.35/bin/apache-tomcat-6.0.35.tar.gz\ntar zxvf apache-tomcat-6.0.35.tar.gz\n<span class=\"hljs-built_in\">cd</span> apache-tomcat-6.0.35\nrm -rf webapps/ROOT\n\ngit <span class=\"hljs-built_in\">clone</span> https://github.c [...]
+}
\ No newline at end of file
diff --git a/en-us/docs/admin/install/consumer-demo.html b/en-us/docs/admin/install/consumer-demo.html
new file mode 100644
index 0000000..391cfc9
--- /dev/null
+++ b/en-us/docs/admin/install/consumer-demo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <meta name="keywords" content="consumer-demo" />
+ <meta name="description" content="consumer-demo" />
+ <!-- 网页标签标题 -->
+ <title>consumer-demo</title>
+ <link rel="shortcut icon" href="/img/dubbo.ico"/>
+ <link rel="stylesheet" href="/build/documentation.css" />
+</head>
+<body>
+ <div id="root"><div class="documentation-page" data-reactroot="" data-reactid="1" data-react-checksum="1662265934"><header class="header-container header-container-normal" data-reactid="2"><div class="header-body" data-reactid="3"><a href="/en-us/index.html" data-reactid="4"><img class="logo" src="/img/dubbo_colorful.png" data-reactid="5"/></a><span class="language-switch language-switch-normal" data-reactid="6">中</span><div class="header-menu" data-reactid="7"><img class="header-menu-t [...]
+<p>install:</p>
+<pre><code class="language-sh">git <span class="hljs-built_in">clone</span> https://github.com/apache/incubator-dubbo.git
+<span class="hljs-built_in">cd</span> incubator-dubbo
+Please start Provider first
+add -Djava.net.preferIPv4Stack=<span class="hljs-literal">true</span> <span class="hljs-keyword">if</span> your IDE is Intellij Idea
+</code></pre>
+<p>configuration:</p>
+<pre><code class="language-sh">resource/META-INFO.spring/dubbo-demo-consumer.xml
+change dubbo:registery to the real registery center address
+</code></pre>
+</div></section><footer class="footer-container" data-reactid="357"><div class="footer-body" data-reactid="358"><img src="/img/dubbo_gray.png" data-reactid="359"/><img class="apache" src="/img/apache_logo.png" data-reactid="360"/><div class="cols-container" data-reactid="361"><div class="col col-12" data-reactid="362"><h3 data-reactid="363">Disclaimer</h3><p data-reactid="364">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incuba [...]
+ <script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
+ <script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
+ <script>
+ window.rootPath = '';
+ </script>
+ <script src="/build/documentation.js"></script>
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112489517-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-112489517-1');
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/en-us/docs/admin/install/consumer-demo.json b/en-us/docs/admin/install/consumer-demo.json
new file mode 100644
index 0000000..e06343d
--- /dev/null
+++ b/en-us/docs/admin/install/consumer-demo.json
@@ -0,0 +1,4 @@
+{
... 50512 lines suppressed ...