Book2Notion：將豆瓣圖書信息同步到Notion的Chrome插件

背景

前幾天寫了一個python腳本從豆瓣爬數據然后保存到Notion，被身邊同學吐槽使用起來太麻煩，而且也不是所有人都會Python（原話是充滿了碼農版”何不食肉糜“）。正好最近在學着開發Chrome擴展，就打算把之前的腳本改成更簡單易用的Chrome插件。

安裝

1. 下載源碼

   倉庫地址：Book2Notion

   或者：

   git clone [e-mail]:lyh081/Book2Notion.git
   

2. 安裝拓展

   由於Chrome禁止安裝未上傳Chrome商店的crx格式插件，所以需要在開發者模式中加載已經解壓的擴展程序。

   1. 在擴展程序界面（地址欄輸入chrome://extensions/）點擊右上角開發者模型按鈕打開 開發者模式；
   2. 選擇左上角 加載已解壓的擴展程序 ，在彈出框中選擇下載的擴展文件夾。
   3. 關閉開發者模式

使用

1. 創建Notion機器人

   想要利用Notion提供的API對自己WorkSpace中的block進行操作的話，首先需要創建機器人（integration），並為機器人授予所需要操作的block操作權限。

   在 我的機器人 頁面可以快速創建機器人。填完信息點擊創建之后，系統跳轉到新的頁面。頁面最上方給出了這個機器人的Secrets ( 就是 Bearer token)，點擊Show可以查看和復制。這個token會一直在這個頁面，所以不用擔心忘記。

   💡這個token后續會用到

   

2. 選擇存放書籍信息的Notion頁面

   選擇存放書籍信息的Notion頁面並記下該頁面的ID。

   頁面的ID可以就是該頁面url最后的部分，例如：我的Notion主頁鏈接為https://www.notion.so/cetus/Cetus-dfaee98a22184cb38636578b781da06d，頁面ID就是 dfaee98a22184cb38636578b781da06d。這個頁面ID在拓展中同樣會用到。

3. 設置Book2Notion拓展

在擴展程序頁面 點擊詳情 ，找到 擴展程序選項 ，點擊進入Book2Notion設置界面：

將前兩步中的Token和頁面ID分別填到對應的輸入框，點擊保存，瀏覽器彈窗顯示【保存並創建Database成功!】則為插件設置完成。

4. 將書籍信息保存到Notion

   在豆瓣中找到自己需要的圖書主頁，點擊右上角拓展圖標則顯示當前圖書信息：

   

   之后點擊保存到Notion按鈕就可以將相關信息保存到Notion中啦。

最終效果

最終Notion的效果如下圖所示。目前Book2Notion支持保存的圖書信息，包括 書名、封面、評分、作者、出版社、出版時間、頁數、ISBN和豆瓣鏈接。

之后就可以基於這個Database進一步設計創建自己的其他Property和View啦！我自己閱讀清單最終長這個樣子：

注意事項

1. 用戶可以Database中添加 任意Property，但注意請不要刪除擴展自動創建的Property，不然會報錯。
2. Book2Notion插件后續版本會增加自定義Proerty功能（如果真的有人需要的話）

歡迎來我的主頁串門： Cetusの所見所得