Merge branch 'theme-medium' into main

components/Comment.js

@@ -26,7 +26,7 @@ const CusdisComponent = dynamic(
 const Comment = ({ frontMatter }) => {
   const router = useRouter()
   return (
-    <div className='comment mt-5 px-5 text-gray-800 dark:text-gray-300'>
+    <div className='comment mt-5 text-gray-800 dark:text-gray-300'>
       <Tabs>
         {BLOG.COMMENT_CUSDIS_APP_ID && (<div key='Cusdis'>
           <CusdisComponent id={frontMatter.id} url={BLOG.LINK + router.asPath} title={frontMatter.title} />

themes/Medium/LayoutSlug.js

@@ -86,6 +86,16 @@ export const LayoutSlug = (props) => {
         />
       )}
     </section>
+    <section className="px-1 py-2 my-1 text-sm font-light overflow-auto text-gray-600  dark:text-gray-400">
+      {/* 文章内嵌广告 */}
+      <ins className="adsbygoogle"
+           style={{ display: 'block', textAlign: 'center' }}
+           data-adtest="on"
+           data-ad-layout="in-article"
+           data-ad-format="fluid"
+           data-ad-client="ca-pub-2708419466378217"
+           data-ad-slot="3806269138"/>
+    </section>
     <div>
       <ArticleAround prev={prev} next={next}/>
       <Comment frontMatter={post}/>