forked from blinkfox/hexo-theme-matery
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request blinkfox#610 from imaegoo/twikoo-comment
适配 Twikoo 评论系统
- Loading branch information
Showing
7 changed files
with
320 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,272 @@ | ||
| <style> | ||
| .twikoo-card { | ||
| margin: 1.5rem auto; | ||
| } | ||
| .twikoo-card .card-content { | ||
| padding: 20px; | ||
| } | ||
| #tcomments textarea { | ||
| box-sizing: border-box; | ||
| background: url("<%- url_for(theme.twikoo.background) %>") 100% 100% no-repeat; | ||
| } | ||
| #tcomments p { | ||
| margin: 2px 2px 10px; | ||
| font-size: 1.05rem; | ||
| line-height: 1.78rem; | ||
| } | ||
| #tcomments blockquote p { | ||
| text-indent: 0.2rem; | ||
| } | ||
| #tcomments a { | ||
| padding: 0 2px; | ||
| color: #4cbf30; | ||
| font-weight: 500; | ||
| text-decoration: none; | ||
| } | ||
| #tcomments img { | ||
| max-width: 100%; | ||
| height: auto; | ||
| cursor: pointer; | ||
| } | ||
| #tcomments ol li { | ||
| list-style-type: decimal; | ||
| } | ||
| #tcomments ol, | ||
| ul { | ||
| display: block; | ||
| padding-left: 2em; | ||
| word-spacing: 0.05rem; | ||
| } | ||
| #tcomments ul li, | ||
| ol li { | ||
| display: list-item; | ||
| line-height: 1.8rem; | ||
| font-size: 1rem; | ||
| } | ||
| #tcomments ul li { | ||
| list-style-type: disc; | ||
| } | ||
| #tcomments ul ul li { | ||
| list-style-type: circle; | ||
| } | ||
| #tcomments table, | ||
| th, | ||
| td { | ||
| padding: 12px 13px; | ||
| border: 1px solid #dfe2e5; | ||
| } | ||
| #tcomments table, | ||
| th, | ||
| td { | ||
| border: 0; | ||
| } | ||
| table tr:nth-child(2n), | ||
| thead { | ||
| background-color: #fafafa; | ||
| } | ||
| #tcomments table th { | ||
| background-color: #f2f2f2; | ||
| min-width: 80px; | ||
| } | ||
| #tcomments table td { | ||
| min-width: 80px; | ||
| } | ||
| #tcomments h1 { | ||
| font-size: 1.85rem; | ||
| font-weight: bold; | ||
| line-height: 2.2rem; | ||
| } | ||
| #tcomments h2 { | ||
| font-size: 1.65rem; | ||
| font-weight: bold; | ||
| line-height: 1.9rem; | ||
| } | ||
| #tcomments h3 { | ||
| font-size: 1.45rem; | ||
| font-weight: bold; | ||
| line-height: 1.7rem; | ||
| } | ||
| #tcomments h4 { | ||
| font-size: 1.25rem; | ||
| font-weight: bold; | ||
| line-height: 1.5rem; | ||
| } | ||
| #tcomments h5 { | ||
| font-size: 1.1rem; | ||
| font-weight: bold; | ||
| line-height: 1.4rem; | ||
| } | ||
| #tcomments h6 { | ||
| font-size: 1rem; | ||
| line-height: 1.3rem; | ||
| } | ||
| #tcomments p { | ||
| font-size: 1rem; | ||
| line-height: 1.5rem; | ||
| } | ||
| #tcomments hr { | ||
| margin: 12px 0; | ||
| border: 0; | ||
| border-top: 1px solid #ccc; | ||
| } | ||
| #tcomments blockquote { | ||
| margin: 15px 0; | ||
| border-left: 5px solid #42b983; | ||
| padding: 1rem 0.8rem 0.3rem 0.8rem; | ||
| color: #666; | ||
| background-color: rgba(66, 185, 131, .1); | ||
| } | ||
| #tcomments pre { | ||
| font-family: monospace, monospace; | ||
| padding: 1.2em; | ||
| margin: .5em 0; | ||
| background: #272822; | ||
| overflow: auto; | ||
| border-radius: 0.3em; | ||
| tab-size: 4; | ||
| } | ||
| #tcomments code { | ||
| font-family: monospace, monospace; | ||
| padding: 1px 3px; | ||
| font-size: 0.92rem; | ||
| color: #e96900; | ||
| background-color: #f8f8f8; | ||
| border-radius: 2px; | ||
| } | ||
| #tcomments pre code { | ||
| font-family: monospace, monospace; | ||
| padding: 0; | ||
| color: #e8eaf6; | ||
| background-color: #272822; | ||
| } | ||
| #tcomments pre[class*="language-"] { | ||
| padding: 1.2em; | ||
| margin: .5em 0; | ||
| } | ||
| #tcomments code[class*="language-"], | ||
| pre[class*="language-"] { | ||
| color: #e8eaf6; | ||
| } | ||
| #tcomments [type="checkbox"]:not(:checked), | ||
| [type="checkbox"]:checked { | ||
| position: inherit; | ||
| margin-left: -1.3rem; | ||
| margin-right: 0.4rem; | ||
| margin-top: -1px; | ||
| vertical-align: middle; | ||
| left: unset; | ||
| visibility: visible; | ||
| } | ||
| #tcomments b, | ||
| strong { | ||
| font-weight: bold; | ||
| } | ||
| #tcomments dfn { | ||
| font-style: italic; | ||
| } | ||
| #tcomments small { | ||
| font-size: 85%; | ||
| } | ||
| #tcomments cite { | ||
| font-style: normal; | ||
| } | ||
| #tcomments mark { | ||
| background-color: #fcf8e3; | ||
| padding: .2em; | ||
| } | ||
| #tcomments table, | ||
| th, | ||
| td { | ||
| padding: 12px 13px; | ||
| border: 1px solid #dfe2e5; | ||
| } | ||
| table tr:nth-child(2n), | ||
| thead { | ||
| background-color: #fafafa; | ||
| } | ||
| #tcomments table th { | ||
| background-color: #f2f2f2; | ||
| min-width: 80px; | ||
| } | ||
| #tcomments table td { | ||
| min-width: 80px; | ||
| } | ||
| #tcomments [type="checkbox"]:not(:checked), | ||
| [type="checkbox"]:checked { | ||
| position: inherit; | ||
| margin-left: -1.3rem; | ||
| margin-right: 0.4rem; | ||
| margin-top: -1px; | ||
| vertical-align: middle; | ||
| left: unset; | ||
| visibility: visible; | ||
| } | ||
| </style> | ||
|
|
||
| <div class="card twikoo-card" data-aos="fade-up"> | ||
| <div class="comment_headling" style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;"> | ||
| <i class="fas fa-comments fa-fw" aria-hidden="true"></i> | ||
| <span>评论</span> | ||
| </div> | ||
| <div class="card-content" style="display: grid"> | ||
| <div id="tcomments"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.twikoo) %>"></script> | ||
| <script> | ||
| twikoo.init({ | ||
| envId: '<%- theme.twikoo.envId %>', | ||
| el: '#tcomments', | ||
| region: '<%- theme.twikoo.region %>', | ||
| path: '<%- theme.twikoo.path %>' | ||
| }).then(function () { | ||
| var tkInputs = document.querySelector('#twikoo').getElementsByTagName('input'); | ||
| for (var tkInputsIndex = 0; tkInputsIndex < tkInputs.length; tkInputsIndex++) { | ||
| if (tkInputs[tkInputsIndex]) { | ||
| tkInputs[tkInputsIndex].classList.add('browser-default'); | ||
| } | ||
| } | ||
| }); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| /*! | ||
| * Twikoo v0.6.0 | ||
| * (c) 2020-2021 iMaeGoo | ||
| * Released under the MIT License. | ||
| * Last Update: 1/7/2021, 7:44:19 AM | ||
| */ | ||
|
|
||
| /*! | ||
| * Vue.js v2.6.12 | ||
| * (c) 2014-2020 Evan You | ||
| * Released under the MIT License. | ||
| */ | ||
|
|
||
| /** | ||
| * Prism: Lightweight, robust, elegant syntax highlighting | ||
| * | ||
| * @license MIT <https://opensource.org/licenses/MIT> | ||
| * @author Lea Verou <https://lea.verou.me> | ||
| * @namespace | ||
| * @public | ||
| */ |