From c65587525fce1b5f6e798d61922e0cdd4a7b468c Mon Sep 17 00:00:00 2001 From: SukkaW Date: Mon, 19 Aug 2019 22:59:30 +0800 Subject: [PATCH] docs(demo): update demo site --- docs/CNAME | 1 + docs/index.html | 72 +++++++++++++++++++++++++++++++++++++++---------- 2 files changed, 59 insertions(+), 14 deletions(-) create mode 100755 docs/CNAME diff --git a/docs/CNAME b/docs/CNAME new file mode 100755 index 0000000..e686174 --- /dev/null +++ b/docs/CNAME @@ -0,0 +1 @@ +disqusjs.skk.moe \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 4343a73..6d6f380 100644 --- a/docs/index.html +++ b/docs/index.html @@ -20,12 +20,25 @@ padding: 0 } + blockquote { + border-left: .25em solid #dfe2e5; + color: #6a737d; + padding: 0 1em; + margin-left: 0 + } + .comment-container { width: 100%; - background: #eee; + background: #efefef; padding: 20px 0 } + .comment-container-text { + max-width: 600px; + margin: 0 auto; + padding: 10px + } + #disqus_thread { max-width: 600px; margin: 20px auto; @@ -36,7 +49,7 @@ max-width: 600px; padding: 20px; margin: 20px auto 0; - text-align: center + text-align: left } .github-corner:hover .octo-arm { @@ -70,28 +83,59 @@ animation: octocat-wave 560ms ease-in-out } } + + .dsqjs-demo-btn-container { + text-align: center + } + + .dsqjs-demo-btn-container a { + display: inline-block; + text-decoration: none; + height: 36px; + line-height: 36px; + border-radius: 22px; + text-align: center; + } + + .btn-begin { + padding: 0 20px; + min-width: 80px; + color: white; + background-color: #2e9fff; + } + + .btn-github { + margin-left: 36px; + width: 120px; + color: #2e9fff; + border: 1px solid #2e9fff; + } + -
-

DisqusJS Demo

-

Disqus 替代方案 - 使用 Disqus API 渲染评论列表

-

Demo 中使用了我自行搭建的 Disqus API 反代 https://disqus.skk.moe/disqus/，开放给大家使用，但不保证 SLA

-

如果您当前网络支持访问 Disqus，DisqusJS 将会自动加载完整 DISQUS 模式。如果需要预览 DisqusJS 你可以 点击这里 - 来强制使用 DisqusJS 的评论基础模式

+

DisqusJS

+
Disqus 替代方案 - 使用 Disqus API 渲染评论列表
+

DisqusJS 提供一个纯前端的、不依赖后端服务器的 Disqus 评论基础模式。

+
+ 开始使用 + GitHub +
+
+

演示

+

如果您当前网络支持访问 Disqus，DisqusJS 将会自动加载完整 DISQUS 模式。如果需要预览 DisqusJS 你可以 点击这里 来强制使用 DisqusJS 的评论基础模式

+
@@ -118,4 +162,4 @@ - \ No newline at end of file +