<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Medium 匯入 Airtable｜林鼎淵 Dean Lin</title>
    <link>https://deanlin.net/tags/medium-%E5%8C%AF%E5%85%A5-airtable/</link>
    <image><url>https://deanlin.net/images/author_hu_aa256fc934e9a932.jpg</url><title>Medium 匯入 Airtable｜林鼎淵 Dean Lin</title><link>https://deanlin.net/tags/medium-%E5%8C%AF%E5%85%A5-airtable/</link><width>144</width><height>144</height></image>
    <description>林鼎淵（Dean Lin）的部落格：生成式 AI 企業內訓講師、外商資安公司軟體專家、7 本書作者。400 多篇文章用白話分享生成式 AI 實戰、Claude Code 與 Vibe Coding 教學、團隊合作與職場成長。</description>
    <generator>Hugo</generator>
    <language>zh-tw</language>
    <copyright>© 2020–2026 林鼎淵 Dean Lin</copyright>
    <lastBuildDate>Sat, 16 Jan 2021 10:28:43 +0800</lastBuildDate>
    <atom:link href="https://deanlin.net/tags/medium-%E5%8C%AF%E5%85%A5-airtable/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>透過爬蟲讓 Airtable 管理你的 Medium 文章(下) — 如何使用這個工具</title>
      <link>https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/</link>
      <pubDate>Sat, 16 Jan 2021 10:28:43 +0800</pubDate>
      <guid>https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>技術教學</category>
      <description>如果你正在因為 Medium 文章太多不知道如何管理的話，這是一個很方便的工具，下面會完整說明使用這個工具的步驟</description>
      <media:content url="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-og_hu_cff0ba569868d9ff.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<blockquote>
<p>如果你對這個專案的起源感興趣，請參考上一篇：<a href="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-1/">透過爬蟲讓 Airtable 管理你的 Medium 文章(上) — 遇到需求時的分析以及執行步驟</a></p>
</blockquote>
<pre tabindex="0"><code>文章大綱：
一、完成 Airtable 的設定
二、安裝工具將指定 Medium 的部落格匯入 Airtable
三、驗收成果
</code></pre><p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-01.webp" width="1400" height="723" alt="透過爬蟲讓 Airtable 管理你的 Medium 文章(下) — 如何使用這個工具（圖 1）" fetchpriority="high" decoding="async"></p>
<p>如果你正在因為 Medium 文章太多不知道如何管理的話，這是一個很方便的工具，下面會完整說明使用這個工具的步驟</p>
<h2 id="一完成-airtable-的設定">一、完成 Airtable 的設定<a class="h-anchor" href="#%e4%b8%80%e5%ae%8c%e6%88%90-airtable-%e7%9a%84%e8%a8%ad%e5%ae%9a" aria-label="這個段落的連結"></a></h2>
<ol>
<li>請<a href="https://airtable.com/login">註冊或是登入airtable</a></li>
</ol>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-02.webp" width="853" height="514" alt="一、完成 Airtable 的設定（圖 2）" loading="lazy" decoding="async"></p>
<p>2. 請<a href="https://airtable.com/shrqrLtvUxDyWFLjK/tblrYddyJH1cFQLm6/viwv6U7hnzgvKTZ14?blocks=hide">使用我已經創建好的template</a>，進去後按右上角的 Copy base</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-03.webp" width="1390" height="604" alt="一、完成 Airtable 的設定（圖 3）" loading="lazy" decoding="async"></p>
<p>3. 選擇你要放 base 的位置(使用默認的即可)</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-04.webp" width="1242" height="716" alt="一、完成 Airtable 的設定（圖 4）" loading="lazy" decoding="async"></p>
<p>4. 點擊剛剛創建的 base，確認欄位都有複製過來</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-05.webp" width="1242" height="716" alt="一、完成 Airtable 的設定（圖 5）" loading="lazy" decoding="async"></p>
<p>5. <a href="https://airtable.com/account">進入accout頁面</a>產生 API key，產生後請將 key 妥善保存，之後程式會用到這個參數(AIRTABLE_API_KEYKEY)</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-06.webp" width="1360" height="842" alt="一、完成 Airtable 的設定（圖 6）" loading="lazy" decoding="async"></p>
<p>6. <a href="https://airtable.com/api">進入api頁面</a>選擇剛剛新增的 base</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-07.webp" width="1360" height="694" alt="一、完成 Airtable 的設定（圖 7）" loading="lazy" decoding="async"></p>
<p>7. 依據下圖步驟找到 base 的代碼，並將他紀錄起來，之後程式會用到這個參數(AIRTABLE_BASE)</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-08.webp" width="1344" height="494" alt="一、完成 Airtable 的設定（圖 8）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="二安裝工具將指定-medium-的部落格匯入-airtable">二、安裝工具將指定 Medium 的部落格匯入 Airtable<a class="h-anchor" href="#%e4%ba%8c%e5%ae%89%e8%a3%9d%e5%b7%a5%e5%85%b7%e5%b0%87%e6%8c%87%e5%ae%9a-medium-%e7%9a%84%e9%83%a8%e8%90%bd%e6%a0%bc%e5%8c%af%e5%85%a5-airtable" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>開發所需要的前置環境設定我寫在這篇文章：<a href="https://deanlin.net/blog/202101/developer-environment-setup/">工程師的開發環境大補帖：Node.js、NVM、git、yarn、VSCode</a></p>
</blockquote>
<ol>
<li>從 github下載</li>
</ol>
<div class="highlight"><pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git clone https://github.com/dean9703111/medium_to_airtable.git
</span></span></code></pre></div><p>2. 使用 VSCode 開啟資料夾，並點擊 TERMINAL 進入資料夾終端機</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-09.webp" width="1390" height="682" alt="二、安裝工具將指定 Medium 的部落格匯入 Airtable（圖 9）" loading="lazy" decoding="async"></p>
<p>3. 安裝套件</p>
<pre tabindex="0"><code>yarn
</code></pre><p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-10.webp" width="1390" height="682" alt="二、安裝工具將指定 Medium 的部落格匯入 Airtable（圖 10）" loading="lazy" decoding="async"></p>
<p>4. 設定專案環境變數 將<code>.env.exmaple</code>複製一份到<code>.env</code>檔案(須自行新增)</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-11.webp" width="1390" height="682" alt="二、安裝工具將指定 Medium 的部落格匯入 Airtable（圖 11）" loading="lazy" decoding="async"></p>
<h3 id="變數說明">變數說明：<a class="h-anchor" href="#%e8%ae%8a%e6%95%b8%e8%aa%aa%e6%98%8e" aria-label="這個段落的連結"></a></h3>
<ul>
<li>MEDIUM_PAGE：你要爬的 Medium 文章網址，你可以先用預設的值，確定程式能跑起來後再改成自己的網址</li>
<li>SHOW_BROSWER：設定為 true 時會有瀏覽器跳出來，設定為 false 時則是讓爬蟲背景執行</li>
<li>AIRTABLE_API_KEYKEY：在上面步驟申請到的 API key</li>
<li>AIRTABLE_BASE：你目標要儲存 BASE 的代碼</li>
</ul>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-12.webp" width="1390" height="682" alt="變數說明：（圖 12）" loading="lazy" decoding="async"></p>
<p>5. 執行程式</p>
<div class="highlight"><pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>yarn start
</span></span></code></pre></div><p>我們可以從 TERMINAL 看到程式執行的過程</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-13.webp" width="1390" height="906" alt="變數說明：（圖 13）" loading="lazy" decoding="async"></p>
<p>結束後會顯示總共花費時間</p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-14.webp" width="1390" height="540" alt="變數說明：（圖 14）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="三驗收成果">三、驗收成果<a class="h-anchor" href="#%e4%b8%89%e9%a9%97%e6%94%b6%e6%88%90%e6%9e%9c" aria-label="這個段落的連結"></a></h2>
<p>去 Airtable 確認是否有正確匯入資料，<a href="https://airtable.com/shrR0v4IDFB2rwUDj">此為範例</a></p>
<p><img src="https://deanlin.net/blog/202101/medium-to-airtable-crawler-part-2/images/medium-to-airtable-crawler-part-2-15.webp" width="1363" height="711" alt="三、驗收成果（圖 15）" loading="lazy" decoding="async"></p>
<p>希望大家都成功將 Medium文章匯入 Airtable 惹~如果有任何問題歡迎在下方詢問，如果覺得這篇文章對你有幫助可以幫我按拍手給我鼓勵喔~</p>
]]></content:encoded>
    </item>
  </channel>
</rss>
