fix contentlayerdev/contentlayer#558

Author: algasami

app/content/posts/20240128-vulkan.mdx

@@ -55,7 +55,9 @@ which is a way to make sure GPU commands can be sync-ed with each other. A semap
 two types: wait semaphores and signal semaphores. There can only be one signal semaphores, while there's
 no uppper limit for the number of wait semaphores. Semaphores in Vulkan are used exclusively for
 GPU-to-GPU operations, so the developers at Khronos Group come up with `VkFence` for GPU-to-CPU operations,
-which works identically[\[1\]](#ref-1).
+which works identically[^1].
+
+[^1]: I might have to research about this later.
 
 ### Command Execution Process
 
@@ -87,10 +89,6 @@ to our rendering pipelines.
 
 WIP... (◉ 3 ◉)
 
-## Notes
-
-1. <a name="ref-1"></a> I may have to research about this later.
-
 ## Edit Logs
 
 - 1.28.2024: First log

contentlayer.config.ts

@@ -3,6 +3,7 @@ import rehypeCodeTitles from "rehype-code-titles";
 import rehypeKatex from "rehype-katex";
 import rehypePrism from "rehype-prism-plus";
 import rehypeSlug from "rehype-slug";
+import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 
 export const Post = defineDocumentType(() => ({
@@ -54,7 +55,7 @@ export default makeSource({
   contentDirPath: "app/content",
   documentTypes: [Post],
   mdx: {
-    remarkPlugins: [remarkMath],
+    remarkPlugins: [remarkMath, remarkGfm],
     rehypePlugins: [
       rehypeKatex,
       rehypeSlug,

package.json

@@ -36,6 +36,7 @@
     "rehype-mathjax": "^6.0.0",
     "rehype-prism-plus": "^2.0.0",
     "rehype-slug": "^6.0.0",
+    "remark-gfm": "3.0.1",
     "remark-math": "^6.0.0",
     "sass": "^1.71.1",
     "serve": "^14.2.1",