feat: kod stillerini ekle

src/components/Post.astro

@@ -75,26 +75,13 @@ import { getEntry } from "astro:content";
   }
 </style>
 
-<div class="flex flex-col gap-3">
+<div class="flex flex-col gap-1">
   <div class="flex flex-col gap-2">
     <p class="tracking-wide text-slate-700">{categoryTitles[0]?.data.name}</p>
     <a class="no-underline text-inherit" href={postLink}>
-      <h4 class="text-3xl font-normal">{post.data.title.rendered}</h4>
+      <h4 class="text-2xl font-normal">{post.data.title.rendered}</h4>
     </a>
     <div class="flex flex-row gap-2">
-      {
-        options.showTags && post.data.tags?.length && (
-          <div class="flex items-center gap-1">
-            <Image alt="question mark" src={questionMark} />
-            <ul class="list-none flex pl-0 meta-list">
-              {post.data.tags.map((tag) => (
-                <li class="text-sm text-gray-500">{tag}</li>
-              ))}
-            </ul>
-          </div>
-        )
-      }
-
       <div class="flex items-center gap-1">
         <Image alt="calendar" src={calendar} />
         <ul class="list-none flex pl-0 meta-list">

src/styles/main.css

@@ -43,3 +43,51 @@ video {
     font-family: "Source Code Pro", monospace;
   }
 }
+
+.shiki {
+  font-size: 16px;
+  line-height: 1rem;
+  padding: 18px;
+  border-radius: 8px;
+  margin-bottom: 16px;
+}
+
+h3,
+hr {
+  margin: 0.7em 0 0.5em 0;
+}
+
+#full-text p {
+  margin: 0.5em 0 1.2em 0;
+}
+
+figcaption {
+  color: gray;
+  text-align: center;
+  font-size: 0.9em;
+}
+
+#toc > ul {
+  line-height: 2em;
+}
+
+li a {
+  color: black;
+}
+
+table {
+  border: 1px solid slategrey;
+  padding: 4px;
+  background-color: #f8f9fa;
+  margin: 0.5em 0 1.2em 0;
+}
+
+th {
+  text-align: left;
+  white-space: nowrap;
+}
+
+td {
+  text-align: left;
+  white-space: nowrap;
+}