feat: change render md, change styles inline code

public/posts/nachalo-raboty-s-serverom-nastrojka-vps.md

@@ -6,7 +6,7 @@ tags: [vps, настройка, ubuntu, безопасность, туториа
 description: "Статья посвящена первоначальной настройке доступа и усправления Virtual Private Server под Ubuntu 16.04"
 ---
 
-Статья посвящена первичной конфигурации VPS ([виртуальный выделенный сервер](https://ru.wikipedia.org/wiki/VPS){:rel="nofollow"}) под Ubuntu 16.04, после которой можно приступить к работе с сервером. Приводится описание нескольких шагов по настройке VPS, которые необходимо предпринять на ранних стадиях, как часть базовой установки удаленного хоста. Это повысит безопасность и удобство использования вашего сервера и даст вам прочную основу для последующих действий.
+Статья посвящена первичной конфигурации VPS ([виртуальный выделенный сервер](https://ru.wikipedia.org/wiki/VPS)) под Ubuntu 16.04, после которой можно приступить к работе с сервером. Приводится описание нескольких шагов по настройке VPS, которые необходимо предпринять на ранних стадиях, как часть базовой установки удаленного хоста. Это повысит безопасность и удобство использования вашего сервера и даст вам прочную основу для последующих действий.
 <!--more-->
 ## Обновление
 

src/app/posts/[slug]/page.tsx

@@ -1,6 +1,6 @@
 import {getPost, getPostPaths} from "@/lib/posts";
-import md from 'markdown-it';
 import {Time} from "@/components/Time";
+import {renderMd} from "@/lib/renderMd";
 
 export async function generateStaticParams() {
   return getPostPaths()
@@ -19,7 +19,7 @@ export default function Post({ params }: { params: { slug: string }}) {
         <div
           className="mt-8 prose"
           data-mdx-content="true"
-          dangerouslySetInnerHTML={{ __html: md().render(post.content) }}
+          dangerouslySetInnerHTML={{ __html: renderMd(post.content) }}
         />
       </article>
     </div>

src/components/PostCard/PostCard.tsx

@@ -1,6 +1,7 @@
 import {IPost} from "@/types";
 import Link from "next/link";
 import {Time} from "@/components/Time";
+import {renderMd} from "@/lib/renderMd";
 
 interface PostCardProps {
   post: IPost
@@ -17,9 +18,7 @@ export const PostCard = ({ post }: PostCardProps) => {
         </Link>
       </h2>
       <Time post={post} />
-      <p className="relative z-10 mt-2 text-sm text-zinc-600">
-        {post.content}
-      </p>
+      <p className="relative z-10 mt-2 text-sm text-zinc-600" dangerouslySetInnerHTML={{ __html: renderMd(post.content) }} />
       <div className="flex items-center gap-x-2 text-xs mt-3 flex-wrap">
         {(post.tags ?? []).map((tag) => (
           <a key={tag} className="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600" href="#">

src/lib/renderMd.ts

@@ -0,0 +1,5 @@
+import md from "markdown-it";
+
+export const renderMd = (content: string) => md({
+  html: true
+}).render(content)

tailwind.config.ts

@@ -12,6 +12,24 @@ const config: Config = {
         'gradient-conic':
           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
+
+      typography: {
+        DEFAULT: {
+          css: {
+            'code::before': {
+              content: 'none',
+            },
+            'code::after': {
+              content: 'none',
+            },
+            "p > code": {
+              background: "#f9f2f4",
+              "border-radius": "4px",
+              padding: "2px 4px"
+            }
+          },
+        },
+      }
     },
   },
   plugins: [