diff --git a/src/components/BackToTop.astro b/src/components/BackToTop.astro
index 59c0c27..3fe2679 100644
--- a/src/components/BackToTop.astro
+++ b/src/components/BackToTop.astro
@@ -1,7 +1,8 @@
 ---
-
+import {siteConfig} from "../config";
+const noscript = siteConfig.noClientJavaScript
 ---
-<button id="toTopBtn" title="Go to top">Top</button>
+{noscript ? <a href="#top"><button id="toTopBtn" style="display: block" title="Go to top">Top</button></a> : <button id="toTopBtn" title="Go to top">Top</button>
 <script>
     // Get the button
     let toTopButton = document.getElementById("toTopBtn");
@@ -31,4 +32,4 @@
             document.documentElement.scrollTop = 0;
         }
     }
-</script>
\ No newline at end of file
+</script>}
\ No newline at end of file
diff --git a/src/components/Search.astro b/src/components/Search.astro
index b115350..61027d7 100644
--- a/src/components/Search.astro
+++ b/src/components/Search.astro
@@ -1,5 +1,17 @@
 ---
+import {siteConfig} from "../config";
+const noscript = siteConfig.noClientJavaScript
 ---
+{noscript ?
+<form class="search-container" action="https://www.google.com/search" method="GET" target="_blank">
+  <div>
+    <label for="search-input"><span class="command">search</span></label>
+    <input name="q" type="text" id="search-input" class="search-input"  autocomplete="off" placeholder="Type to search..." />
+    <input type="hidden" name="as_sitesearch" value={Astro.url.host} />
+  </div>
+  <input type="submit" style="display: none" />
+</form>
+    :
 <div class="search-container">
   <div class="command-prompt">
     <span class="command">search</span>
@@ -92,7 +104,7 @@
       document.getElementById('search-results').innerHTML = '<p>Loading search index...</p>';
     }
   });
-</script>
+</script>}
 
 <style>
   .search-container {
diff --git a/src/config.ts b/src/config.ts
index 5da6266..d4b6ef0 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -3,6 +3,13 @@ export const siteConfig = {
     title: '/var/log/mercury',
     description: 'A blog about software development, technology, and life.',
     homepageOgImage: '',
+    // features
+    noClientJavaScript: false, // disable client-side javascript, this will:
+    // 1. disable all built-in client-side javascript from rendering
+    // 2. the full text search will be redirected to a search engine
+    // 3. the comments will be replaced with email reply
+    // 4. the night mode & back to top will not use Javascript to function
+    // 5. the neko will be force-disabled
     // site components
     navBarItems: [
         // additional items in the navbar
@@ -16,7 +23,7 @@ export const siteConfig = {
     customFooter: '<i>I have no mouth, and I must SCREAM</i>',
     // comments
     comments: {
-        type: 'artalk', // 'artalk','giscus','fediverse','hatsu'
+        type: 'artalk', // 'artalk','giscus','fediverse','email','hatsu'
         artalk: {
             instanceDomain: '', // the domain of your artalk instance
         },
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index bae8770..6f0eb76 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -15,6 +15,8 @@ interface Props {
   ogImage?: string;
 }
 
+const noscript = siteConfig.noClientJavaScript
+
 const defaultTitle = siteConfig.title
 const formattedRootPath = defaultTitle.toLowerCase().replace(/\s+/g, '-');
 const relativePath = Astro.url.pathname
@@ -41,6 +43,7 @@ const { title = pageTitle, description = siteConfig.description, ogImage = "" }
   </head>
   <body>
     <main>
+      {noscript && <div id="top" style="visibility: hidden">Back To Top</div>}
       <div class="container">
         <div class="terminal-path">
           {path}
@@ -70,7 +73,7 @@ const { title = pageTitle, description = siteConfig.description, ogImage = "" }
         <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>
       </div>
     </footer>
-    { siteConfig.neko.enabled &&
+    { !noscript || siteConfig.neko.enabled &&
       <>
         <script is:inline define:vars={{ nekoType  }}>
           window.NekoType = nekoType;
