Add hit counter

Author: caesay

src/theme/BlogPostItem/index.js

@@ -5,15 +5,18 @@ import { useBlogPost } from '@docusaurus/theme-common/internal'
 
 export default function BlogPostItemWrapper(props) {
   const { metadata, isBlogPostPage } = useBlogPost();
-  const { frontMatter } = metadata;
+  const { frontMatter, permalink } = metadata;
   const { disable_comments } = frontMatter;
 
+  const hitUrl = `https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=${encodeURI(window.location.href)}&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=true`;
+
   return (
     <>
       <BlogPostItem {...props} />
       {(!disable_comments && isBlogPostPage) && (
         <>
           <br />
+          <img src={hitUrl} />
           <Giscus />
         </>
       )}

src/theme/DocItem/Layout/index.js

@@ -36,6 +36,7 @@ export default function DocItemLayout({ children }) {
   const { metadata } = useDoc();
   const { unlisted, frontMatter, slug } = metadata;
   let { disable_comments } = frontMatter;
+  const hitUrl = `https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=${encodeURI(window.location.href)}&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=true`;
 
   if (slug.includes("/reference/")) {
     // Disable comments for all library reference pages
@@ -57,6 +58,7 @@ export default function DocItemLayout({ children }) {
               <>
                 <br />
                 <br />
+                <img src={hitUrl} />
                 <Giscus />
               </>
             )}