Improve styles

edenreich · Mar 10, 2024 · 65d3442 · 65d3442
1 parent 4dbfcbe
commit 65d3442
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -109,3 +109,21 @@ code {
     font-size: 12px;
   }
 }
+
+code.hljs {
+  background: #151515;
+  border-radius: 10px;
+}
+
+p > code {
+  padding: 0;
+  margin: 0;
+  font-weight: 600;
+  color: #1d1d1e;
+  background-color: #fcfcfc;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
diff --git a/src/utils/markdownParser.ts b/src/utils/markdownParser.ts
@@ -11,6 +11,7 @@ import remarkGfm from 'remark-gfm';
 import langHttp from 'highlight.js/lib/languages/http';
 import langNginx from 'highlight.js/lib/languages/nginx';
 import langDockerfile from 'highlight.js/lib/languages/dockerfile';
+import langYaml from 'highlight.js/lib/languages/yaml';
 import { MarkdownPost } from '@/types/MarkdownPost';
 
 export async function fetchMarkdownPosts(): Promise<MarkdownPost[]> {
@@ -36,6 +37,7 @@ export async function fetchMarkdownPosts(): Promise<MarkdownPost[]> {
             http: langHttp,
             nginx: langNginx,
             dockerfile: langDockerfile,
+            yaml: langYaml,
           },
         })
         .use(rehypeStringify)