feat: hide the comments locally for avoiding the usage from the forkers.

options.ts

@@ -67,7 +67,6 @@ const Options = z
         calendar: z.boolean().default(false),
       }),
       comments: z.object({
-        server: z.string().url().readonly(),
         size: z.number().default(10).readonly(),
         avatar: z.object({
           mirror: z.string().url().readonly(),
@@ -191,7 +190,6 @@ const options: z.input<typeof Options> = {
       calendar: true,
     },
     comments: {
-      server: 'https://comment.yufan.me',
       size: 10,
       avatar: {
         mirror: 'https://weavatar.com/avatar',

src/components/comment/Comments.astro

@@ -11,7 +11,7 @@ interface Props {
 }
 
 const { commentKey, title } = Astro.props;
-const comments = await loadComments(commentKey, title, 0);
+const comments = options.isProd() ? await loadComments(commentKey, title, 0) : null;
 
 // Increase the PV in production environment.
 if (options.isProd()) {

src/components/comment/artalk.ts

@@ -10,7 +10,7 @@ import { ELEMENT_NODE, transform, walk } from 'ultrahtml';
 import sanitize from 'ultrahtml/transformers/sanitize';
 
 // Access the artalk in internal docker host when it was deployed on zeabur.
-const server = options.isProd() ? `http://${ARTALK_HOST}:23366` : options.settings.comments.server;
+const server = options.isProd() ? `http://${ARTALK_HOST}:23366` : 'http://localhost:23366';
 
 export const loadComments = async (key: string, title: string | null, offset: number): Promise<Comments | null> => {
   let params: Record<string, string | number | boolean> = {

src/layouts/PageLayout.astro

@@ -30,7 +30,7 @@ const { Content, headings } = await page.render();
         <TableOfContents {headings} toc={page.toc} />
         <div class="post-content">
           <div class="nc-light-gallery">
-            <Content components={{ MusicPlayer: MusicPlayer, Image: Image }} />
+            {page.comments && options.isProd() && <Content components={{ MusicPlayer: MusicPlayer, Image: Image }} />}
           </div>
         </div>
         {page.friend && <Friends />}

src/layouts/PostLayout.astro

@@ -66,7 +66,7 @@ const { Content, headings } = await post.render();
               <LikeButton permalink={post.permalink} />
               <LikeShare {post} />
               {
-                post.comments && (
+                post.comments && options.isProd() && (
                   <Comments commentKey={urlJoin(options.website, post.permalink, '/')} title={post.title} />
                 )
               }