diff --git a/components/NotionPage.js b/components/NotionPage.js
index f8e8e396..41716cf4 100644
--- a/components/NotionPage.js
+++ b/components/NotionPage.js
@@ -211,13 +211,16 @@ const Equation = dynamic(
   { ssr: false }
 )
 
-// 文档
-const Pdf = dynamic(
-  () => import('react-notion-x/build/third-party/pdf').then(m => m.Pdf),
-  {
-    ssr: false
-  }
-)
+// 原版文档
+// const Pdf = dynamic(
+//   () => import('react-notion-x/build/third-party/pdf').then(m => m.Pdf),
+//   {
+//     ssr: false
+//   }
+// )
+const Pdf = dynamic(() => import('@/components/Pdf').then(m => m.Pdf), {
+  ssr: false
+})
 
 // 美化代码 from: https://github.com/txs
 const PrismMac = dynamic(() => import('@/components/PrismMac'), {
diff --git a/components/Pdf.js b/components/Pdf.js
new file mode 100644
index 00000000..6f4a8321
--- /dev/null
+++ b/components/Pdf.js
@@ -0,0 +1,14 @@
+/**
+ * 渲染pdf
+ * 直接用googledocs预览pdf
+ * @param {*} file
+ * @returns
+ */
+export function Pdf({ file }) {
+  const src =
+    'https://docs.google.com/viewer?embedded=true&url=' +
+    encodeURIComponent(file)
+  return (
+    <embed src={src} type='application/pdf' width='100%' height='100%'></embed>
+  )
+}
diff --git a/styles/notion.css b/styles/notion.css
index 83c5327b..0991011e 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -1976,9 +1976,9 @@ svg + .notion-page-title-text {
   /* color: var(--notion-gray); */
 }
 
-.notion-asset-wrapper-pdf > div {
+/* .notion-asset-wrapper-pdf > div {
   width: unset !important;
-}
+} */
 
 /* pdf预览适配页面 */
 .react-pdf__Page__canvas,