diff --git a/app/p/[slug]/loading.tsx b/app/p/[slug]/loading.tsx
new file mode 100644
index 0000000..223c753
--- /dev/null
+++ b/app/p/[slug]/loading.tsx
@@ -0,0 +1,62 @@
+import clsx from 'clsx';
+import dynamic from 'next/dynamic';
+
+const PostToc = dynamic(() => import('components/post/post-toc'));
+const lines = Array(4).fill(null);
+
+const Page = async () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+ {lines.map((_, i) => (
+
+ ))}
+
+
+
+ >
+ );
+};
+
+export default Page;
diff --git a/components/pages/blog/post-card-loading.tsx b/components/pages/blog/post-card-loading.tsx
index 33b4b7e..bbce19a 100644
--- a/components/pages/blog/post-card-loading.tsx
+++ b/components/pages/blog/post-card-loading.tsx
@@ -1,5 +1,5 @@
-import React, { memo } from 'react';
import clsx from 'clsx';
+import { memo } from 'react';
const PostCardLoading = () => {
return (
diff --git a/components/pages/gists/gists-skeleton.tsx b/components/pages/gists/gists-skeleton.tsx
index 71645e4..a587f74 100644
--- a/components/pages/gists/gists-skeleton.tsx
+++ b/components/pages/gists/gists-skeleton.tsx
@@ -1,5 +1,4 @@
import clsx from 'clsx';
-// import GistsCode from './gists-code';
const GistSkeleton = () => {
return (
@@ -38,8 +37,6 @@ const GistSkeleton = () => {
-
- {/* */}