<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>〈圖床〉彙整頁面 - 57 猴</title>
	<atom:link href="https://57monkey.live/tag/%E5%9C%96%E5%BA%8A/feed/" rel="self" type="application/rss+xml" />
	<link>https://57monkey.live/tag/圖床/</link>
	<description>中年大叔的網路探險</description>
	<lastBuildDate>Sun, 05 Jan 2025 10:07:37 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>如何在 WordPress 嵌入 Flickr 照片 / 影片</title>
		<link>https://57monkey.live/website-op/%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e5%b5%8c%e5%85%a5-flickr-%e7%85%a7%e7%89%87-%e5%bd%b1%e7%89%87/</link>
					<comments>https://57monkey.live/website-op/%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e5%b5%8c%e5%85%a5-flickr-%e7%85%a7%e7%89%87-%e5%bd%b1%e7%89%87/#respond</comments>
		
		<dc:creator><![CDATA[Sean]]></dc:creator>
		<pubDate>Sat, 11 May 2024 16:33:15 +0000</pubDate>
				<category><![CDATA[學習筆記]]></category>
		<category><![CDATA[網站經營]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[圖床]]></category>
		<guid isPermaLink="false">https://57monkey.live/?p=1338</guid>

					<description><![CDATA[<p>我是多年 Flickr Pro 用戶，早年提供無限上傳容量而且也不限制聯外頻寬的網路相簿服務並不多見，製作網站 [&#8230;]</p>
<p>〈<a href="https://57monkey.live/website-op/%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e5%b5%8c%e5%85%a5-flickr-%e7%85%a7%e7%89%87-%e5%bd%b1%e7%89%87/">如何在 WordPress 嵌入 Flickr 照片 / 影片</a>〉這篇文章最早發佈於《<a href="https://57monkey.live">57 猴</a>》。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">我是多年 Flickr Pro 用戶，早年提供無限上傳容量而且也不限制聯外頻寬的網路相簿服務並不多見，製作網站 / 部落格選用 Flickr 當作圖床也是合情合理的，所以就這麼用了超過十年，大量的圖片有些已經無法在自己的備份硬碟裡找到，Flickr 上的成了唯一的存檔，除非那天結束服務不然我應該還是會固定繳錢吧。</p>



<h2 class="wp-block-heading">租用主機自架網站，為何還要用 Flickr 做圖床</h2>



<p class="wp-block-paragraph">現在這個站是自租網路空間建立的，原則上雖然需要的圖片直接上傳到同一個主機比較不會有掉圖的問題，但考慮到萬一將來要轉換主機服務，那需要下載的檔案會大上不少。另一個就是其實上傳圖檔需要自己考慮上傳的解析度，太大的圖檔會影響到頁面顯示速度，雖然也不是多困難的問題，但是就得特別出一張圖，加上我自己也懶，圖片集中一次用最高解析度上傳 Flickr 再嵌入 WordPress 就是個蠻不錯的選擇。</p>



<p class="wp-block-paragraph">除了自己的照片，其實也可以把 Flickr 當成免費圖庫，引用來給文章加點豐富的照片。不過切記引用之前先發個訊息給原作者取得授權，個人經驗只要找那些版權設定本來就歡迎共享的作者，客氣詢問是否能引用，通常是可以得到正面回覆。通常要求你指名原作者並可以連結回原作者位置即可。</p>



<h2 class="wp-block-heading">圖文教學</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="wp-block-paragraph">先到 Flickr 找到要引用的圖片，點選右下方的共享圖示。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="3456" height="2234" src="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.02.png" alt="flickr01" class="wp-image-1339" srcset="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.02.png 3456w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.02-768x496.png 768w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.02-1536x993.png 1536w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.02-2048x1324.png 2048w" sizes="(max-width: 3456px) 100vw, 3456px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="wp-block-paragraph">將引用網站複製下來。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img decoding="async" width="3456" height="2234" src="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.15.png" alt="flickr02" class="wp-image-1340" srcset="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.15.png 3456w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.15-768x496.png 768w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.15-1536x993.png 1536w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.03.15-2048x1324.png 2048w" sizes="(max-width: 3456px) 100vw, 3456px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="wp-block-paragraph">在 WordPress 文章中，加入一個區塊，在欄位中輸入「Flickr」，點選 Flickr 圖示</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img decoding="async" width="1700" height="1040" src="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.10.13.png" alt="flickr" class="wp-image-1341" srcset="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.10.13.png 1700w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.10.13-768x470.png 768w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.10.13-1536x940.png 1536w" sizes="(max-width: 1700px) 100vw, 1700px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="wp-block-paragraph">欄位貼上複製過來的 Flickr 共享網址。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1574" height="510" src="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.20.27.png" alt="" class="wp-image-1342" srcset="https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.20.27.png 1574w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.20.27-768x249.png 768w, https://57monkey.live/wp-content/uploads/2024/05/截圖-2024-05-12-凌晨12.20.27-1536x498.png 1536w" sizes="auto, (max-width: 1574px) 100vw, 1574px" /></figure>
</div>
</div>



<figure class="wp-block-embed alignwide is-type-photo is-provider-flickr wp-block-embed-flickr"><div class="wp-block-embed__wrapper">
<a href="https://flic.kr/p/2pNz8AQ"><img loading="lazy" decoding="async" src="https://live.staticflickr.com/65535/53691921288_cc7ddba7c6_b.jpg" alt="駁二藝術特區" width="1024" height="768" /></a>
</div><figcaption class="wp-element-caption">駁二藝術特區</figcaption></figure>



<p class="wp-block-paragraph">用這個技巧也可以貼放在 Flickr 上的影片喔。</p>



<figure class="wp-block-embed alignwide is-type-video is-provider-flickr wp-block-embed-flickr wp-embed-aspect-9-16 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div style="top: 0; left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;">				<iframe loading="lazy" title="IMG_2021" style="width: 100%; height: 100%; position: absolute;"  src="https://embedr.flickr.com/photos/53691922943" width="450" height="800" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
</div></figure>
<p>〈<a href="https://57monkey.live/website-op/%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e5%b5%8c%e5%85%a5-flickr-%e7%85%a7%e7%89%87-%e5%bd%b1%e7%89%87/">如何在 WordPress 嵌入 Flickr 照片 / 影片</a>〉這篇文章最早發佈於《<a href="https://57monkey.live">57 猴</a>》。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://57monkey.live/website-op/%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e5%b5%8c%e5%85%a5-flickr-%e7%85%a7%e7%89%87-%e5%bd%b1%e7%89%87/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
