diff --git a/src/components/EditorInPageButtons.vue b/src/components/EditorInPageButtons.vue
index a14b1674..0363ef2b 100644
--- a/src/components/EditorInPageButtons.vue
+++ b/src/components/EditorInPageButtons.vue
@@ -160,7 +160,7 @@ export default {
 
   .icon {
     color: #dea731;
-    opacity: 0.4;
+    opacity: 0.3;
 
     &:active,
     &:focus,
diff --git a/src/components/Layout.vue b/src/components/Layout.vue
index 4d444b06..6fc826db 100644
--- a/src/components/Layout.vue
+++ b/src/components/Layout.vue
@@ -14,7 +14,7 @@
               <div class="gutter__background" v-if="styles.editorGutterWidth" :style="{width: styles.editorGutterWidth + 'px'}"></div>
             </div>
             <editor></editor>
-            <editor-in-page-buttons></editor-in-page-buttons>
+            <editor-in-page-buttons v-if="editorShowInPageButtons"></editor-in-page-buttons>
             <div class="gutter" :style="{left: styles.editorGutterLeft + 'px'}">
               <sticky-comment v-if="styles.editorGutterWidth && stickyComment === 'top'"></sticky-comment>
               <current-discussion v-if="styles.editorGutterWidth"></current-discussion>
@@ -108,6 +108,9 @@ export default {
     showFindReplace() {
       return !!store.state.findReplace.type;
     },
+    editorShowInPageButtons() {
+      return store.getters['data/computedSettings'].editor.showInPageButtons;
+    },
   },
   methods: {
     ...mapActions('layout', [
diff --git a/src/data/defaults/defaultSettings.yml b/src/data/defaults/defaultSettings.yml
index 0ee6cc0d..5a64e9a3 100644
--- a/src/data/defaults/defaultSettings.yml
+++ b/src/data/defaults/defaultSettings.yml
@@ -15,6 +15,8 @@ editor:
   inlineImages: true
   # Use monospaced font only
   monospacedFontOnly: false
+  # 是否显示右上角图标
+  showInPageButtons: true
 
 # Keyboard shortcuts
 # See https://craig.is/killing/mice