调整文章行距

barkure · Dec 11, 2023 · 77013d1 · 77013d1
1 parent 39d70e7
commit 77013d1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Article.js b/src/components/Article.js
@@ -109,7 +109,7 @@ const Article = () => {
         <ReactMarkdown
           className="ReactMarkdown"
           children={articleContent} // 文章内容
-          rehypePlugins={[rehypeHighlight, rehypeRaw]} // 代码高亮
+          rehypePlugins={[rehypeHighlight, rehypeRaw]} // 代码高亮，解析html标签
           remarkPlugins={[gfm]} // 使用remark-gfm
           components={{
             img(props) {

diff --git a/src/components/style.css b/src/components/style.css
@@ -88,4 +88,8 @@
 .ReactMarkdown th, .ReactMarkdown td {
   border: 1px solid black;
   padding: 10px;
+}
+
+.ReactMarkdown p {
+  line-height: 1.6; /* 设置行高 */
 }