要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。
⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔


職場產業

音樂藝文

學習

<div class="draft-block draft--p left">要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。（請參考：<a href="https://vocus.cc/article/61ed2605fd89780001490c98" target="_blank" class="draft--a">【notion】放個計算機在你的頁面（embed）</a>）</div>
<h2 class="draft-block draft--h2" name="header-3jh7u">在 notion 建立資料</h2>
<div class="draft-block draft--p left">頂層建立資料（放在下層好像會找不到資料。）</div>
<div class="draft--imgNormal draft-block"><div><div style="height:773px" class="image-block-prerender" data-src="https://images.vocus.cc/444c2fda-aa37-412a-9eca-18c1d546574f.png" data-width="773" data-height="293" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">資料</figcaption></div></div>
<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p center">⛔⛔⛔<span style="font-weight: bold; ">如果您對第三方網站有資安疑慮請放棄以下操作</span>⛔⛔⛔</div>
<h2 class="draft-block draft--h2" name="header-30be0">第三方平台設定</h2>
<div class="draft-block draft--p left">這次要使用的是 <a href="https://notioncharts.io/" target="_blank" class="draft--a">notioncharts.io</a> 的平台。</div>
<h3 class="draft-block draft--h3" name="header-5m694">註冊免費帳號</h3>
<div class="draft-block draft--p left">在首頁按「Get started for free」，會跳出註冊畫面。</div>
<div class="draft-block draft--p left">按「Continue with Google」用 Google 帳號進入。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:800px" class="image-block-prerender" data-src="https://images.vocus.cc/9def5a1a-a87d-4881-a0e6-4c6c4c6e35f5.png" data-width="800" data-height="415" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">註冊免費帳號</figcaption></div></div>
<h3 class="draft-block draft--h3" name="header-fgt35">連接 notion 帳號</h3>
<div class="draft--imgNormal draft-block"><div><div style="height:966px" class="image-block-prerender" data-src="https://images.vocus.cc/abba6043-040a-45c0-85d4-579825bfebb7.png" data-width="966" data-height="1020" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">連接 notion 帳號</figcaption></div></div>
<h3 class="draft-block draft--h3" name="header-bsu7r">完成</h3>
<div class="draft--imgNormal draft-block"><div><div style="height:370px" class="image-block-prerender" data-src="https://images.vocus.cc/7fd93c5f-ba83-4b24-b25a-602c8761fdf0.png" data-width="370" data-height="373" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">完成</figcaption></div></div>
<h2 class="draft-block draft--h2" name="header-5p28">建立圖表</h2>
<div class="draft--imgNormal draft-block"><div><div style="height:1221px" class="image-block-prerender" data-src="https://images.vocus.cc/faea211e-7284-4159-ade8-4437a523197d.gif" data-width="1221" data-height="863" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">建立圖表</figcaption></div></div>
<h2 class="draft-block draft--h2" name="header-4s1sj">嵌入 notion 的頁面</h2>
<div class="draft--imgNormal draft-block"><div><div style="height:1221px" class="image-block-prerender" data-src="https://images.vocus.cc/3758b371-a3e9-4f79-8561-fe251384a339.gif" data-width="1221" data-height="863" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">嵌入 notion 的頁面</figcaption></div></div>
<div class="draft-block draft--p left">PS：本文 notion 範例在<a href="https://zigzag-crest-656.notion.site/notioncharts-io-49b894211378492b88aa062b74af9239" target="_blank" class="draft--a">這裡</a>。</div>
<div class="hr__AtomHrContainer-sc-1afmttx-0 dsBIOm draft-block"><pre class="hr__HrWrapper-sc-1afmttx-1 hUbgX draft--hr"><hr class="hr__Hr-sc-1afmttx-2 iegMSY"></pre></div>
<div class="draft-block draft--p left">另一個第三方圖表平台：<a href="https://notion2charts.com" target="_blank" class="draft--a">https://notion2charts.com</a></div>
<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p left"></div>
<div class="draft--imgNormal draft-block"><div><div style="height:3000px" class="image-block-prerender" data-src="https://images.unsplash.com/photo-1643101808871-6d5d03cccf37?crop=entropy&amp;cs=srgb&amp;fm=jpg&amp;ixid=MnwyNTY4N3wwfDF8c2VhcmNofDYzfHxjaGFydHxlbnwwfHx8fDE2NDU3ODIyMDM&amp;ixlib=rb-1.2.1&amp;q=85" data-width="3000" data-height="2000" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">封面</figcaption></div></div>
<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p left"></div>

<p>要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。（請參考：<a href="https://vocus.cc/article/61ed2605fd89780001490c98" rel="noopener" target="_blank">【notion】放個計算機在你的頁面（embed）</a>）</p>
<h2>在 notion 建立資料</h2>
<p>頂層建立資料（放在下層好像會找不到資料。）</p>
<p>資料</p>
<p><br></p>
<p>⛔⛔⛔<strong>如果您對第三方網站有資安疑慮請放棄以下操作</strong>⛔⛔⛔</p>
<h2>第三方平台設定</h2>
<p>這次要使用的是 <a href="https://notioncharts.io/" target="_blank">notioncharts.io</a> 的平台。</p>
<h3>註冊免費帳號</h3>
<p>在首頁按「Get started for free」，會跳出註冊畫面。</p>
<p>按「Continue with Google」用 Google 帳號進入。</p>
<p>註冊免費帳號</p>
<h3>連接 notion 帳號</h3>
<p>連接 notion 帳號</p>
<h3>完成</h3>
<p>完成</p>
<h2>建立圖表</h2>
<p>建立圖表</p>
<h2>嵌入 notion 的頁面</h2>
<p>嵌入 notion 的頁面</p>
<p>PS：本文 notion 範例在<a href="https://zigzag-crest-656.notion.site/notioncharts-io-49b894211378492b88aa062b74af9239">這裡</a>。</p>
<p><br></p>
<p>另一個第三方圖表平台：<a href="https://notion2charts.com">https://notion2charts.com</a></p>
<p><br></p>
<p><br></p>
<p>封面</p>
<p><br></p>
<p><br></p>

要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。（請參考：【notion】放個計算機在你的頁面（embed））

頂層建立資料（放在下層好像會找不到資料。）

⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔

【notion】做一個美美的圖表

在 notion 建立資料

第三方平台設定

註冊免費帳號

連接 notion 帳號

完成

建立圖表

嵌入 notion 的頁面