hexo-theme-nblog 1.0.0

package/source/css/markdown.css

@@ -0,0 +1,454 @@
+.post-body {
+  font-size: 16px;
+  line-height: 1.8;
+  color: var(--text-primary);
+}
+
+.post-body h1,
+.post-body h2,
+.post-body h3,
+.post-body h4,
+.post-body h5,
+.post-body h6 {
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  font-weight: 600;
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+}
+
+.post-body h1 .headerlink,
+.post-body h2 .headerlink,
+.post-body h3 .headerlink,
+.post-body h4 .headerlink,
+.post-body h5 .headerlink,
+.post-body h6 .headerlink {
+  color: var(--primary-color);
+  font-weight: normal;
+  opacity: 1;
+  transition: opacity var(--transition-fast);
+  border-bottom: none;
+  margin-right: 0.3em;
+  position: relative;
+  overflow: hidden;
+  font-size: larger;
+}
+
+.post-body h1 .headerlink::before,
+.post-body h2 .headerlink::before,
+.post-body h3 .headerlink::before,
+.post-body h4 .headerlink::before,
+.post-body h5 .headerlink::before,
+.post-body h6 .headerlink::before {
+  content: '#';
+}
+
+.post-body h1 .headerlink::after,
+.post-body h2 .headerlink::after,
+.post-body h3 .headerlink::after,
+.post-body h4 .headerlink::after,
+.post-body h5 .headerlink::after,
+.post-body h6 .headerlink::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  background: var(--btn-plain-bg-hover);
+  border-radius: 4px;
+  transition: height var(--transition-fast);
+  transform-origin: bottom;
+  z-index: -1;
+}
+
+.post-body h1 .headerlink:hover::after,
+.post-body h2 .headerlink:hover::after,
+.post-body h3 .headerlink:hover::after,
+.post-body h4 .headerlink:hover::after,
+.post-body h5 .headerlink:hover::after,
+.post-body h6 .headerlink:hover::after {
+  height: 100%;
+}
+
+.post-body h1 a::before,
+.post-body h2 a::before,
+.post-body h3 a::before,
+.post-body h4 a::before,
+.post-body h5 a::before,
+.post-body h6 a::before {
+  position: relative;
+  background: unset;
+}
+
+.post-body h1 {
+  font-size: 1.8em;
+  padding-bottom: 0.3em;
+  border-bottom: 2px solid var(--border-color);
+}
+
+.post-body h2 {
+  font-size: 1.5em;
+  padding-bottom: 0.3em;
+  border-bottom: 1px solid var(--border-color);
+}
+
+.post-body h3 {
+  font-size: 1.25em;
+}
+
+.post-body h4 {
+  font-size: 1.1em;
+}
+
+.post-body p {
+  margin-bottom: 1em;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.post-body a {
+  color: var(--primary-color);
+  text-decoration: none;
+  position: relative;
+  z-index: 1;
+  white-space: nowrap;
+  transition: color var(--transition-fast);
+}
+
+.post-body a::before {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  background: var(--btn-plain-bg-hover);
+  border-radius: 4px;
+  transition: height var(--transition-fast);
+  transform-origin: bottom;
+  z-index: -1;
+}
+
+.post-body a:hover::before {
+  height: 100%;
+}
+
+.post-body strong {
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.post-body em {
+  font-style: italic;
+}
+
+.post-body ul,
+.post-body ol {
+  margin-bottom: 1em;
+  padding-left: 2em;
+}
+
+.post-body li {
+  margin-bottom: 0.5em;
+}
+
+.post-body li::marker {
+  color: var(--primary-color);
+}
+
+.post-body li>strong,
+.post-body li>a {
+  display: inline-flex;
+  align-items: center;
+}
+
+.post-body blockquote {
+  margin: 1em 0;
+  padding: 1em 1.5em;
+  border-left: 4px solid var(--primary-color);
+  background: var(--primary-light);
+  border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
+  color: var(--text-secondary);
+}
+
+.post-body blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+.post-body code {
+  font-family: Consolas, Menlo, 'Fira Code', monospace;
+  font-size: 0.9em;
+  padding: 0.2em 0.4em;
+  margin: 0em 0.4em;
+  background: var(--border-color);
+  border-radius: 10px;
+  color: var(--primary-color);
+}
+
+.post-body pre {
+  margin: 1em 0;
+  padding: 0;
+  background: #282c34;
+  border-radius: 10px;
+  overflow: hidden;
+  font-family: Consolas, Menlo, 'Fira Code', monospace;
+}
+
+.post-body pre code {
+  padding: 0;
+  background: transparent;
+  font-size: 0.9em;
+  line-height: 1.6;
+  color: inherit;
+  font-family: Consolas, Menlo, 'Fira Code', monospace;
+}
+
+.post-body .highlight {
+  margin: 1em 0;
+  border-radius: 10px;
+  overflow-x: auto;
+  background: #282c34;
+  padding: 1em;
+  position: relative;
+  font-family: Consolas, Menlo, 'Fira Code', monospace;
+}
+
+.post-body .highlight pre {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  font-family: Consolas, Menlo, 'Fira Code', monospace;
+  white-space: pre;
+}
+
+.post-body .highlight code {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font-family: Consolas, Menlo, 'Fira Code', monospace;
+  white-space: pre;
+}
+
+.post-body .highlight table {
+  margin: 0;
+  border: none;
+}
+
+.post-body .highlight table tr {
+  background: transparent;
+}
+
+.post-body .highlight table td {
+  padding: 0;
+  border: none;
+}
+
+.post-body .highlight .gutter {
+  width: 20px;
+  padding-right: 5px;
+  border-right: 1px solid #3e4451;
+  text-align: right;
+  user-select: none;
+}
+
+.post-body .highlight .gutter pre {
+  padding: 0 0.5em 0 0.5em;
+}
+
+.post-body .highlight .gutter .line {
+  color: #5c6370;
+}
+
+.post-body .highlight .code pre {
+  padding: 0 0 0 0.5em;
+}
+
+.post-body .highlight .line {
+  height: 1.6em;
+  line-height: 1.6;
+}
+
+.post-body .highlight-wrap {
+  position: relative;
+  margin: 1em 0;
+  border-radius: 10px;
+  background: #282c34;
+  overflow-x: auto;
+}
+
+.post-body .highlight-wrap .highlight {
+  margin: 0;
+  padding: 5px;
+  overflow-x: auto;
+}
+
+.post-body .highlight-wrap .copy-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-family: var(--font-family);
+  color: #abb2bf;
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 6px;
+  cursor: pointer;
+  opacity: 0;
+  transition: all var(--transition-fast);
+  z-index: 10;
+}
+
+.post-body .highlight-wrap:hover .copy-btn {
+  opacity: 1;
+}
+
+.post-body .highlight-wrap .copy-btn:hover {
+  background: rgba(255, 255, 255, 0.2);
+  color: #fff;
+}
+
+.post-body .highlight-wrap .copy-btn.copied {
+  color: #98c379;
+  border-color: #98c379;
+}
+
+.post-body .highlight .code,
+.post-body .highlight .gutter {
+  user-select: none;
+}
+
+.post-body .highlight .code pre {
+  user-select: text;
+}
+
+.post-body img {
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--border-radius-sm);
+  margin: 1em 0;
+}
+
+.post-body figure {
+  margin: 1em 0;
+  text-align: center;
+}
+
+.post-body figure img {
+  margin: 0;
+}
+
+.post-body figcaption {
+  margin-top: 0.5em;
+  font-size: 0.9em;
+  color: var(--text-secondary);
+}
+
+.post-body table {
+  width: 100%;
+  margin: 1em 0;
+  border-collapse: collapse;
+  border-radius: var(--border-radius-sm);
+  overflow: hidden;
+}
+
+.post-body th,
+.post-body td {
+  padding: 12px 16px;
+  text-align: left;
+  border: 1px solid var(--border-color);
+}
+
+.post-body th {
+  background: rgba(var(--surface-color-rgb), 0.5);
+  font-weight: 600;
+}
+
+.post-body tr:nth-child(even) {
+  background: rgba(var(--surface-color-rgb), 0.3);
+}
+
+.post-body hr {
+  margin: 2em 0;
+  border: none;
+  height: 1px;
+  background: var(--border-color);
+}
+
+.post-body .task-list-item {
+  list-style: none;
+  margin-left: -1.5em;
+}
+
+.post-body .task-list-item input[type="checkbox"] {
+  margin-right: 0.5em;
+  accent-color: var(--primary-color);
+}
+
+.post-body .video-container {
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+  margin: 1em 0;
+  border-radius: var(--border-radius-sm);
+}
+
+.post-body .video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.post-body .toc {
+  background: rgba(var(--surface-color-rgb), 0.5);
+  padding: 1em 1.5em;
+  border-radius: var(--border-radius-sm);
+  margin-bottom: 1em;
+}
+
+.post-body .toc .toc-title {
+  font-weight: 600;
+  margin-bottom: 0.5em;
+}
+
+.post-body .toc ol {
+  padding-left: 1.5em;
+  margin-bottom: 0;
+}
+
+.post-body .toc li {
+  margin-bottom: 0.3em;
+}
+
+.post-body .toc a {
+  color: var(--text-secondary);
+  border-bottom: none;
+}
+
+.post-body .toc a:hover {
+  color: var(--primary-color);
+}
+
+@media (max-width: 768px) {
+  .post-body {
+    font-size: 15px;
+  }
+
+  .post-body pre {
+    font-size: 0.85em;
+  }
+
+  .post-body table {
+    display: block;
+    overflow-x: auto;
+  }
+
+  .post-body .highlight-wrap .copy-btn {
+    opacity: 1;
+  }
+}

package/source/css/twikoo.css

@@ -0,0 +1,105 @@
+#twikoo {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 40px 0;
+}
+
+.tk-footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.post-comments {
+  margin-top: 48px;
+  padding-top: 32px;
+  border-top: 1px solid var(--border-color);
+}
+
+.post-comments #twikoo-comment {
+  background: var(--surface-color);
+  backdrop-filter: var(--glass-blur);
+  -webkit-backdrop-filter: var(--glass-blur);
+  border-radius: var(--border-radius);
+  padding: 24px;
+  border: 1px solid var(--border-color);
+  box-shadow: var(--shadow-md);
+}
+
+#twikoo .el-button.el-button--primary {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  color: white;
+}
+
+#twikoo .el-button.el-button--primary:hover,
+#twikoo .el-button.el-button--primary:focus {
+  background: var(--primary-dark);
+  border-color: var(--primary-dark);
+}
+
+#twikoo .el-button.el-button--primary.is-disabled,
+#twikoo .el-button.el-button--primary.is-disabled:hover,
+#twikoo .el-button.el-button--primary.is-disabled:focus {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+#twikoo .el-button.el-button--default:hover,
+#twikoo .el-button.el-button--default:focus {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+  background: var(--primary-light);
+}
+
+#twikoo .tk-icon.__comments {
+  color: var(--text-secondary);
+}
+
+#twikoo .tk-icon.__comments:hover {
+  color: var(--primary-color);
+}
+
+#twikoo .tk-icon svg,
+#twikoo .OwO-logo svg,
+#twikoo .tk-submit-action-icon svg,
+#twikoo .tk-icon.__comments svg {
+  fill: currentColor;
+}
+
+[data-theme="dark"] #twikoo .el-button.el-button--primary {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+[data-theme="dark"] #twikoo .el-button.el-button--primary:hover,
+[data-theme="dark"] #twikoo .el-button.el-button--primary:focus {
+  background: var(--primary-light);
+  border-color: var(--primary-light);
+}
+
+[data-theme="dark"] #twikoo .el-button.el-button--primary.is-disabled,
+[data-theme="dark"] #twikoo .el-button.el-button--primary.is-disabled:hover,
+[data-theme="dark"] #twikoo .el-button.el-button--primary.is-disabled:focus {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  opacity: 0.5;
+}
+
+[data-theme="dark"] #twikoo .el-button.el-button--default:hover,
+[data-theme="dark"] #twikoo .el-button.el-button--default:focus {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+  background: var(--primary-light);
+}
+
+[data-theme="dark"] #twikoo .tk-icon.__comments {
+  color: var(--text-secondary);
+}
+
+[data-theme="dark"] #twikoo .tk-icon.__comments:hover {
+  color: var(--primary-color);
+}

package/source/favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1033 1105">
+  <path fill="#FF7F78" d="m530.5 55c-3.6 0-7.7 0.6-9.3 1.4-1.5 0.8-3.6 2.4-4.7 3.6-2 2.2-2 3.6-2 76.4 0 57.5 0.2 74.8 1.2 77.3 0.8 1.9 2.7 4 4.6 5 3 1.7 11.4 1.8 144.7 1.4 102.6-0.3 143.1-0.1 147.3 0.8 3.3 0.6 7 2.1 8.7 3.6 2 1.7 3.5 4.4 4.7 8.2 1.5 5.3 1.6 19.4 0.9 174.3-0.5 135.3-0.4 169 0.7 171 0.7 1.4 2.6 3.2 4.2 4 2.6 1.4 13.2 1.7 79.5 2.2 69.5 0.5 76.9 0.4 80.9-1.1 2.4-0.9 5.2-2.8 6.3-4.4 1.7-2.6 1.8-11.7 1.8-259.4 0-243.4-0.1-256.9-1.7-259.2-1-1.4-3.3-3.1-5.1-3.8-2.6-1.1-42.9-1.3-216.7-1.3-146.1 0-236.1 0.1-226.5 0 9.6-0.1-15.9 0-19.5 0zm-487.6 461.9c-2 0.3-4.9 1.7-6.3 3.1-1.5 1.4-3.2 4.3-3.8 6.5-0.7 2.8-1 78.5-0.9 259.5l0.7 255.2c0.1 0.8 0.4 1.8 0.6 2 3.9 3.9 6 4.3 7.8 4.8 1.9 0.6 7.2 1 11.8 1 4.8 0 7.6 0.2 8.2 0.1 3.5-0.1 5.9 0.2 12.9 0.2 7 0 12.2-0.1 10.3 0-0.6 0 63-0.1 187.3-0.3 125-0.2 185.6 0 188.4 0.2 2.2 0.1 4.3 0.1 11.3 0 7 0 9.2-0.1 10.6 0 0.6 0.1 4.1-0.2 10-0.2 5.3 0 11.4-0.5 13.5-1 2.3-0.6 4.8-2.4 6.7-4.8l2.1-3.6c-0.5-144-0.6-145.8-1.6-149.4-0.6-2-3.6-4-5.5-4.8-3.2-1.5-15.3-1.6-140-0.7-75.1 0.6-139.4 0.7-143 0.3-3.6-0.4-8-1.4-9.7-2.3-1.8-1-4.2-2.9-5.4-4.5-1.1-1.5-2.5-4.5-3.2-6.7-0.8-2.7-1.1-16-1.2-41.5 0-20.6 0.1-97.1 0.3-170 0.2-124.8 0.1-132.7-1.5-136-1-1.9-3.2-4.2-4.8-5.1-2.7-1.5-10.6-1.7-77.5-2.2-41-0.3-76.1-0.2-78.1 0.2zm233.5-230.7c-3 0.5-5.8 1.6-7.2 3-1.5 1.6-2.5 4.3-3.2 8.8-0.6 3.8-1 48-1 106.5 0 98.3 0 100.1 2 105 1.3 3.3 3.1 5.7 5.3 7 3.1 1.9 5.1 1.9 115.2 1.7 64.9-0.2 113.6-0.7 115.8-1.3 2-0.5 4.8-1.9 6.1-3.2 1.2-1.2 2.7-3.8 3.2-5.7 0.6-2.1 0.9-46 0.8-107-0.1-56.9-0.5-104.6-0.9-106-0.4-1.4-1.7-3.6-2.9-4.9-1.1-1.3-3.2-2.8-4.6-3.4-1.7-0.8-35.9-1.1-113.1-1.1-60.8-0.1-112.7 0.2-115.5 0.6zm254.1 297.8c-5.3 0.3-9 1.1-10.8 2.2-1.5 1-3.3 2.8-4 4-0.9 1.8-1.3 25.3-1.5 105.8-0.2 56.9 0 106 0.4 109 0.5 4.3 0.8 7.2 3.4 9.9l4 2 231.7 0.4c5.6-3.5 6.8-7.4 7.3-9.3 0.6-2.1 0.9-44.5 0.7-109.5-0.2-99.1-0.3-106.3-1.9-108.8-1-1.5-3.3-3.3-5-4.1-2.8-1.3-19.9-1.5-109.8-1.8-58.6-0.2-110.1-0.1-114.5 0.2z"/>
+</svg>