feat: 实现 Markdown 渲染核心

themes/typora-like/theme.css

@@ -83,6 +83,27 @@
   background: transparent;
 }
 
+#write .hljs-keyword,
+#write .hljs-selector-tag,
+#write .hljs-literal {
+  color: #9a3412;
+}
+
+#write .hljs-string,
+#write .hljs-attr {
+  color: #166534;
+}
+
+#write .hljs-title,
+#write .hljs-function {
+  color: #1d4ed8;
+}
+
+#write .hljs-comment {
+  color: #7c838a;
+  font-style: italic;
+}
+
 #write table {
   width: 100%;
   margin: 1.3em 0;
@@ -106,3 +127,37 @@
   max-width: 100%;
   height: auto;
 }
+
+#write .contains-task-list {
+  padding-left: 0.25em;
+  list-style: none;
+}
+
+#write .md-task-list-item {
+  list-style: none;
+}
+
+#write .task-list-item-checkbox {
+  margin: 0 0.55em 0.2em 0;
+  vertical-align: middle;
+}
+
+#write .footnotes {
+  margin-top: 2.5em;
+  padding-top: 1em;
+  border-top: 1px solid var(--md-border);
+  color: var(--md-muted);
+  font-size: 0.9em;
+}
+
+#write .katex-display {
+  margin: 1.4em 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  text-align: center;
+}
+
+#write .mermaid {
+  margin: 1.5em auto;
+  text-align: center;
+}