Merge pull request '样式更新:表格行颜色交替显示优化,提升可读性' (#15) from others into main

Reviewed-on: RDCNWebs/rd.rdlevel.cn#15
This commit is contained in:
obugs 2025-10-21 22:03:52 +08:00
commit 718be9e9bf
7 changed files with 45 additions and 27 deletions

View File

@ -52,7 +52,7 @@
if (lang.trim().startsWith('rdview')) {
return RDViewRender(lang, code);
}
return `<pre><code>${escapeHtml(code)}</code></pre>`;
return `<pre data-lang="${lang}"><code>${escapeHtml(code)}</code></pre>`;
},
image: function (src, title, alt) {
return `<div class="image-tip"><img class="medium-zoom-image" src="${src}" alt="${alt}">${alt?`<p>${alt}</p>`:""}</div>`;

View File

@ -30,7 +30,7 @@
老话说得好知其然也要知其所以然。json文件也是可以手动写一个的只要你能明白文件的编排方式就行。如果需要使用只需要把这一堆复制下来保存到.txt中数据按自己的来改动最后把文件后缀名改成.json即可。**注意这个文件的文件名必须和精灵图的完全一致**。模板在下面:
<details><summary><strong>点我展开</strong></summary>
```json
<pre data-lang="json"><code>
{
"size": [64,64],
"name":"吾夜犹明",
@ -80,7 +80,6 @@
},
]
}
```
</code></pre>
</details>
@ -119,8 +118,8 @@
动图的循环模式
- `no`:播放一次回到 neutral 状态。
- `yes`:按 `fps` 值循环。
- `onbeat`:按节拍循环。
> 当 loop 值不为 `onbeat``neutral` 表情无帧时会导致精灵缩放效果在播放至第三拍时停止(无论是从哪个小节开始)。这是一个已知 bug。
- `onBeat`:按节拍循环。
> 当 `loop` 值不为 `onBeat``neutral` 表情没有帧时会导致精灵缩放效果在播放至第三拍时停止(无论是从哪个小节开始)。这是一个已知 bug。
- **`"loopStart"`**
在每轮循环帧播放完毕后回到 `frames` 中此值所指处的帧继续播放。
例:一个 5 帧的动画`[5,6,7,8,9]`loopstart3实际效果为 `[5,6,7,8,9,8,9,8,9,8,9,...]`

View File

@ -5,5 +5,5 @@
* (c) 2017-2023 JP Erasmus <jperasmus11@gmail.com>
* MIT license
*/
!function(){"use strict";function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}!function(e,o){void 0===o&&(o={});var t=o.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===t&&n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.styleSheet?c.styleSheet.cssText=e:c.appendChild(document.createTextNode(e))}}(".docsify-copy-code-button,.docsify-copy-code-button>span{cursor:pointer;transition:all .25s ease}.docsify-copy-code-button{background:grey;background:var(--theme-color,grey);border:0;border-radius:0;color:#fff;font-size:1em;opacity:0;outline:0;overflow:visible;padding:.65em .8em;position:absolute;right:0;top:0;z-index:1}.docsify-copy-code-button>span{background:inherit;border-radius:3px;pointer-events:none}.docsify-copy-code-button>.error,.docsify-copy-code-button>.success{font-size:.825em;opacity:0;padding:.5em .65em;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-100}.docsify-copy-code-button.error>.error,.docsify-copy-code-button.success>.success{opacity:1;right:100%;transform:translate(-25%,-50%)}.docsify-copy-code-button:focus,pre:hover .docsify-copy-code-button{opacity:1}.docsify-copy-code-button>[aria-live]{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}"),document.querySelector('link[href*="docsify-copy-code"]')&&console.warn("[Deprecation] Link to external docsify-copy-code stylesheet is no longer necessary."),window.DocsifyCopyCodePlugin={init:function(){return function(e,o){e.ready((function(){console.warn("[Deprecation] Manually initializing docsify-copy-code using window.DocsifyCopyCodePlugin.init() is no longer necessary.")}))}}},window.$docsify=window.$docsify||{},window.$docsify.plugins=[function(o,t){var n={buttonText:"Copy to clipboard",errorText:"Error",successText:"Copied"};o.doneEach((function(){var o=Array.from(document.querySelectorAll("pre[data-lang]"));t.config.copyCode&&Object.keys(n).forEach((function(o){var c=t.config.copyCode[o];"string"==typeof c?n[o]=c:"object"===e(c)&&Object.keys(c).some((function(e){var t=location.href.indexOf(e)>-1;return n[o]=t?c[e]:n[o],t}))}));var c=['<button class="docsify-copy-code-button">','<span class="label">'.concat(n.buttonText,"</span>"),'<span class="error" aria-hidden="hidden">'.concat(n.errorText,"</span>"),'<span class="success" aria-hidden="hidden">'.concat(n.successText,"</span>"),'<span aria-live="polite"></span>',"</button>"].join("");o.forEach((function(e){e.insertAdjacentHTML("beforeend",c)}))})),o.mounted((function(){var e=document.querySelector(".content");e&&e.addEventListener("click",(function(e){if(e.target.classList.contains("docsify-copy-code-button")){var o="BUTTON"===e.target.tagName?e.target:e.target.parentNode,t=document.createRange(),c=o.parentNode.querySelector("code"),i=o.querySelector("[aria-live]"),r=window.getSelection();t.selectNode(c),r&&(r.removeAllRanges(),r.addRange(t));try{document.execCommand("copy")&&(o.classList.add("success"),i.innerText=n.successText,setTimeout((function(){o.classList.remove("success"),i.innerText=""}),1e3))}catch(e){console.error("docsify-copy-code: ".concat(e)),o.classList.add("error"),i.innerText=n.errorText,setTimeout((function(){o.classList.remove("error"),i.innerText=""}),1e3)}(r=window.getSelection())&&("function"==typeof r.removeRange?r.removeRange(t):"function"==typeof r.removeAllRanges&&r.removeAllRanges())}}))}))}].concat(window.$docsify.plugins||[])}();
!function(){"use strict";function e(o){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(o)}!function(e,o){void 0===o&&(o={});var t=o.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===t&&n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.styleSheet?c.styleSheet.cssText=e:c.appendChild(document.createTextNode(e))}}(".docsify-copy-code-button,.docsify-copy-code-button>span{cursor:pointer;transition:all .25s ease}.docsify-copy-code-button{background:grey;background:var(--theme-color,grey);border:0;border-radius:0;color:#fff;font-size:1em;opacity:0;outline:0;overflow:visible;padding:.65em .8em;position:absolute;right:0;top:0;z-index:1}.docsify-copy-code-button>span{background:inherit;border-radius:3px;pointer-events:none}.docsify-copy-code-button>.error,.docsify-copy-code-button>.success{font-size:.825em;opacity:0;padding:.5em .65em;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:-100}.docsify-copy-code-button.error>.error,.docsify-copy-code-button.success>.success{opacity:1;right:100%;transform:translate(-25%,-50%)}.docsify-copy-code-button:focus,pre:hover .docsify-copy-code-button{opacity:1}.docsify-copy-code-button>[aria-live]{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}"),document.querySelector('link[href*="docsify-copy-code"]')&&console.warn("[Deprecation] Link to external docsify-copy-code stylesheet is no longer necessary."),window.DocsifyCopyCodePlugin={init:function(){return function(e,o){e.ready((function(){console.warn("[Deprecation] Manually initializing docsify-copy-code using window.DocsifyCopyCodePlugin.init() is no longer necessary.")}))}}},window.$docsify=window.$docsify||{},window.$docsify.plugins=[function(o,t){var n={buttonText:"复制",errorText:"错误",successText:"已复制"};o.doneEach((function(){var o=Array.from(document.querySelectorAll("pre[data-lang]"));t.config.copyCode&&Object.keys(n).forEach((function(o){var c=t.config.copyCode[o];"string"==typeof c?n[o]=c:"object"===e(c)&&Object.keys(c).some((function(e){var t=location.href.indexOf(e)>-1;return n[o]=t?c[e]:n[o],t}))}));var c=['<button class="docsify-copy-code-button">','<span class="label">'.concat(n.buttonText,"</span>"),'<span class="error" aria-hidden="hidden">'.concat(n.errorText,"</span>"),'<span class="success" aria-hidden="hidden">'.concat(n.successText,"</span>"),'<span aria-live="polite"></span>',"</button>"].join("");o.forEach((function(e){e.insertAdjacentHTML("beforeend",c)}))})),o.mounted((function(){var e=document.querySelector(".content");e&&e.addEventListener("click",(function(e){if(e.target.classList.contains("docsify-copy-code-button")){var o="BUTTON"===e.target.tagName?e.target:e.target.parentNode,t=document.createRange(),c=o.parentNode.querySelector("code"),i=o.querySelector("[aria-live]"),r=window.getSelection();t.selectNode(c),r&&(r.removeAllRanges(),r.addRange(t));try{document.execCommand("copy")&&(o.classList.add("success"),i.innerText=n.successText,setTimeout((function(){o.classList.remove("success"),i.innerText=""}),1e3))}catch(e){console.error("docsify-copy-code: ".concat(e)),o.classList.add("error"),i.innerText=n.errorText,setTimeout((function(){o.classList.remove("error"),i.innerText=""}),1e3)}(r=window.getSelection())&&("function"==typeof r.removeRange?r.removeRange(t):"function"==typeof r.removeAllRanges&&r.removeAllRanges())}}))}))}].concat(window.$docsify.plugins||[])}();
//# sourceMappingURL=docsify-copy-code.min.js.map

View File

@ -5,6 +5,20 @@
src: url(/font/DinkieBitmap-7px.woff2) format('woff2');
}
@font-face {
font-family: 'd7i';
font-style: normal;
font-weight: 400;
src: url(/font/DinkieBitmap-9pxItalic.woff2) format('woff2');
}
@font-face {
font-family: 'd7c';
font-style: normal;
font-weight: 400;
src: url(/font/DinkieBitmap-9pxCode.woff2) format('woff2');
}
@font-face {
font-family: 'd9';
font-style: normal;
@ -964,7 +978,7 @@ section.cover blockquote>p>a {
.markdown-section output,
.markdown-section pre {
margin: 1.2em 0;
margin: 1em 0;
position: relative
}
@ -1000,8 +1014,8 @@ section.cover blockquote>p>a {
.markdown-section pre>code {
color: #525252;
font-size: .8rem;
padding: 2.2em 5px;
line-height: inherit;
padding: 1em 5px;
line-height: 1.2em;
margin: 0 2px;
max-width: inherit;
overflow: inherit;
@ -1269,4 +1283,12 @@ del {
color: inherit;
transition: background-color 0.1s, color 0.1s;
}
}
.docsify-copy-code-button{
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
padding: 0;
margin: 0;
border-radius: 5px;
font: 300 12px 'd9c', 'd9';
}

View File

@ -7,12 +7,16 @@
.markdown-section blockquote{
background-color: var(--section-blockquote-background-color);
color: var(--section-blockquote-color);
color: var(--main-color);
}
.markdown-section p.tip,
.markdown-section tr:nth-child(2n) {
background-color: var(--section-background-color);
background-color: var(--table-2nd-row-background-color);
}
.markdown-section tr:nth-child(2n-1) {
background-color: var(--table-1st-row-background-color);
}
.progress {
@ -132,7 +136,7 @@ body {
}
.markdown-section a {
color: var(--theme-color, var(--main-theme-color));
color: var(--theme-color, var(--section-blockquote-color));
}
.markdown-section blockquote {
@ -142,7 +146,7 @@ body {
.markdown-section code {
background-color: var(--section-main-color);
color: var(--theme-color);
color: var(--section-blockquote-color);
font-family: d9c, d9;
}
@ -151,9 +155,6 @@ body {
-webkit-font-smoothing: initial;
background-color: var(--section-main-color);
font-family: d9c, d9;
margin: 1.2em 0;
padding: 0 1.4rem;
position: relative;
}
.token.string {
@ -172,22 +173,14 @@ body {
-moz-osx-font-smoothing: initial;
-webkit-font-smoothing: initial;
background-color: var(--section-main-color);
border-radius: 2px;
color: var(--section-background-color);
display: block;
color: var(--section-blockquote-color);
font-family: d9c, d9;
}
.markdown-section code:after,
.markdown-section code:before {
letter-spacing: .05rem
}
pre:after {
color: #ccc;
content: attr(data-lang);
top: 0
top: 0;
}
.markdown-section p.tip {

View File

@ -7,7 +7,7 @@ body.dark {
--section-background-color: #003333;
--section-table-header-border-color: #303030;
--section-blockquote-background-color: #003a3a;
--section-blockquote-color: #d4d4d4;
--section-blockquote-color: #7cdcfe;
--section-tip-background-color: #161616;
--section-tip-color: #3f3f3fcc;
--section-p-warn-background-color: #ea6f5a1a;
@ -15,6 +15,8 @@ body.dark {
--notice-background-color: #3f3f3fcc;
--notice-border-color: #303030;
--notice-hover-background-color: #525252cc;
--table-1st-row-background-color: #00000038;
--table-2nd-row-background-color: #000000cc;
-webkit-tap-highlight-color: rgb(0, 0, 0);
--special-theme-position-backgound-color: #177500;

View File

@ -15,6 +15,8 @@ body.light {
--notice-background-color: #f0f0f0;
--notice-border-color: #b1b1b1;
--notice-hover-background-color: #e0e0e0;
--table-1st-row-background-color: #08c5ff26;
--table-2nd-row-background-color: #08c5ff5b;
-webkit-tap-highlight-color: rgb(255, 255, 255);
--special-theme-position-backgound-color: #05a000;