diff --git a/src/core/fetch/index.js b/src/core/fetch/index.js
index 3594f5a6d..4e898908d 100644
--- a/src/core/fetch/index.js
+++ b/src/core/fetch/index.js
@@ -85,6 +85,7 @@ export function fetchMixin (proto) {
         path = cover === true ? '_coverpage.md' : cover
       }
 
+      this.coverEnable = !!path
       if (path) {
         path = this.router.getFile(root + path)
         this.coverIsHTML = /\.html$/g.test(path)
@@ -98,12 +99,21 @@ export function fetchMixin (proto) {
   }
 
   proto.$fetch = function (cb = noop) {
-    this._fetchCover()
-    this._fetch(result => {
-      this.$resetEvents()
+    const done = () => {
       callHook(this, 'doneEach')
       cb()
-    })
+    }
+
+    this._fetchCover()
+
+    if (this.coverEnable && this.config.onlyCover) {
+      done()
+    } else {
+      this._fetch(result => {
+        this.$resetEvents()
+        done()
+      })
+    }
   }
 }
 
diff --git a/src/core/render/index.js b/src/core/render/index.js
index 7dd482302..3fe55b2fb 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -38,6 +38,7 @@ function renderMain (html) {
     html = 'not found'
   }
 
+  dom.toggleClass(dom.getNode('main'), 'add', 'ready')
   this._renderTo('.markdown-section', html)
   // Render sidebar with the TOC
   !this.config.loadSidebar && this._renderSidebar()
diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css
index edfae8c1e..ffbf8409c 100644
--- a/src/themes/basic/_layout.css
+++ b/src/themes/basic/_layout.css
@@ -217,12 +217,16 @@ li input[type='checkbox'] {
 
 /* main */
 main {
-  display: block;
+  display: none;
   position: relative;
   size: 100vw 100%;
   z-index: 0;
 }
 
+main.ready {
+  display: block;
+}
+
 .anchor {
   display: inline-block;
   text-decoration: none;