Book2Notion：將豆瓣圖書資訊同步到Notion的Chrome外掛

Cetusの發表於2022-04-18
Chrome

背景

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

安裝

  1. 下載原始碼

    倉庫地址：Book2Notion

    或者：

    git clone git@github.com: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成功!】則為外掛設定完成。

  1. 將書籍資訊儲存到Notion

    在豆瓣中找到自己需要的圖書主頁，點選右上角擴充圖示則顯示當前圖書資訊：

    之後點選儲存到Notion按鈕就可以將相關資訊儲存到Notion中啦。

最終效果

最終Notion的效果如下圖所示。目前Book2Notion支援儲存的圖書資訊，包括 書名、封面、評分、作者、出版社、出版時間、頁數、ISBN和豆瓣連結。

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

注意事項

  1. 使用者可以Database中新增 任意Property，但注意請不要刪除擴充套件自動建立的Property，不然會報錯。
  2. Book2Notion外掛後續版本會增加自定義Proerty功能（如果真的有人需要的話）

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

相關文章