打印时不显示 Vssue和ReadingProgress

.vuepress/components/PageVssue.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="vssue-wrapper">
     <LazyLoad>
       <div v-for="(item, key) in vssues" :key="key">
         <BaiduAutoPush></BaiduAutoPush>
@@ -76,8 +76,11 @@ export default {
 }
 </script>
 
-<style>
-.vssue-header-powered-by {
-  display: none;
-}
+<style lang="stylus">
+.vssue-header-powered-by
+  display none
+
+@media print
+  .vssue-wrapper
+    display none
 </style>

.vuepress/theme/components/Navbar.vue

@@ -140,6 +140,21 @@ $navbar-horizontal-padding = 1.5rem
       flex: 0 0 auto
       vertical-align top
 
+@media print
+  .reading-progress
+    display none
+  .navbar
+    display none
+    padding-left 4rem
+    .can-hide
+      display none
+    .links
+      padding-left 1.5rem
+  .sidebar
+    display none
+  .page
+    padding-left: 0
+
 @media (max-width: $MQMobile)
   .navbar
     padding-left 4rem