tag:blogger.com,1999:blog-166074612024-03-19T11:03:20.332+08:00布丁布丁吃什麼?我不是在實驗室,就是在前往實驗室的路上。布丁布丁吃布丁http://www.blogger.com/profile/13614721642960940190noreply@blogger.comBlogger1627125tag:blogger.com,1999:blog-16607461.post-52349070943192586612024-03-18T12:00:00.007+08:002024-03-18T12:00:00.128+08:00為什麼Zotero用APA樣式插入引用之後,日期後面會出現a或b? / Why Does a Letter Like ‘a’ or ‘b’ Appear After the Date When Inserts a Citation via Zotero in APA Style?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjtCjoRyEPxXWQfgbX6udfe26JBMp4WlUhSHSG_Z5ywLFOoz8z6EcC-taP3fHwkVHFAjm97zaxUErP4AsCtKAtgPdwFNMcYFwaLf9yfXAFjoiy1uB2XkXpxhtpNaCrQKxSvUVopMTpN0DRzdNuEOlAxqYS-X1vWxOsWpwMYHtIY7CNskEH30LZ8OQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjtCjoRyEPxXWQfgbX6udfe26JBMp4WlUhSHSG_Z5ywLFOoz8z6EcC-taP3fHwkVHFAjm97zaxUErP4AsCtKAtgPdwFNMcYFwaLf9yfXAFjoiy1uB2XkXpxhtpNaCrQKxSvUVopMTpN0DRzdNuEOlAxqYS-X1vWxOsWpwMYHtIY7CNskEH30LZ8OQ" title="2024-0123-025218.png" alt="2024-0123-025218.png" class="original-size">
</a></p>
<p>根據APA樣式的規範,如果出現同樣作者、同樣日期(主要是年份)的時候,文內引用需要加上a、b來區別。Zotero可能只是遵循了這條規則。</p>
<p>According to APA style guidelines, if there are publications with the same author and the same date (primarily the year), in-text citations need to include letters like 'a', 'b' to distinguish them. Zotero might just be following this rule.</p>
<a name='more'></a>
<hr>
<h2>APA樣式中避免混淆的做法 / The practice in APA style to avoid confusion</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgvkqGrfbRlmmMDo-LpU-CrQke72KC632U6dXX_BOQO-pnic2CaR0JizoWYaQtNT-n7vGOCpVDgR74_SbaqXWuJc5LP-a8x_UD5NcS93drDm-R1wNT_7RuEq3jdlQgJY0YnYpCVxQj4-lUGxPN-73mtG_eCseiUQH93bGPImG3vdCtznzC5dkNHYg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgvkqGrfbRlmmMDo-LpU-CrQke72KC632U6dXX_BOQO-pnic2CaR0JizoWYaQtNT-n7vGOCpVDgR74_SbaqXWuJc5LP-a8x_UD5NcS93drDm-R1wNT_7RuEq3jdlQgJY0YnYpCVxQj4-lUGxPN-73mtG_eCseiUQH93bGPImG3vdCtznzC5dkNHYg" title="cover.png" alt="cover.png" class="original-size">
</a></p>
<blockquote>American Psychological Association. (2020). Publication manual of the American psychological association (Seventh edition). American Psychological Association.</blockquote>
<p>說到APA樣式,很多人會想到的是參考文獻的寫法。但實際上APA樣式規範的細節非常多。除了看書來查看細節之外,我建議直接用<a href="/2009/03/zotero.html">Zotero文獻管理工具</a>中內建的APA樣式來引用文獻即可。中文的使用者則可以額外安裝「<a href="https://github.com/pulipulichen/Zotero-Style-apa-7th-zh-Hant-TW?tab=readme-ov-file#zotero-style-apa-7th-zh-hant-tw">Zotero-Style-apa-7th-zh-Hant-TW</a>」來取得中文APA的樣式。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg6XtcQloB9c5Njn75yH7ovenYG7M4BpQZG8uhuhb2o7r6ZPZpxe2EqETwo0WUPTpFQzOPI45FSrfSsyq9e2wb1uHXSfOTMa_DojWyBsrljNWkC616uesAFOiskcmd88KdFW3S6NtsY8v2gW5_Dr8zWe061_8AFEYSdbXbf8J-wtXB8uZysPCNPUw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg6XtcQloB9c5Njn75yH7ovenYG7M4BpQZG8uhuhb2o7r6ZPZpxe2EqETwo0WUPTpFQzOPI45FSrfSsyq9e2wb1uHXSfOTMa_DojWyBsrljNWkC616uesAFOiskcmd88KdFW3S6NtsY8v2gW5_Dr8zWe061_8AFEYSdbXbf8J-wtXB8uZysPCNPUw" title="2024-0123-020522.png" alt="2024-0123-020522.png" class="original-size">
</a></p>
<p>然而,因為很多人並不瞭解Zotero及其使用的APA樣式的規則,當Zotero插入的引用出現了預想之外的結果時,通常會覺得可能是Zotero的問題。不過其實大多時候,Zotero只是在遵循APA樣式的規則而已。在上圖的例子中,最後一行寫到「與其相反的隨興休閒則定義為「一種短暫且立即性的活動,不需要經過訓練方可參與」(Stebbins, 1982<span style="background-color: rgb(255, 255, 0); color: rgb(255, 0, 0);">b</span>)。」為何日期後面出現了「b」呢?</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhgvTpAgKa21BsIsaXYq_YsW0saoYjTP8uIBqexY9hqhPLLDNx-4MbqxVn_lyvyFSgDm8_P3Vrlt9IU5sUsS3C3CQwA6WhPaTLRjQqdsv4HBtNEe-o6F1N_DXgQTRM4cZGftD_ISqYnD3aADiYVj3oUPU4w-pEwtV9kQL2GIcS3929vrdqkfQ8Xhg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhgvTpAgKa21BsIsaXYq_YsW0saoYjTP8uIBqexY9hqhPLLDNx-4MbqxVn_lyvyFSgDm8_P3Vrlt9IU5sUsS3C3CQwA6WhPaTLRjQqdsv4HBtNEe-o6F1N_DXgQTRM4cZGftD_ISqYnD3aADiYVj3oUPU4w-pEwtV9kQL2GIcS3929vrdqkfQ8Xhg" title="2024-0123-020100.png" alt="2024-0123-020100.png" class="original-size">
</a></p>
<p>上圖摘錄自APA樣式第七版的內容,這個規則就是8.19的「Works With the Same Author and Same Date」,也就是不同文獻,但是擁有相同作者與日期的處理方式。根據APA樣式的規範,為了避免混淆,我們需要在年份之後加上小寫的字母「a」與「b」等等,以區別同一位作者在相同年份所發表的不同作品。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEge8Htwve2_McUwAi3YZ6D4hBmF9IrCpFsyG0XCTY7mw23BALJzQ51NwZ3b-u6HdlJKgO7m1XbqMvnnMlxUUP3o42eiCdzwsnP45l1cZScwUomSxcmskKMuuK3B5Ssf2_CJlbHflxoae0d3nd37fQTkw8YVie5iea5xUEMSu2RYvWuBHYyCB91e7A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEge8Htwve2_McUwAi3YZ6D4hBmF9IrCpFsyG0XCTY7mw23BALJzQ51NwZ3b-u6HdlJKgO7m1XbqMvnnMlxUUP3o42eiCdzwsnP45l1cZScwUomSxcmskKMuuK3B5Ssf2_CJlbHflxoae0d3nd37fQTkw8YVie5iea5xUEMSu2RYvWuBHYyCB91e7A" title="2024-0123-020508.png" alt="2024-0123-020508.png" class="original-size">
</a></p>
<p>我們再仔細往下看,會發現到最後一行的Stebbins後面也出現了年份後面加上字母「c」標示的狀況。這就表示這幾個引用可能都是引用同一作者、同一年份,但是不同作品狀況。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEisLLeAwB0Zr-ujRgdh9W_A2OaQ48lpaU8e4Svy-zr1P1tbVmOc7CNK-aDKMz0LWPwNm6MRB0qjbXRu43mdmZ49d20E-ixl2Xq6S5_W6PEaEbt0IPE-CpWo3Ge-ybTLup4LGDbFBHRxFr4WAbQfQCTSTuHnDTgRSsvZBFXbWanVmtaFeKpI4f4b4A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEisLLeAwB0Zr-ujRgdh9W_A2OaQ48lpaU8e4Svy-zr1P1tbVmOc7CNK-aDKMz0LWPwNm6MRB0qjbXRu43mdmZ49d20E-ixl2Xq6S5_W6PEaEbt0IPE-CpWo3Ge-ybTLup4LGDbFBHRxFr4WAbQfQCTSTuHnDTgRSsvZBFXbWanVmtaFeKpI4f4b4A" title="2024-0123-020805.png" alt="2024-0123-020805.png" class="original-size">
</a></p>
<p>為了更進一步驗證我們的看法,我們可以查看Zotero產生的參考文獻。Zotero產生參考文獻的做法是用「Add/Edit Bibliography」按鈕來插入。裡面就可以看到確實有三篇同一位作者、同一份年份的款目(entry)。</p>
<p>但奇怪的是,這些文獻的題名、期刊名、甚至是DOI等資訊也都一樣啊,為什麼Zotero會把它當作是不同的文獻呢?</p>
<hr>
<h2>Zotero中的重複文獻 / Duplicate works in Zotero</h2>
<p>實際上,Zotero確實是可以出現重複的文獻。這樣的狀況大致上可以分成兩種:同一個文獻庫出現了重複的項目(item),以及不同文獻庫但引用了重複的項目。</p>
<h3>同一個文獻庫中的重複項目 / Duplicate items in the same library</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhcQ-SOli5-Lkza2jSOjzONG7RMNM8e9MWUqdNcOKH1sBtpNycx-F842SxlVconvNI08jyatoByXi5AXVMjWQ4ISE5F3eDbn5_fQGjI9ud-qjqY7cLpbb-rQGFMjVTHgVi7jankMN5kzLw4KCP4MaRNTBfN85aCy9VkKB1yS5_X3Kv37iXskoYlrg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhcQ-SOli5-Lkza2jSOjzONG7RMNM8e9MWUqdNcOKH1sBtpNycx-F842SxlVconvNI08jyatoByXi5AXVMjWQ4ISE5F3eDbn5_fQGjI9ud-qjqY7cLpbb-rQGFMjVTHgVi7jankMN5kzLw4KCP4MaRNTBfN85aCy9VkKB1yS5_X3Kv37iXskoYlrg" title="2024-0123-021817.png" alt="2024-0123-021817.png" class="original-size"></a></p>
<p>同一個文獻庫裡出現重複項目的狀況,最常見的原因就是重複匯入了。當你在瀏覽器上用Zotero的擴充功能匯入研究文獻的書目記錄時,Zotero並不會自動提醒你是否有重複的副本,而是會根據你的指示直接建立文獻的書目。</p>
<p>要避免這個問題的話,最好是在使用Zotero匯入之前,先在你的文獻庫搜尋看看,確認文獻尚未匯入之後,再用Zotero匯入文獻。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgQgYMJA3C3RrLVTdKQSilyV2lWQx_lfdtjawJjlxy0EVwFTjnE346JphGw3k773gq96vjFyV_ackriWMTAVi2wd67bmGp-aG3f1zoaxXYNuXflAAFP7VnIAbewdVlCWcRxDOjffqtNaIRrsTUgPfBGrlb6X37A--mtGkr5W33b1_-9Rw0qhsP4Fw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgQgYMJA3C3RrLVTdKQSilyV2lWQx_lfdtjawJjlxy0EVwFTjnE346JphGw3k773gq96vjFyV_ackriWMTAVi2wd67bmGp-aG3f1zoaxXYNuXflAAFP7VnIAbewdVlCWcRxDOjffqtNaIRrsTUgPfBGrlb6X37A--mtGkr5W33b1_-9Rw0qhsP4Fw" title="2024-0123-022140.png" alt="2024-0123-022140.png" class="original-size"></a></p>
<p>其他的情況也可能造成重複項目的出現,例如使用Zotero的匯入功能時,重複書目的機率就非常高。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgds2Pk8_1Tm-u6Mwkx-IiHbpDo12zdVWXbbLDH-dloY88xxV5VLRU8hs0_u4PTnLLC55XXrfsqAoJIIYbjxQvCAYzpKgI9eqIqW4yZPbB57AYfSP5izDwNqoc6yFl2RPetQ8cz-kjfk5s3CLKUuvsokUeENnBOPNzMxq8Ce9-WMnJuSsqXbN1Fnw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgds2Pk8_1Tm-u6Mwkx-IiHbpDo12zdVWXbbLDH-dloY88xxV5VLRU8hs0_u4PTnLLC55XXrfsqAoJIIYbjxQvCAYzpKgI9eqIqW4yZPbB57AYfSP5izDwNqoc6yFl2RPetQ8cz-kjfk5s3CLKUuvsokUeENnBOPNzMxq8Ce9-WMnJuSsqXbN1Fnw" title="2024-0123-021434.png" alt="2024-0123-021434.png" class="original-size"></a><br></p>
<p>另外你也可以手動在書目上按右鍵,選擇「重複的項目」。這樣也可以手動產生相同的書目。不論如何,當文獻累積到一定數量之後,出現重複的項目是難以避免的狀況。那麼我們要怎麼來解決這個問題呢?</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjchgzGvu5jdtv50TD5J5Ljjx6ib0cano6jCjmF3656oAddHmeRZdxKbM6_0aiMLpOUtsEsLchqMHtGgNZ3dl-2snlRcuxFMfQMZ2wtuhzc3pFyKgqRNNgsbDbfkdJVlX5UIJWcB54uJg8P0OyF0O3mW-aBk0DUsHXHkofLhb_wF-9hWpLjJv4RPA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjchgzGvu5jdtv50TD5J5Ljjx6ib0cano6jCjmF3656oAddHmeRZdxKbM6_0aiMLpOUtsEsLchqMHtGgNZ3dl-2snlRcuxFMfQMZ2wtuhzc3pFyKgqRNNgsbDbfkdJVlX5UIJWcB54uJg8P0OyF0O3mW-aBk0DUsHXHkofLhb_wF-9hWpLjJv4RPA" title="2024-0123-022505.png" alt="2024-0123-022505.png" class="original-size">
</a></p>
<p>這時候就需要善用Zotero的「重覆的項目」檢視功能來合併重複的文獻。做法如下:</p>
<ol>
<li>在導覽列進入「重覆的項目」。</li>
<li>中間列表Zotero會列出它認為可能是重覆的文獻。請點選你要合併的文獻。</li>
<li>右方會出現可供選擇的版本。下方則有該版本的書目資訊。請選擇擁有完整書目的版本。</li>
<li>按下「合併N項目」。</li>
</ol>
<p>這樣子Zotero就會把重覆的項目視為同一份文獻。原本在各個文獻下的附件,合併之後都會擺到合併完的文獻下面。因此如果兩份文獻都有抓取PDF檔案的話,合併完之後就會出現兩個PDF論文檔案。請斟酌移除掉多餘的檔案吧。</p>
<p>合併重覆的項目後,使用Zotero引用就不會出現上述的問題了。</p>
<hr>
<h2>不同文獻庫但引用了重複的項目 / Citations of duplicate items across different libraries</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhUHWfiY1SUXVPhtE_2KB8fkzDFPM-mw14yxF_a-Wub6dxDKobZs7ZO9OAiKKeuWgvhz2Cw7z0GBx6TlO26mdPIShk0Ez3BP_IzfGQbxAlGT-KI1gkIhj3UzLdyFFgwBfulakyaAScbeaI50-TaGBMPq1xNqoJ34z_Eyc_X5tMNii9TOYNF9Q2yaQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhUHWfiY1SUXVPhtE_2KB8fkzDFPM-mw14yxF_a-Wub6dxDKobZs7ZO9OAiKKeuWgvhz2Cw7z0GBx6TlO26mdPIShk0Ez3BP_IzfGQbxAlGT-KI1gkIhj3UzLdyFFgwBfulakyaAScbeaI50-TaGBMPq1xNqoJ34z_Eyc_X5tMNii9TOYNF9Q2yaQ" title="2024-0123-023842.png" alt="2024-0123-023842.png" class="original-size">
</a></p>
<p>第二種狀況一般人應該比較少見。Zotero除了你自己本身就有的「我的文獻庫」之外,其實還能夠新增「群組文獻庫」,讓不同的帳號能夠同步、共享群組文獻庫的內容。只是要注意的是,「我的文獻庫」裡面的文獻跟「群組文獻庫」裡面的文獻,會被視為是不同的文獻項目。</p>
<p>為了能夠跟學生協作論文的內容,我要求學生將引用的文獻複製到群組文獻庫中。如此一來,後續我們編輯、修改參考文獻的時候,不論是在那臺電腦上,都能夠查詢到相同的文獻。然而,由於原本的文件中,有部分文獻是位於「我的文獻庫」、後來的文獻則是複製到「群組文獻庫」,這就造成Zotero認為這是「同一個作者、同一個日期,但是不同文獻」的狀況。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiIyRB8bkDZ4ASMvGRef0G0yQACXyOsTpf-BQmS-g1YYsb4mpIxhj57xDskb6qsQX57iW39CscOCqr86f9UbxNSGfXwEOmC771Ek8FiOMA0jssvjeX2IzESjuLg8ZmIvbo2Jxez0Imcin2TQDi35gLzqGmZSSmcu7ys9BKylvbkGTpT98RlrnQ9ig">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiIyRB8bkDZ4ASMvGRef0G0yQACXyOsTpf-BQmS-g1YYsb4mpIxhj57xDskb6qsQX57iW39CscOCqr86f9UbxNSGfXwEOmC771Ek8FiOMA0jssvjeX2IzESjuLg8ZmIvbo2Jxez0Imcin2TQDi35gLzqGmZSSmcu7ys9BKylvbkGTpT98RlrnQ9ig" title="2024-0123-024545.png" alt="2024-0123-024545.png" class="original-size">
</a></p>
<p>要解決這個問題的話,只能一一確認文件裡面的引用,並將引用改到統一的文獻庫裡面。這時候你可用搜尋「b)」或「c)」來找找看有沒有被Zotero認為是重複的項目。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEisLLeAwB0Zr-ujRgdh9W_A2OaQ48lpaU8e4Svy-zr1P1tbVmOc7CNK-aDKMz0LWPwNm6MRB0qjbXRu43mdmZ49d20E-ixl2Xq6S5_W6PEaEbt0IPE-CpWo3Ge-ybTLup4LGDbFBHRxFr4WAbQfQCTSTuHnDTgRSsvZBFXbWanVmtaFeKpI4f4b4A" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEisLLeAwB0Zr-ujRgdh9W_A2OaQ48lpaU8e4Svy-zr1P1tbVmOc7CNK-aDKMz0LWPwNm6MRB0qjbXRu43mdmZ49d20E-ixl2Xq6S5_W6PEaEbt0IPE-CpWo3Ge-ybTLup4LGDbFBHRxFr4WAbQfQCTSTuHnDTgRSsvZBFXbWanVmtaFeKpI4f4b4A=s450" title="2024-0123-020805.png" alt="2024-0123-020805.png" width="450" height="204"></a><br></p>
<p>另一個做法是仔細檢查參考文獻的列表,應該很容易發現一摸一樣、只有年份後面加註英文不同的文獻。</p>
<p>仔細修正文獻裡面的Zotero引用,這樣就能確保Zotero能夠順利產生參考文獻了。</p>
<hr>
<p>這篇說明如何處理Zotero重覆文獻的教學就到此為止了。文章最後要來問的是:如果遇到Zotero產生的引用跟你所想的不同之時,你會怎麽作呢?</p>
<ul>
<li>1. Zotero是我大哥,信大哥就對了。</li>
<li>2. 用Zotero的編輯器功能,把結果改成自己所想的樣子。</li>
<li>3. 檢查看看Zotero的書目資訊是否正確。</li>
<li>4. 確認看看APA樣式的規則。</li>
<li>5. 叫布丁想辦法,他做的。</li>
<li>6. 刪掉不要用,Zotero簡直是給我找麻煩。</li>
<li>7. 其他:歡迎在下面留言分享你的看法喔。</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天我想跟大家討論文獻管理工具Zotero中重覆文獻的問題。
一開始我先解釋了在APA樣式下,當同一作者在同一年份發表多篇論文時,如何用字母來區分這些文獻。但是配合Zotero使用APA樣式插入引用時,很可能會因為兩種情況而導致文獻的重複。第一種情況是在同一文獻庫中的重複項目,第二種是跨不同文獻庫的重複引用。
對於第一種情況,我在文章中提供了如何避免和解決文獻重複匯入的方法,包括使用Zotero的「重覆的項目」檢視功能來合併重複文獻。對於第二種情況,則建議仔細檢查並統一文件中的引用來避免混淆。
這篇文章不僅提供了實用的Zotero使用技巧,同時也讓我們了解到在學術寫作中,如何正確管理參考文獻是多麼重要的一環。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-69943777312788721012024-03-11T12:00:00.008+08:002024-03-11T12:00:00.268+08:00在文件插入Zotero引用的時候,如何只引用年份? / How to Insert Year Only Citations with Zotero?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiwhLVwaBbbznDRTAqCVOuw46XGxi7jxNvZBZFyTiTCQrX08MN_sqQLlJdBTDJCmQjkmLWh5Du-0qCgyxdH8rY7Ip3iZR5yMbyvZw6xOjrgQ0kpUfJetFy0Dgdy3q8bbmStFUOfB0vF8SUs-s32q5xr9LuLVRqoOAY0qakXoJVxt2-jJlIXCbWx9A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiwhLVwaBbbznDRTAqCVOuw46XGxi7jxNvZBZFyTiTCQrX08MN_sqQLlJdBTDJCmQjkmLWh5Du-0qCgyxdH8rY7Ip3iZR5yMbyvZw6xOjrgQ0kpUfJetFy0Dgdy3q8bbmStFUOfB0vF8SUs-s32q5xr9LuLVRqoOAY0qakXoJVxt2-jJlIXCbWx9A" title="2024-0121-203657.png" alt="2024-0121-203657.png" class="original-size">
</a></p>
<p>插入引用時,記得勾選「省略作者」(Suppress Author)。</p>
<p>When inserting a citation, remember to check "Suppress Author."</p>
<a name='more'></a>
<hr>
<h2>文獻管理工具 Zotero / Zotero: The literature management tool</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj9uPTan9PpC6nQSySusZdOjqqeNuNclLATSLlLpUO3JBZsLcl2DU6KYqMik0dT0oB_7zZUaxx280uVXS-qWYkafA3Aavj5O-8yuZcdtj1bqtyi3eSPyK7t6bpzYfi-fd16iCGSdZDxZWSS9BYAFNV5j-JNo004-GO0iKYAk7UDuKrzRTXNaAOZlQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj9uPTan9PpC6nQSySusZdOjqqeNuNclLATSLlLpUO3JBZsLcl2DU6KYqMik0dT0oB_7zZUaxx280uVXS-qWYkafA3Aavj5O-8yuZcdtj1bqtyi3eSPyK7t6bpzYfi-fd16iCGSdZDxZWSS9BYAFNV5j-JNo004-GO0iKYAk7UDuKrzRTXNaAOZlQ" title="2024-0121-200312.png" alt="2024-0121-200312.png" class="original-size">
</a></p>
<p><a href="/2013/07/zotero-introduce-zotero.html" target="_blank">https://blog.pulipuli.info/2013/07/zotero-introduce-zotero.html</a></p>
<p>Zotero 是一款廣受學術界推崇的文獻管理軟體。它的設計初衷是為了幫助學者、研究人員以及學生有效地收集、組織、引用和分享研究資料。Zotero 提供了一個直觀的界面,用以管理不同類型的文獻資源,包括書籍、期刊文章、網頁內容等。使用者可以透過安裝在瀏覽器上的插件,快速將網路上的資料加入到 Zotero 的文獻庫中。此外,Zotero 還能夠存儲文件的全文,甚至是網頁的快照,這對於日後回顧研究內容非常有幫助。</p>
<p>Zotero 的一大特色是其參考文獻管理功能。使用者可以在軟體中輕鬆創建和管理參考文獻,並且透過插件與文字處理軟體(如 Microsoft Word 或 LibreOffice)進行整合,從而在撰寫學術論文時自動插入並格式化引用。Zotero 支持多種參考文獻格式,能夠滿足不同學術領域和期刊的引用要求。此外,Zotero 還允許使用者自訂參考文獻的排版風格,增加了使用的靈活性。</p>
<p>Zotero本身是免費的,你可在下面的網址找到Zotero的下載與安裝位置:</p>
<ul>
<li><a href="https://www.zotero.org/download/" target="_blank">https://www.zotero.org/download/</a> <br></li>
</ul>
<p>我也基於Zotero內建的英文版APA之上,整理了中英文合併的APA版本。詳情可以看「<a href="/2014/08/zoteroapa-zotero-citation-style-apa.html">Zotero引用文獻樣式:中文、英文APA合併版本</a>」這篇。目前APA第七版的中英文版本也在開發中,有興趣的讀者可以在GitHub「<a href="https://github.com/pulipulichen/Zotero-Style-apa-7th-zh-Hant-TW?tab=readme-ov-file#zotero-style-apa-7th-zh-hant-tw">Zotero-Style-apa-7th-zh-Hant-TW</a>」上找到安裝連結。</p>
<p><br></p>
<hr>
<h2>Zotero與文內引用 / Citation in the text via Zotero</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgu0JVPqTb1MGlnX4bBwj5l2KWgwiL3UqYTOhtgvCR3GgA6xjE1OixD0wGQEdUCHBmVg-6ByOrsWeWxRxlglUkr7tupg-J-lT8SAdnpL-LeRb3fb1dxPC9Kgjtisyv3nuzOOsiNVor5Mtl4b0_GWPx9K6Ny7hFb6Mf7Vt4GPnwFtwQdcKL5T3QiPw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgu0JVPqTb1MGlnX4bBwj5l2KWgwiL3UqYTOhtgvCR3GgA6xjE1OixD0wGQEdUCHBmVg-6ByOrsWeWxRxlglUkr7tupg-J-lT8SAdnpL-LeRb3fb1dxPC9Kgjtisyv3nuzOOsiNVor5Mtl4b0_GWPx9K6Ny7hFb6Mf7Vt4GPnwFtwQdcKL5T3QiPw" title="2024-0121-201102.png" alt="2024-0121-201102.png" class="original-size">
</a></p>
<p>如果要使用Zotero在文章內插入引用的話,做法其實很簡單。讓我們一步一步來說明。</p>
<h3>Step 1. 開啟Zotero / Open Zotero</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhPf1rX9ccgOAgPKNEYk-6jtAdXycy35IUr493sj21zSOT4mzv11rQaoV_J0YC2vPsBr6N-UdpYObifjA0G6x9s1am4QxUl4FLc4yh5qdde4AywszvHkYdvQ-TexsFbTRkri76bS5zrrzwIaKWi-oOkWC4VlYilpamPNMeAzzDHZHR8frIGbv2G7A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhPf1rX9ccgOAgPKNEYk-6jtAdXycy35IUr493sj21zSOT4mzv11rQaoV_J0YC2vPsBr6N-UdpYObifjA0G6x9s1am4QxUl4FLc4yh5qdde4AywszvHkYdvQ-TexsFbTRkri76bS5zrrzwIaKWi-oOkWC4VlYilpamPNMeAzzDHZHR8frIGbv2G7A" title="2024-0121-201218.png" alt="2024-0121-201218.png" class="original-size"></a></p>
<p>第一步是開啟Zotero。最好將資料夾開啟到對應的位置。</p>
<h3>Step 2. 移動游標 / Place the cursor to the place to insert citation</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiyKpggDj3Ff5VMGsQjVgph8FDDPz1wHVJm3IKYFblWqQDRtOxp6tjBKC1W4DjbXwzfd7p0Ky68kQSGoFUxtuVlQBFVqw_z11zwvabma2U8HqMIbm3VEZOXbae8Nn9wmL_spX02OZ9DZgZWMf7CdfcTm6xy3LYklY5Xm-bB_WkB67ZN321LkpEJQw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiyKpggDj3Ff5VMGsQjVgph8FDDPz1wHVJm3IKYFblWqQDRtOxp6tjBKC1W4DjbXwzfd7p0Ky68kQSGoFUxtuVlQBFVqw_z11zwvabma2U8HqMIbm3VEZOXbae8Nn9wmL_spX02OZ9DZgZWMf7CdfcTm6xy3LYklY5Xm-bB_WkB67ZN321LkpEJQw" title="2024-0121-201309.png" alt="2024-0121-201309.png" class="original-size"></a></p>
<p>將游標移動到欲插入引用的位置。</p>
<h3>Step 3. 新增引用 / Add citation</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiV46CnJ0sRnRsR2S-gZLO06eprFn1SL8JHBZn09eMUErs-v73aqoIErV6iUpKSFo7SfitmAIg-DQUxvDe_3nurtR48OwTYBbzaFS5ekjeERs9uRPQCU9uWZ_a1kzcQjjzmHRB0ccg-a-1w_H_CSIeQsfIPL5JaTrlRp6niasGRcht9QJxUvKWtxw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiV46CnJ0sRnRsR2S-gZLO06eprFn1SL8JHBZn09eMUErs-v73aqoIErV6iUpKSFo7SfitmAIg-DQUxvDe_3nurtR48OwTYBbzaFS5ekjeERs9uRPQCU9uWZ_a1kzcQjjzmHRB0ccg-a-1w_H_CSIeQsfIPL5JaTrlRp6niasGRcht9QJxUvKWtxw" title="2024-0121-201349.png" alt="2024-0121-201349.png" class="original-size">
</a></p>
<p>在Zotero工具列使用「Add/Edit Citation」。此時需要等待Zotero準備好它的引用框。當文獻數量很多的時候,這個步驟會花很長的時間。</p>
<h3>Step 4. 選擇引用文獻 / Select literature to cite</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiHeovBiRYoCN00HABSjfP-0dwO5MGnH5b7_pSh5rGmVZ74RODf0beMLeM9Wt7Rw8rKiycjZTXU3D1mri-f3nLUcvAx3F4uDpZ8u2TF4qoncSPLIFPhOGUkU-4nQ6ZVhc1ijz_bXUUCBnop8JvsZklKH9TZVloSgYYyY5qVvFqYqmim_m5zchX2Dw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiHeovBiRYoCN00HABSjfP-0dwO5MGnH5b7_pSh5rGmVZ74RODf0beMLeM9Wt7Rw8rKiycjZTXU3D1mri-f3nLUcvAx3F4uDpZ8u2TF4qoncSPLIFPhOGUkU-4nQ6ZVhc1ijz_bXUUCBnop8JvsZklKH9TZVloSgYYyY5qVvFqYqmim_m5zchX2Dw" title="2024-0121-201503.png" alt="2024-0121-201503.png" class="original-size">
</a></p>
<p>這個畫面是Zotero設定了「使用傳統新增引用文獻對話框」之後會出現的畫面。在開啟上圖的對話視窗之後,請進行以下操作</p>
<ol>
<li>搜尋或找到所需引用的文獻。</li>
<li>選擇該文獻。</li>
<li>按下「OK」確定插入。</li>
</ol>
<h3>Step 5. 引用完成 / Finish</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEghUe3BbCpDB-rFfYjpUm9TPDczL6cWaE5TbWOOpz7Jciu5YuHU6cPudvxWh0mw9XUu46tocYow_FmP9EZy8hpZ7IsIBT6nNge8srB2e7RNDiOvYEDr-jYfkdvk29WAe8LN2w9Xaitf2WtW87jI7Y-LGUWr30XP32GOuyFkkqA4NJQwBMMXvEnUHQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEghUe3BbCpDB-rFfYjpUm9TPDczL6cWaE5TbWOOpz7Jciu5YuHU6cPudvxWh0mw9XUu46tocYow_FmP9EZy8hpZ7IsIBT6nNge8srB2e7RNDiOvYEDr-jYfkdvk29WAe8LN2w9Xaitf2WtW87jI7Y-LGUWr30XP32GOuyFkkqA4NJQwBMMXvEnUHQ" title="2024-0121-201853.png" alt="2024-0121-201853.png" class="original-size">
</a></p>
<p>這樣就插入完成了。而後續的參考文獻中,也會自動將Bates在2009發表的文獻加入到列表中。</p>
<hr>
<h2>Zotero與敘述性文內引用 / Narrative citation in the text via Zotero</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjjUYK9q85DR1ibYUSmXQRAEMHNMTyRzwXmoEof7_Ol8MIhRY4hcXstSuXnfn7HLb760wnVt-EeUiRwk_mrTMSGf3SIEOWUsDva4GCEs5J6tA6bWrPqt3ScGmG4tZVPys6hWdyEizrFumoDvSAfLnEo9i7Xy70bpEY0CxLzF6sO-v5qs3D3dR2D-g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjjUYK9q85DR1ibYUSmXQRAEMHNMTyRzwXmoEof7_Ol8MIhRY4hcXstSuXnfn7HLb760wnVt-EeUiRwk_mrTMSGf3SIEOWUsDva4GCEs5J6tA6bWrPqt3ScGmG4tZVPys6hWdyEizrFumoDvSAfLnEo9i7Xy70bpEY0CxLzF6sO-v5qs3D3dR2D-g" title="2024-0121-202042.png" alt="2024-0121-202042.png" class="original-size">
</a></p>
<p>如果我想要強調作者的名字,而將作者的名字寫在文章中,並用括號與日期標註引用的話,那要怎麼作呢?這種做法叫做「敘述性引用」(narrative citation),詳細的介紹請參考「<a href="/2024/03/parenthetical-citation-andnarrative-citation-in-the-text-in-apa-style.html">APA樣式文內引用的兩種類型</a>」這篇。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjKYIbvOuXHtx2G1j7ip7p9Y1CrFDqXG6ywprlH8Id8PujGStuoHvI0ga16K0uX0mafWCiu0gT6codG6-WBOtH74AOxCwXfw7w0U_cm6rwzd24UozmpgUEuYBkQmkgkdSIcc-yk5FnRslPE5OSegRaPKFXVfZkVT-IRhAW9l2nM3t2zg5F09lGGxw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjKYIbvOuXHtx2G1j7ip7p9Y1CrFDqXG6ywprlH8Id8PujGStuoHvI0ga16K0uX0mafWCiu0gT6codG6-WBOtH74AOxCwXfw7w0U_cm6rwzd24UozmpgUEuYBkQmkgkdSIcc-yk5FnRslPE5OSegRaPKFXVfZkVT-IRhAW9l2nM3t2zg5F09lGGxw" title="2024-0121-202628.png" alt="2024-0121-202628.png" class="original-size">
</a></p>
<p>如果要用Zotero來撰寫敘述性引用,做法也很簡單。在前面的Step 4. 「選擇引用文獻」中,只要勾選「省略作者」(Suppress Author)。 Zotero所插入的引用就會只有年份,沒有作者的姓氏。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjY4Ry93lvCOGBKr7qeFUfHN0gnVex-r-khhaEcGri_Qz2t452wBpI5PqBxuh_OP-s1KE9OZlOq6s6LHmd9QQL__9tmF99Lgu0hm3pRBJAfSvh9_OtrUM8APOKn6Wap49hzQT7rLEIIJT9kxHlQ9QH8M6CVNUwSDU7vuQWyLYZ5dyzd4TqWvpsiTQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjY4Ry93lvCOGBKr7qeFUfHN0gnVex-r-khhaEcGri_Qz2t452wBpI5PqBxuh_OP-s1KE9OZlOq6s6LHmd9QQL__9tmF99Lgu0hm3pRBJAfSvh9_OtrUM8APOKn6Wap49hzQT7rLEIIJT9kxHlQ9QH8M6CVNUwSDU7vuQWyLYZ5dyzd4TqWvpsiTQ" title="2024-0121-202755.png" alt="2024-0121-202755.png" class="original-size">
</a></p>
<p>上面這個是錯誤的用法。有些人沒有勾選「省略作者」,而是用編輯器修改Zotero插入的結果。但這個做法在不同電腦編輯時容易發生錯誤,而且也沒辦法讓Zotero自動區別重複姓氏的作者、同一作者與同一年發表的文章。因此沒有特別的狀況,我建議盡量不要使用編輯器的功能。</p>
<hr>
<p>這篇關於Zotero在文內的敘述性引用介紹就到這裡為止了。文章最後要來問的是:你通常會怎麽引用別人的文獻呢?</p>
<ul>
<li>1. 括號內引用,例如 (Koehler, 2016)。</li>
<li>2. 敘述性引用,例如「Koehler (2016) noted...」。</li>
<li>3. 不明顯的敘述性引用,例如「In 2016, Koehler noted...」。</li>
<li>4. 通靈式引用,例如「Experts noted...」。</li>
<li>5. 其他:歡迎在下面留言分享你的看法喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?
今天要跟大家分享的是Zotero在文章內插入引用的做法。
Zotero一款學術界廣受推崇的文獻管理工具。它能幫助使用者有效地收集、組織、引用和分享學術資料,非常適合學者、研究人員和學生使用。Zotero提供直觀的界面,方便管理各類文獻,如書籍、期刊文章和網頁內容。透過瀏覽器的擴充功能,使用者可以輕鬆將線上資料加入文獻庫,並儲存文件全文和網頁快照。
文章中我主要著重於介紹Zotero與文字處理軟體的整合。使用者能夠選擇Zotero中的特定文件,並在文件中插入引用,以確保文獻引用的完整性。然而,文內引用除了常見的括弧內引用之外,還有另一種敘述性引用。這種引用方式強調作者的名字,括弧內的資訊只會留下年份。
如果用Zotero實現敘述性引用,只需在插入引用時選擇「省略作者」即可。我建議避免直接編輯Zotero的引用結果,以確保引用的準確性和一致性。
希望大家能從Zotero中獲得幫助,提高學術研究的效率。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-2395884653234477192024-03-04T12:00:00.007+08:002024-03-04T12:00:00.337+08:00APA樣式文內引用的兩種類型 / Parenthetical Citation and Narrative Citation in the text in APA Style<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj53f9fKXG-O8_VpR37747qRONN1WeiS0_TSNbhk4rBKVs4XFXE0Vi4sr233PQKbrRfys_N1T-mMG2zXQVcP9DS_fO3IK7sASLugKX70pH5ArUbSkMdX5T14Ys8ZumvJASNAuP39TM9Z0sHT2kWOrbPgd06o3rLNfzeWaShgHZOtlUpU5ZU5WShqQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj53f9fKXG-O8_VpR37747qRONN1WeiS0_TSNbhk4rBKVs4XFXE0Vi4sr233PQKbrRfys_N1T-mMG2zXQVcP9DS_fO3IK7sASLugKX70pH5ArUbSkMdX5T14Ys8ZumvJASNAuP39TM9Z0sHT2kWOrbPgd06o3rLNfzeWaShgHZOtlUpU5ZU5WShqQ" title="2024-0121-194914.png" alt="2024-0121-194914.png" class="original-size">
</a></p>
<p>隨著論文寫作的方式不同,在文章內引用的形式也可以有不同變化。讓我們來看看APA樣式的規範下,要怎麼在文內引用別人的研究吧。</p>
<p>As the method of writing a thesis varies, the format of in-text citations can also vary. Let's see how to cite someone else's research within the text under the APA style guidelines.</p>
<a name='more'></a>
<hr>
<h2><span style="color: inherit;">文內引用 / Citation in the text</span><br></h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg6o4UT1AnQahmi_iG4q4t_3AD_morULJnvJIFtLPdjq35Pb_uFgfOAvTrbK3vPZvxAu4cm0zAd3LdLmDpPqNn1vUoyEN7mhxneeIGw-mTCudTTJt1UtoKqYl_eXYMmuzMkMuAJ8dxTE6R-FgjJ6c_QzXnZzEIia29GcqLyhOF-yhUBevoeyTUEYA"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEg6o4UT1AnQahmi_iG4q4t_3AD_morULJnvJIFtLPdjq35Pb_uFgfOAvTrbK3vPZvxAu4cm0zAd3LdLmDpPqNn1vUoyEN7mhxneeIGw-mTCudTTJt1UtoKqYl_eXYMmuzMkMuAJ8dxTE6R-FgjJ6c_QzXnZzEIia29GcqLyhOF-yhUBevoeyTUEYA" title="8._Works_Credited_in_The_Text_-_-001.png" alt="8._Works_Credited_in_The_Text_-_-001.png" class="original-size"></a></p>
<p>圖片來源:<a href="https://www.google.com.tw/books/edition/Publication_Manual_of_the_American_Psych/o0BFyAEACAAJ?hl=zh-TW">Publication manual of the American psychological association</a> (Seventh edition). (2020). American Psychological Association.</p>
<p>在APA樣式所採用的「作者──日期」引用系統中,每個引用都分成了文內引用(in-text citation)跟對應參考文獻款目(reference list entry)。文內引用通常會出現文章中的內文,有時候也會在表格、圖片、腳註(footnote)、或是附錄中出現。</p>
<p>文內引用的主要目的是說明此處引用了某位作者在某個時間點發表的文獻。讀者便可以透過作者的姓名與發表日期,在以字母與筆畫順序排序的參考文獻列表中,找到對應的引用來源。</p>
<p>文內引用又可以細分成兩種形式:括號內引用 (parenthetical citation) 跟敘述性引用 (narrative citation)。讓我們看看要怎麼在文中使用。<br></p>
<h2>括號內引用 / Parenthetical citation</h2>
<p>括號內引用是指直接引用研究的結果或論點,並將作者的姓與日期呈現在文章句子最後的括號內。以下是括號內引用的例子,作者先講解了錯誤的平衡報導會影響大眾,而這個論點有專家的背書,這位說法來自於Koehler在2016的研究。括號內引用還可以加上其他文字,例如 (see Koehler, 2016, for more detail) 以及「(e.g., falsely balanced news coverage; Koehler, 2016)」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiqczWlIusDcTRvhB0HYGE4-qkB-o21rrgC78LI04vcNjUeNseisCVHrwTVAgCC8jW3pr8oRGnurXT04imtuzDAfbwrNFLJ4-7ZVMQ_ygQChQay-gOpp2aWDSODG5TPKIF9nGseE7Ke5v2xo87SB4IAXHoZ6hjoYtAAvw6EWzNndOrudFfObHKeUw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiqczWlIusDcTRvhB0HYGE4-qkB-o21rrgC78LI04vcNjUeNseisCVHrwTVAgCC8jW3pr8oRGnurXT04imtuzDAfbwrNFLJ4-7ZVMQ_ygQChQay-gOpp2aWDSODG5TPKIF9nGseE7Ke5v2xo87SB4IAXHoZ6hjoYtAAvw6EWzNndOrudFfObHKeUw" title="2024-0121-191247.png" alt="2024-0121-191247.png" class="original-size"></a></p>
<h2>敘述性引用 / Narrative citation</h2>
<p>另一種文內引用是敘述性引用。通常用於行文的句首或句子中,引用作者姓氏與年代,並成為句子的一部分。中文敘述姓引用的格式為「作者(西元年代)……」,英文則是「Author (Year) ...」。以下是敘述性引用的寫法。內容跟前面括號內引用一樣,但是作者的姓名並不是放置在括號內,而是在括號之外。作者的名字之後,再用括號並註明年份,表示這是引用Koehler在2016的研究。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiIfer589BfAAqQVk1-4up8iw8Nfco_0kFSFn533PLoFXEA0V3WBtNhGWniu6VXlDhq3RSVOBK0Qy4PJSNz9gB12_3U9j80yHkUs8adjzv18aEXuq64v7f5fPdoeK85ToRZYzDJ-FGH2YRlXVqwDmr08N0cxAyg1NVk1VbklyOGnvSWI8xcjm24yg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiIfer589BfAAqQVk1-4up8iw8Nfco_0kFSFn533PLoFXEA0V3WBtNhGWniu6VXlDhq3RSVOBK0Qy4PJSNz9gB12_3U9j80yHkUs8adjzv18aEXuq64v7f5fPdoeK85ToRZYzDJ-FGH2YRlXVqwDmr08N0cxAyg1NVk1VbklyOGnvSWI8xcjm24yg" title="2024-0121-191928.png" alt="2024-0121-191928.png" class="original-size"></a></p>
<p>如果寫作的時候要特別強調年份的重要性,則可以將年份提到文字內描述。但這樣的寫法較為罕見,也不太推薦這樣做。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgDguy3DTI6JQBQ-EoEH7Q6Y0iI1kQfDaZY3qGJfdjLiybp2eGWyIdmOjkbkLLuqDY8g1e0un51K1hbX7DCe5d6EDp0eNYjB4H7MX_1Hr_ArBwq_0yQ9cP-3xeIFYcA38oYlIz9HiibDlVpYR9K22FrEwTyLG_zhvGXt_XbvswwWNRBvPiTxuDTdA"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgDguy3DTI6JQBQ-EoEH7Q6Y0iI1kQfDaZY3qGJfdjLiybp2eGWyIdmOjkbkLLuqDY8g1e0un51K1hbX7DCe5d6EDp0eNYjB4H7MX_1Hr_ArBwq_0yQ9cP-3xeIFYcA38oYlIz9HiibDlVpYR9K22FrEwTyLG_zhvGXt_XbvswwWNRBvPiTxuDTdA" title="2024-0121-192318.png" alt="2024-0121-192318.png" class="original-size"></a></p>
<h2>不同人數作者的文內引用 / Number of authors to include in in-text citations</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhh5h5zM186ZLnPFDi8hKTE-7Fh-a03AenBwBcAjYXnlWg57ZhHHAM75l4ELPkQ0z8bnL4GRbgjCG-ejBt9FMByFsnLfsJlY27SduJ8cIn1dIrCr-GA0PdU6uP4oAmzuoTrHU6oO5jVmi1SUW6Cd7ci3cEeqHxgYougld4SGSVnbR3GPXGkd8J_bw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhh5h5zM186ZLnPFDi8hKTE-7Fh-a03AenBwBcAjYXnlWg57ZhHHAM75l4ELPkQ0z8bnL4GRbgjCG-ejBt9FMByFsnLfsJlY27SduJ8cIn1dIrCr-GA0PdU6uP4oAmzuoTrHU6oO5jVmi1SUW6Cd7ci3cEeqHxgYougld4SGSVnbR3GPXGkd8J_bw" title="2024-0121-192454.png" alt="2024-0121-192454.png" class="original-size"></a></p>
<p>圖片來源:<a href="https://www.google.com.tw/books/edition/Publication_Manual_of_the_American_Psych/o0BFyAEACAAJ?hl=zh-TW">Publication manual of the American psychological association</a> (Seventh edition). (2020). American Psychological Association.<br></p>
<p>不同人數的作者在文內引用的寫法也都不一樣。大致上可以分成一人、二人、三人以上、團體組織這四種不同形式。在作者只有一人的時候,我們直接引用作者的姓氏跟日期即可;二人的時候,在括弧內引用會用「&」來區隔兩位作者的形式,但在敘述性引用的時候則不使用標點符號,而是用「與」或是「及」等連接詞來連結兩位作者的姓氏;在作者有三位以上的時候,包括三位內在,寫作時只需要列出第一位作者的姓氏,並加上「et al.」(等)即可。若作者是團體組織,除非縮寫已經廣為人知且不會跟其他詞彙混淆,否則大多情況下都建議應該寫上全寫。</p>
<hr>
<h2>結語 / In closing</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi_vgT8XpoVIpBIoJEp_9LBjngl43F1riQfG8ts4lmL6bWkazBdfIbSW2vwCSzrgjvJD1dsOjm7Oya9glcYJYr_QTFX3HSATCxMuulFjJCZ-rz4FvP-8ivOuOdlCThkPzhAEB7QKCLer_GbA-S482JZ_-hSkpQuxa5t7xjOH3yK0onMidS0FwgL0A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi_vgT8XpoVIpBIoJEp_9LBjngl43F1riQfG8ts4lmL6bWkazBdfIbSW2vwCSzrgjvJD1dsOjm7Oya9glcYJYr_QTFX3HSATCxMuulFjJCZ-rz4FvP-8ivOuOdlCThkPzhAEB7QKCLer_GbA-S482JZ_-hSkpQuxa5t7xjOH3yK0onMidS0FwgL0A" title="https://apastyle.apa.org/style-grammar-guidelines" alt="https://apastyle.apa.org/style-grammar-guidelines" class="original-size">
</a></p>
<p><a href="https://apastyle.apa.org/style-grammar-guidelines" target="_blank">https://apastyle.apa.org/style-grammar-guidelines</a> <br></p>
<p>儘管很多人會以為APA樣式只有規範參考文獻的組成,但其實APA樣式所規範的內容涵蓋了學術報告、研究與文章的完整寫法。目前APA樣式現在是第七版,建議每一位要使用APA樣式撰寫報告的人都應該備有此書。相關的文獻如下:</p>
<ul>
<li>APA Style - Style and Grammar Guidelines: <a href="https://apastyle.apa.org/style-grammar-guidelines" target="_blank">https://apastyle.apa.org/style-grammar-guidelines</a></li>
<li>英文的書籍:American Psychological Association. (2020). Publication manual of the American psychological association (Seventh edition). American Psychological Association.</li>
<li>中文的寫法我參考的書籍是:吳清山、林雍智(<span lang="en-US">2020</span>)。教育學門論文寫作格式指引 <span lang="en-US">: APA</span>格式第七版之應用。心理。</li>
</ul>
<hr>
<p>那這篇APA如何在文內引用的介紹就到此為止了。文章最後要來詢問大家的是:你寫報告的時候都是用什麼樣式呢?</p>
<p>1. APA:American Psychological Association 美國心理學會樣式。</p>
<p>2. Chicago:The Chicago Manual of Style 芝加哥樣式。</p>
<p>3. MLA:Modern Language Association 現代語言協會樣式。</p>
<p>4. 「<a href="https://blog.pulipuli.info">布丁布丁吃什麼?</a>」樣式。</p>
<p>5. 我獨創的樣式。</p>
<p>6. 其他:在下面留言分享吧!</p>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?
今天要跟大家介紹的是APA學術寫作樣式中,文內引用的寫法。APA樣式中有兩種文內引用方式:括號內引用和敘述性引用。括號內引用放於句尾,而敘述性引用則將作者與年份融入句中,使文章流暢且簡潔。
然而隨著作者人數不同,文內引用的寫法也有所變化。單一作者時直接引用姓氏和日期;兩位作者使用「&」或「與」連接;三位以上則用第一位作者姓氏加「et al.」。團體作者則通常全名引用。
總結來說,熟悉並正確運用APA樣式對提高學術寫作品質至關重要。正確使用APA樣式,不僅能夠使得文章更加易於理解和查證,也可以有效提升寫作的專業程度喔。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-61423029199604743642024-02-28T12:00:00.012+08:002024-02-28T12:00:00.130+08:00讓AI繪圖成為你的教學利器:Stable Diffusion 工作坊 / Let AI Drawing Become Your Teaching Tool: Stable Diffusion Workshop<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjeUY4jHPaRhwqvYKDJ8EzJdC1KCQLQpU0fAPJ13lb7BC4UtCejzXzobTWCeSO3T1HhyfFL5tBpmf5An7j0LP9vv1thqaROk1h7g9ge31bBeXFJgvUgXuNd3BpJTAJPL0mQ_Z9VKozCgFICc2HwJSGE7UdKVXmQhiHlc_S70lZ4o0BLYEwr0pmuFQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjeUY4jHPaRhwqvYKDJ8EzJdC1KCQLQpU0fAPJ13lb7BC4UtCejzXzobTWCeSO3T1HhyfFL5tBpmf5An7j0LP9vv1thqaROk1h7g9ge31bBeXFJgvUgXuNd3BpJTAJPL0mQ_Z9VKozCgFICc2HwJSGE7UdKVXmQhiHlc_S70lZ4o0BLYEwr0pmuFQ" title="2024-0226-011445.png" alt="2024-0226-011445.png" class="original-size">
</a></p>
<p>這是之前在「人工智慧於教學實務應用工作坊之生成式人工智慧繪圖與教學應用」中講述「讓AI繪圖成為你的教學利器:Stable Diffusion工作坊」的投影片跟相關教材的記錄,供有需要的朋友使用。</p>
<a name='more'></a>
<hr>
<h2>投影片 / Slide</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhs3Pwhes2zFIchzJmkymlyvPjpF-jN2NwZwPg1O6YC7Lax3pFaO5231ZHCpHzQLIy7bFMvyz_ZkbS97emDBk_dbMeOQPpp2SoRxw1dDS3OGoCo16mxyDzV5l5du3UE-Cml6wPi3_ATg-xcPLyKw4011CNpw1rOjag1qLLcC2mDBThrFj9mVidP1A"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhs3Pwhes2zFIchzJmkymlyvPjpF-jN2NwZwPg1O6YC7Lax3pFaO5231ZHCpHzQLIy7bFMvyz_ZkbS97emDBk_dbMeOQPpp2SoRxw1dDS3OGoCo16mxyDzV5l5du3UE-Cml6wPi3_ATg-xcPLyKw4011CNpw1rOjag1qLLcC2mDBThrFj9mVidP1A" title="Stable_Diffusion_-_2024_-_blog.png" alt="Stable_Diffusion_-_2024_-_blog.png" class="original-size"></a></p>
<ul>
<li>Google Slide:<a href="https://docs.google.com/presentation/d/1SiKVGEA3yysyC-hdTenhWpHTMYTxkuc3X_fuGw0y96o/edit?usp=sharing">線上查看</a>、<a href="https://docs.google.com/presentation/d/1SiKVGEA3yysyC-hdTenhWpHTMYTxkuc3X_fuGw0y96o/export/pdf">PDF版本</a></li>
<li>Power Point格式檔案備份:<a href="https://docs.google.com/presentation/d/1SiKVGEA3yysyC-hdTenhWpHTMYTxkuc3X_fuGw0y96o/edit?usp=drive_link" target="_blank">Google Drive</a>、<a href="https://www.slideshare.net/slideshows/ai-stable-diffusion-2024-blog/266483942" target="_blank">SlideShare</a>、<a href="https://1drv.ms/p/s!AjpBE212arKQgWM-xUL_uSEccAdY?e=mYPkUH" target="_blank">One Drive</a>、<a href="https://mega.nz/file/Ib9yjZAQ#7hzJZSh5YWX-PFWeFauFchjA-U9FIRg32MthTfIX4vQ" target="_blank">Mega</a>、<a href="https://app.box.com/s/irqshx9v6mrd30i5q24v19mc67ivk80p" target="_blank">Box</a>、<a href="https://www.mediafire.com/file/vf2sgnptjble1gc/Stable_Diffusion%25E5%25B7%25A5%25E4%25BD%259C%25E5%259D%258A_-_2024_-_blog.pptx/file" target="_blank">MediaFire</a>、<a href="https://e.pcloud.link/publink/show?code=XZbvnnZa3avf7BBKMbR0pJFO3zLC4tR1qvk" target="_blank">pCloud</a>、<a href="https://www.4shared.com/file/rHX1tSi4jq/Stable_Diffusion_-_2024_-_blog.html" target="_blank">4shared</a>、<a href="https://www.asuswebstorage.com/navigate/a/#/s/BD7B9F3EF1C04A17A0EA17813187136DY" target="_blank">ASUS WebStorage</a></li>
<li>Power Point格式檔案備份,壓縮分割檔案版本:<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.001">1</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.002">2</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.003">3</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.004">4</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.005">5</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.006">6</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/Stable Diffusion工作坊 - 2024 - blog.7z.007">7</a>。</li>
</ul>
<p>在這次活動中,我不僅介紹了AI繪圖技術如何融入教學實踐,還創造了一位名為「虛擬課程助教希希」的角色,以營造教師的教學品牌。我們深入探討了AI繪圖技術的基礎,從基本操作到如何撰寫有效的提示詞,以及如何使用Krea AI等工具來引導AI進行更精確的圖像生成。此外,我們還探討了風格模型的重要性,以及如何混合不同的模型來創造獨特的藝術作品。最重要的是,我們討論了AI繪圖對於文化保存的潛力,以及它如何成為一種創新的表達和學習工具。</p>
<h2>大綱 / Outline</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjuxByeh04tLwvrMOy_v1bsPW0L6uhfvURJP1w-30diRA-wiH7cWXVie6sr4rfXZhSwFh-WaUq54S9xDtKI4g8wn7Yz9FDjv-n4DZfgNW6WsS7AOlIR1x8hrAJajzmxyYASfuiwhfmYN2uQVJgMtiCZCz91RAODufs_83To2aEYT8YbTyFRL_8j-A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjuxByeh04tLwvrMOy_v1bsPW0L6uhfvURJP1w-30diRA-wiH7cWXVie6sr4rfXZhSwFh-WaUq54S9xDtKI4g8wn7Yz9FDjv-n4DZfgNW6WsS7AOlIR1x8hrAJajzmxyYASfuiwhfmYN2uQVJgMtiCZCz91RAODufs_83To2aEYT8YbTyFRL_8j-A" title="Stable_Diffusion_-_2024_-_blog_1_.png" alt="Stable_Diffusion_-_2024_-_blog_1_.png" class="original-size">
</a></p>
<p>本工作坊的大綱如下:</p>
<ol>
<li>前言:當教學碰上AI繪圖</li>
<li>AI繪圖介紹</li>
<li>文生圖實作</li>
<li>提示詞工程</li>
<li>提示詞工程實作</li>
<li>AI繪圖的引導</li>
<li>引導繪圖實作</li>
<li>風格模型</li>
<li>融和風格繪圖實作</li>
<li>觀摩與混製</li>
<li>結語:AI繪圖的未來</li>
</ol>
<h2>教材 / Materials</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh8PFDgbP9ocuhqdwI1do0if2hRIqLUvvWHG0L4MSoBJYWQQwZlElvPn-8rtxTRo5uoxi9mgn5vE1KMKX9A5kfGRMWsa8KDp0GU2_b1BPcdQI7RK23YZDbtSF3IFL3zP4wJ9cMIhXgh-I3C-kkXooxM1G9-E5qGg1g0tvFGovpE4R9eV6wuUrlyNg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh8PFDgbP9ocuhqdwI1do0if2hRIqLUvvWHG0L4MSoBJYWQQwZlElvPn-8rtxTRo5uoxi9mgn5vE1KMKX9A5kfGRMWsa8KDp0GU2_b1BPcdQI7RK23YZDbtSF3IFL3zP4wJ9cMIhXgh-I3C-kkXooxM1G9-E5qGg1g0tvFGovpE4R9eV6wuUrlyNg" title="2024-0226-001505.png" alt="2024-0226-001505.png" class="original-size">
</a></p>
<p>這份投影片使用到了四份學習單。正式教學時是使用Google Form讓同學上傳製作的成果,並在實習後帶同學一起來看看大家製作的圖片。在這裡我只提供學習單的HTML檔案供大家參考。</p>
<ul>
<li>Part 3. 學習單:文生圖實作:<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/study-sheet-part-3.html">GitHub</a>、<a href="https://drive.google.com/file/d/1pkrevTuwwxjCVRsB2LFxBP9TsdAoTWXH/view?usp=sharing">Google Drive</a></li>
<li>Part 5. 學習單:提示詞工程實作:<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/study-sheet-part-5.html">GitHub</a>、<a href="https://drive.google.com/file/d/1Onfal6COrAFbcBfRDzr_fs1noWapwgQE/view?usp=sharing">Google Drive</a></li>
<li>Part 7. 學習單:引導繪圖實作:<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/study-sheet-part-7.html">GitHub</a>、<a href="https://drive.google.com/file/d/1Ga-yGw8pqPHI0Y12eNLphxgBq2Xh84ca/view?usp=drive_link">Google Drive</a></li>
<li>Part 9. 學習單:融和風格繪圖實作:<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/02/sd/study-sheet-part-9.html">GitHub</a>、<a href="https://drive.google.com/file/d/1Zov1BiRQISqpmfvmbBzdrvU8rr2LFoLZ/view?usp=drive_link">Google Drive</a></li>
</ul>
<hr>
<p>這份Stable Diffusion工作坊的教材記錄就到此為止了。文章最後要來問大家的是,那部分的教學內容你覺得最感興趣呢?</p>
<p>1. 文生圖的教學。</p>
<p>2. 提示詞工程的教學。</p>
<p>3. 引導繪圖的教學。</p>
<p>4. 融和不同風格模型的教學。</p>
<p>5. 其他:歡迎在下面留言,分享你的看法吧!</p>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天我想跟大家分享的是我在「人工智慧於教學實務應用工作坊」中的一次演講,主題圍繞著如何將AI繪圖技術應用於教學中,特別是著重於Stable Diffusion這門AI繪圖技術。文章的內容主要是分享演講使用的投影片與學習單。在這份演講中,我們不僅介紹了AI繪圖的基本概念,還深入探討了如何撰寫有效的提示詞、使用工具引導AI生成更精確的圖像,以及如何融合不同的風格模型來創造獨特的藝術作品。我們還創造了一位名為「虛擬課程助教希希」的角色,旨在提升教學品牌的互動性和親切感。
透過實作練習和學習單,參與者能夠親手體驗AI繪圖的魔法,從文生圖實作到融合風格的繪圖,每一步都充滿了發現和創新的樂趣。我們還探討了AI繪圖在文化保存上的潛力,如何成為創新教學和學習的強大工具。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-31774777612490019892024-02-26T12:00:00.015+08:002024-02-26T12:00:00.338+08:00Stable Diffusion工作坊演講記錄 / Stable Diffusion Workshop Record<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjNOkygktsWE2k8Rg47_nHR1-QaJbEZOOXKp8ljdhJ5Y9PSfqhd1e0AbYHXZCyspJqpNPvRik9BswC-aMWTRWop5FpuwOlQsi5aQ7agwcl5PTJU4ycn9byt8hm1JaPj0YoxbZP4oeMfpN_Zl-LmkymMfqR2OVhOcFqqzWljqt3AoYMGSwi3ksoH4Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjNOkygktsWE2k8Rg47_nHR1-QaJbEZOOXKp8ljdhJ5Y9PSfqhd1e0AbYHXZCyspJqpNPvRik9BswC-aMWTRWop5FpuwOlQsi5aQ7agwcl5PTJU4ycn9byt8hm1JaPj0YoxbZP4oeMfpN_Zl-LmkymMfqR2OVhOcFqqzWljqt3AoYMGSwi3ksoH4Q" title="2024-0225-234616.png" alt="2024-0225-234616.png" class="original-size">
</a></p>
<p>感謝政大圖檔所的邀請,總算完成了「人工智慧於教學實務應用工作坊之生成式人工智慧繪圖與教學應用」中的「讓AI繪圖成為你的教學利器:Stable Diffusion工作坊」。這邊記錄一下活動訊息。</p>
<a name='more'></a>
<hr>
<h2>工作坊資訊 / Workshop information</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhTT7lTbMaDpnCPsgbNVVBekTWiX_ozQg-HUm9GITEUmNbdRszC5GXLLH2p-P2iNOrywHnNasNaCIofA5aVECu_GBOBsSskXUWXsxZFKeyBaL8EQoNKnxxpORw8feAKQbqDRJlqYd2XpG3LpKm5vvZrur50zqGk1O9x9e9VNLiaZkAJWWrNOlecSQ" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhTT7lTbMaDpnCPsgbNVVBekTWiX_ozQg-HUm9GITEUmNbdRszC5GXLLH2p-P2iNOrywHnNasNaCIofA5aVECu_GBOBsSskXUWXsxZFKeyBaL8EQoNKnxxpORw8feAKQbqDRJlqYd2XpG3LpKm5vvZrur50zqGk1O9x9e9VNLiaZkAJWWrNOlecSQ" title="2024-02-25_20-06.png" alt="2024-02-25_20-06.png" class="original-size"> </a><br></p>
<p>這是政大圖檔所在2024年2月24日舉辦的「人工智慧於教學實務應用工作坊」,工作坊的規劃中要講述的主題是「生成式人工智慧繪圖與教學應用」。我這次就來介紹我是怎樣把AI繪圖跟教學應用做個結合,並且一併介紹Stable Diffusion的AI繪圖技術。</p>
<h2>工作坊記錄 / Workshop record</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjd2la6iZv-MGk8XRwkJ4o6kUnUdjeTIQSdUw5KGq04YUiQy-LbhBql0yADgFL596K_vPcAnPUzvU83HNNWdU8tYR5KMq0G8nv3BrNkwvtZYxCbn0mZYsNucAKP_hFAzCB60qehnPrc6glr1R3rkytsqBuQ52NxMLu00Lh4byAZzBU8uaRmHCaHbw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjd2la6iZv-MGk8XRwkJ4o6kUnUdjeTIQSdUw5KGq04YUiQy-LbhBql0yADgFL596K_vPcAnPUzvU83HNNWdU8tYR5KMq0G8nv3BrNkwvtZYxCbn0mZYsNucAKP_hFAzCB60qehnPrc6glr1R3rkytsqBuQ52NxMLu00Lh4byAZzBU8uaRmHCaHbw" title="LINE_ALBUM_20240224__240224_10.jpg" alt="LINE_ALBUM_20240224__240224_10.jpg" class="original-size">
</a></p>
<p>當天我的演講主題是「讓AI繪圖成為你的教學利器:Stable Diffusion工作坊」。演講內容先介紹了我是如何在教材中用AI繪圖技術製作教材圖片,並且打造「虛擬課程助教希希」來經營自己的教學品牌。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiFS0ZJ0sRfiUOvtbbAzNLCIOFTVQaTWaSrc9-wuue3_X7dKCClDQMtXxQPE5wuglbPFJFk663m9e68sMmRpWb2g6eiytXZ2yFVnkbsc2ikWI04BZpfc3ihnUc_jnejyQuINgSklJ5AVizMhv9e8muwGiqMvK5CaceixBr90o4hSwHJo3Yd2TcMoQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiFS0ZJ0sRfiUOvtbbAzNLCIOFTVQaTWaSrc9-wuue3_X7dKCClDQMtXxQPE5wuglbPFJFk663m9e68sMmRpWb2g6eiytXZ2yFVnkbsc2ikWI04BZpfc3ihnUc_jnejyQuINgSklJ5AVizMhv9e8muwGiqMvK5CaceixBr90o4hSwHJo3Yd2TcMoQ" title="Stable_Diffusion_-_2024.png" alt="Stable_Diffusion_-_2024.png" class="original-size">
</a></p>
<p>接著演講開始介紹AI繪圖的基本概念,包括AI繪圖的御三家:Midjourney、DALL-E跟Stable Diffusion,然後讓同學立刻使用<a href="https://stablediffusionweb.com/">Stable Diffusion Online</a>來體驗文生圖的過程。接著介紹如何撰寫適合Stable Diffusion的提示詞。不光是描述主題與風格,還可以補充構圖、角度、光線等細節,讓Stable Diffusion能夠產生比較符合你想要的結果。但光是提示詞還不夠,我們還可以在<a href="https://www.krea.ai/">Krea AI</a>中,用人工加上圖片或顏色的引導,讓AI即時生圖。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEja5wCwS4urkbAYtTk3E0jOlZ0pA6LKNzb4TOM80NuQ06EuWa2cDKhmk6bCFS9K0CBW_1UTSzLovowl-IfThrUD9A9HrimJCYyr2EwaUEIWgZkAlNgKKAFiqp1zpTB8ttQmqiGnwV77ELFjKElr4OJRyKTYDNYbqTM95oxyFu1WH9vHwu5je1qcnA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEja5wCwS4urkbAYtTk3E0jOlZ0pA6LKNzb4TOM80NuQ06EuWa2cDKhmk6bCFS9K0CBW_1UTSzLovowl-IfThrUD9A9HrimJCYyr2EwaUEIWgZkAlNgKKAFiqp1zpTB8ttQmqiGnwV77ELFjKElr4OJRyKTYDNYbqTM95oxyFu1WH9vHwu5je1qcnA" title="Stable_Diffusion_-_2024_1_.png" alt="Stable_Diffusion_-_2024_1_.png" class="original-size">
</a></p>
<p>前面的部分都只是初嚐AI繪圖的功能,後面講到風格模型的部分,才是Stable Diffusion的魅力所在。風格模型可以細分為基礎模型、大模型、小模型的概念,並介紹了多種常見的大模型和小模型,以及這些模型的組合如何影響最後繪圖的結果。這段我們使用了Tensor.Art網站來練習融和不同風格模型的繪圖,以及觀摩其他網友的AI繪圖成果。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhmdcFDMed4-p844-vpiJdR9T4jLPmzyOsxPWIp4mZhkd5WtsKXEIP-rRqq9XEeHeXGBWEgiSHm03ZJUL_2k5eAQsl6HLsqNMjBQSLgr8W2Eqcds5-BK0kh1E6HTHSatBji8ca0a3iXxOyN6A8Lvh3qAGd9VfFT4JuH8_T_Lw70p74oAIFeT0Gc1Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhmdcFDMed4-p844-vpiJdR9T4jLPmzyOsxPWIp4mZhkd5WtsKXEIP-rRqq9XEeHeXGBWEgiSHm03ZJUL_2k5eAQsl6HLsqNMjBQSLgr8W2Eqcds5-BK0kh1E6HTHSatBji8ca0a3iXxOyN6A8Lvh3qAGd9VfFT4JuH8_T_Lw70p74oAIFeT0Gc1Q" title="Stable_Diffusion_-_2024_2_.png" alt="Stable_Diffusion_-_2024_2_.png" class="original-size">
</a></p>
<p>在演講的最後,我跟大家討論了AI繪圖的未來。儘管AI繪圖帶來了許多信任危機、智慧財產權的爭議,但它畢竟只是一個工具,工具的好壞則取決於使用者到底用什麼目的在使用它。AI繪圖可以單純只是讓你的生活添增一些樂趣,也可以用AI繪圖應用於提升攝影產業的效率。不僅如此,它也可以作為文化保存的一種載體、或是激發學生創意的催化劑。而且最重要的是,很多人從AI繪圖中找到了繪畫的樂趣,而我也希望這種喜悅,能夠為世界上更多人帶來歡樂。</p>
<h2>AI繪圖用於文化保存 / AI drawing used for cultural preservation</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjmRTFcxNtrsZP-8mNQcKwgXvIGdw7S1s3BughCwQYg14dmAILdSVlVhYLmM_0OmPA1b6gKq08JzPc_WobuHMjmJDP1k86XDWp8e3IKqk4qOzeDE4FHk2dsshxfKcEPvwEYahbqDRa9Fu299yZiQnIpY8Ke2dR2N-sAkcEkdObB4pE50deQGnRJ-A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjmRTFcxNtrsZP-8mNQcKwgXvIGdw7S1s3BughCwQYg14dmAILdSVlVhYLmM_0OmPA1b6gKq08JzPc_WobuHMjmJDP1k86XDWp8e3IKqk4qOzeDE4FHk2dsshxfKcEPvwEYahbqDRa9Fu299yZiQnIpY8Ke2dR2N-sAkcEkdObB4pE50deQGnRJ-A" title="Stable_Diffusion_-_2024_3_.png" alt="Stable_Diffusion_-_2024_3_.png" class="original-size">
</a></p>
<p>演講講到文化保存這段,似乎讓很多同學頗有感觸。以前聽到AI繪圖,好像很多人都只想到繪製帥哥跟美女的照片,從沒想過原來AI繪圖還能拿來畫食物、畫建築,甚至是畫那些真實世界中才會出現的景物。</p>
<p>以下是我在演講中講到的臺灣文化相關的AI繪圖模型:</p>
<ul>
<li><a href="https://civitai.com/models/21079/common-taiwanese-food-or">台灣常見美食</a></li>
<li><a href="https://civitai.com/models/18397/taiwan-metal-steel-building-likeness">台灣鐵皮屋 Taiwan Metal Steel Building Likeness</a></li>
<li><a href="https://civitai.com/models/24287">台灣罐頭塔 </a><span style="color: inherit;"><a href="https://civitai.com/models/24287">Taiwan Can Tower_6type</a></span></li>
<li><a href="https://civitai.com/models/27288/taiwan-old-fashion-bathtub">台灣復古浴缸</a></li>
</ul>
<p>未來如果有機會的話,我也想嘗試製作這類型的模型看看。希望能我們珍貴的回憶不僅僅只是保存、典藏,而是能夠透過AI繪圖模型的技術,在未來產生出更多應用的價值。</p>
<hr>
<h2>結語 / In closing</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj66XV7ovPvhgVK2BekzkpGiTBF3y5sBnYnWxIM9qgW_jU0BDmBQWL1NCAG_PraJTDNhKGC92NX3hsugDJSi-nX0oFwPHYYBLj6v-hLUr4BN1yyXtrMz58LRxPFieQQruFimLanQG7U6fO7QAG5uO35YAW1jtPOO-_1IIdM-v3cs2MIygeW6dLRUg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj66XV7ovPvhgVK2BekzkpGiTBF3y5sBnYnWxIM9qgW_jU0BDmBQWL1NCAG_PraJTDNhKGC92NX3hsugDJSi-nX0oFwPHYYBLj6v-hLUr4BN1yyXtrMz58LRxPFieQQruFimLanQG7U6fO7QAG5uO35YAW1jtPOO-_1IIdM-v3cs2MIygeW6dLRUg" title="-_112-1_.png" alt="-_112-1_.png" class="original-size">
</a></p>
<p>大家可能都在網路上看過一些AI繪圖的成果,並可能會感嘆說人類是不是會被AI取代。但實際體驗之後就很快會發現到,使用Stable Diffusion來進行AI繪圖說真的是一門很複雜的學問。大部分情況下你產生的圖片都無法達到人們所期望的水準。如果要穩定產生符合預期的圖片,你需要學習提示詞的構成、指定位置重繪或引導的控制,更重要是控制圖片畫面的ControlNet技術。</p>
<p>當你掌握更多AI繪圖的技術之後,你會發現到限制你的不是AI繪圖能夠做到的事情,而是你自己的想象力。</p>
<hr>
<p>這篇記錄就到此為止了。文章最後要來問大家的是:如果可以用AI幫助你產生圖片的話,你會想要用來作什麼呢?</p>
<ul>
<li>1. 我希望用它來創造藝術作品。</li>
<li>2. 我希望用它產生一些自己跟朋友看了會開心的圖片。</li>
<li>3. 我會用它產生用來輔助工作報告的圖片。</li>
<li>4. 我使用這些圖片來販售與盈利。</li>
<li>5. 其他:歡迎在下面留言,跟我分享你的看法吧!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天我想跟大家分享我最近參加的一個非常有趣的工作坊,主題是「人工智慧於教學實務應用」,特別聚焦於生成式人工智慧繪圖技術Stable Diffusion的應用。在這次活動中,我不僅介紹了AI繪圖技術如何融入教學實踐,還創造了一位名為「虛擬課程助教希希」的角色,以增強教學互動。
我們深入探討了AI繪圖技術的基礎,從基本操作到如何撰寫有效的提示詞,以及如何使用Krea AI等工具來指導AI進行更精確的圖像生成。此外,我們還探討了風格模型的重要性,以及如何混合不同的模型來創造獨特的藝術作品。
最重要的是,我們討論了AI繪圖對於文化保存的潛力,以及它如何成為一種創新的表達和學習工具。我們看到了AI繪圖不僅能夠創造出美觀的圖像,還能夠促進文化的傳承和保護。在這個AI繪圖技術迅速發展的時代,我們有機會重新定義創意與藝術的界限。我期待看到每個人如何利用這項技術來豐富自己的生活和工作。感謝大家的聆聽,期待在未來看到大家的AI繪圖作品!</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-7608355571162740792024-02-19T12:00:00.007+08:002024-02-19T12:00:00.283+08:00如何在LibreOffice Writer裡使用公式? / How to Use Equations in LibreOffice Writer?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhBtOmKdfWGvNZSYln7WTZlwz7GUa-batpWzbLBtdQ1WRrHgTVeep2vjgE53hZpUC1QawDSZ8-aD4i8L7-2S79V9pp0d2NUfAgjviBqRmJqnqVlp7Xa2fTVhbkfhVuUk2_KXqS0a2eJGwXGduIAujCMdGxO9FwKMxfRHJX2bRdgN1ghwcWkPDVQVA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhBtOmKdfWGvNZSYln7WTZlwz7GUa-batpWzbLBtdQ1WRrHgTVeep2vjgE53hZpUC1QawDSZ8-aD4i8L7-2S79V9pp0d2NUfAgjviBqRmJqnqVlp7Xa2fTVhbkfhVuUk2_KXqS0a2eJGwXGduIAujCMdGxO9FwKMxfRHJX2bRdgN1ghwcWkPDVQVA" title="2024-0120-161841.png" alt="2024-0120-161841.png" class="original-size">
</a></p>
<p>「fn」加上F3鍵,這招真的太神秘了。</p>
<p>Pressing "fn" along with the F3 key, this trick is really mysterious.</p>
<a name='more'></a>
<hr>
<h2>LibreOffice Writer</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi9y2S1oNEy71rd3iaQSxFsfF8dBrmxxBn6EnnvahzVC0ciR7sqKwtFS2WMcKQxcWrVXxqTFDIQRMaSngkdPeorkKVdqhUeOC9w4XFT21Xy5RuL3Ph8swVhWZLb8SRh1ql39tDVB9cytV-Ra1tVwdH9HFKi54gDNJvJYd2t525smazsDtYZr_eYEw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi9y2S1oNEy71rd3iaQSxFsfF8dBrmxxBn6EnnvahzVC0ciR7sqKwtFS2WMcKQxcWrVXxqTFDIQRMaSngkdPeorkKVdqhUeOC9w4XFT21Xy5RuL3Ph8swVhWZLb8SRh1ql39tDVB9cytV-Ra1tVwdH9HFKi54gDNJvJYd2t525smazsDtYZr_eYEw" title="2024-0119-020251.png" alt="2024-0119-020251.png" class="original-size"></a></p>
<p><a href="https://zh-tw.libreoffice.org/download/libreoffice-still/" target="_blank">https://zh-tw.libreoffice.org/download/libreoffice-still/</a> <br></p>
<p>今天又來繼續推廣LibreOffice Writer了。什麼?你還不知道什麼是LibreOffice Writer嗎?沒關係,再看我講一次吧。LibreOffice Writer是LibreOffice中的一個功能強大的文字處理軟體。它提供了豐富的功能和工具,讓使用者能夠創建和編輯各種文件,包括信件、報告、手冊、和其他文書類型。</p>
<p>當然,今天要講的論文中的公式,也可以用LibreOffice Writer寫作囉。不過在講解如何在LibreOffice Writer裡面使用公式之前,我們要先瞭解IEEE跟APA兩種寫作樣式對於公式的規範。</p>
<h2>公式的樣式 / Equation formatting</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi3XZS59n36euiwqOq07etrDo2vj1P-2kV9tiRI4j8IE_Fam3-6ZaiiGbvMNiRzPMkwcSlKoh3qjtwOKcD07P6XaVPs7-wNvyOJBwkAIAzT2uQ0NLNUkV3tKfexCVzM5sPnnBl4OF218dWMtq1sNL37RWTDvPnBZ1LOb5ngzZo4zqxFCLepcUStSA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi3XZS59n36euiwqOq07etrDo2vj1P-2kV9tiRI4j8IE_Fam3-6ZaiiGbvMNiRzPMkwcSlKoh3qjtwOKcD07P6XaVPs7-wNvyOJBwkAIAzT2uQ0NLNUkV3tKfexCVzM5sPnnBl4OF218dWMtq1sNL37RWTDvPnBZ1LOb5ngzZo4zqxFCLepcUStSA" title="2024-0120-151141.png" alt="2024-0120-151141.png" class="original-size">
</a></p>
<p><a href="https://owl.purdue.edu/owl/research_and_citation/ieee_style/tables_figures_and_equations.html" target="_blank">https://owl.purdue.edu/owl/research_and_citation/ieee_style/tables_figures_and_equations.html</a> </p>
<p>我們常見的公式樣式是指「區塊公式」。它是以獨立區塊的方式呈現,右邊加上圓括號與編號。閱讀的時候需要在文章中以編號參照對應位置。區塊公式的地位跟圖(figure)、表(table)差不多。IEEE跟APA兩者在獨立區塊的呈現與使用方式上的規範略有不同。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh_tSF3O8P8vjaJvcIHBjHlndk6K_ijbRca6b24h1tbUVDfC8DBmo0l6IWqUsw3q69uEmnofOfaVOHXNBjPzkBsUGYxs4jVZhnobjg-stBy1ftr6YMe8yGlK6w6f96ntOAmftBd97ZTU2gg34099Q9SAZqKnJarCsWMqyOVYENiNxwXMH4z7OBxbA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh_tSF3O8P8vjaJvcIHBjHlndk6K_ijbRca6b24h1tbUVDfC8DBmo0l6IWqUsw3q69uEmnofOfaVOHXNBjPzkBsUGYxs4jVZhnobjg-stBy1ftr6YMe8yGlK6w6f96ntOAmftBd97ZTU2gg34099Q9SAZqKnJarCsWMqyOVYENiNxwXMH4z7OBxbA" title="2024-0120-151247.png" alt="2024-0120-151247.png" class="original-size">
</a></p>
<p><a href="https://www.overleaf.com/learn/latex/Mathematical_expressions" target="_blank">https://www.overleaf.com/learn/latex/Mathematical_expressions</a> <br></p>
<p>另一種形式則是「文內公式」。它是在文中呈現,但是不加上編號。可以直接當作是文章中的一部分來閱讀即可。</p>
<p>詳細的討論可以看看我在「<a href="/2024/01/differences-in-equation-styles-a-comparison-between-ieee-and-apa.html">公式的樣式大不同:IEEE跟APA的比較</a>」這篇的介紹。</p>
<hr>
<h2>如何插入文內公式? / How to insert a inline formula? </h2>
<div>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiHYXfVvjvzwOGR2fl84u0SekL3hQXRMtS3PiESRUEVDoN_buO2qePw-jgE5TfkTwhb5AFtILrWcNr6n7MuWoTnZGzQ6GlZy8Hoza8IVO-dVBnKjzfyORtr2A-oWvN2P3P3OMnYjkp7mWYMg0SpdMWEvP9NUgZkcHhYPq4uA42z_hapGH0pE3yBJg" style="color: rgb(35, 82, 124); outline: 0px;"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiHYXfVvjvzwOGR2fl84u0SekL3hQXRMtS3PiESRUEVDoN_buO2qePw-jgE5TfkTwhb5AFtILrWcNr6n7MuWoTnZGzQ6GlZy8Hoza8IVO-dVBnKjzfyORtr2A-oWvN2P3P3OMnYjkp7mWYMg0SpdMWEvP9NUgZkcHhYPq4uA42z_hapGH0pE3yBJg" title="2024-0120-151551.png" alt="2024-0120-151551.png" class="original-size"></a></p>
<p>在LibreOffice裡,公式的英文通常是formula,或是透過LibreOffice Math產生的物件。LibreOffice Writer的插入雖然也有公式,但它主要是作為「文內公式」來使用。你可以在工具列的Insert (插入)進入到Object (物件),就能找到Formula Object (公式物件),按下後就可以插入文內公式的框。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjpYT8ow9_05Lsj4vTER3RhDgjekNMSpT-FAZJ_L3YX-eLm1AYABqSGUM6t4ECzeiITSaEQIdG0wPoQDb5HGDZ9SynCIZTfoEEOo6VgHNCX5ttv0rdQePi_OoAthoZFlXLdDMx8pQ2qo5ML2dbGrEQL4o04wyD3vfFQHvtoUE6bn373uZsLdqDhLA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjpYT8ow9_05Lsj4vTER3RhDgjekNMSpT-FAZJ_L3YX-eLm1AYABqSGUM6t4ECzeiITSaEQIdG0wPoQDb5HGDZ9SynCIZTfoEEOo6VgHNCX5ttv0rdQePi_OoAthoZFlXLdDMx8pQ2qo5ML2dbGrEQL4o04wyD3vfFQHvtoUE6bn373uZsLdqDhLA" title="2024-0120-152208.png" alt="2024-0120-152208.png" class="original-size"></a></p>
<p>插入公式物件(Formula Object)之後,我們就可以在文中撰寫公式。LibreOffice提供了一套語法來呈現公式。<a href="https://blogger.googleusercontent.com/img/a/AVvXsEgN0bQJWWzaCoH8Y1AdLvVZEwmtFj-eTtDesCd90ym4UG34VT_h6H3e7nDf1Wh-0D1J7c63g8KH1b7WT0TGFKPcWij3erD2QwpH-X5vSgwHv5tmugD4fYXOnbrKdoDd0pI_V1Zf4OGeh_d3H-UWdt7EBVdWotPkOGfnLtdCP8QVtklH0RZpL8yB1Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgN0bQJWWzaCoH8Y1AdLvVZEwmtFj-eTtDesCd90ym4UG34VT_h6H3e7nDf1Wh-0D1J7c63g8KH1b7WT0TGFKPcWij3erD2QwpH-X5vSgwHv5tmugD4fYXOnbrKdoDd0pI_V1Zf4OGeh_d3H-UWdt7EBVdWotPkOGfnLtdCP8QVtklH0RZpL8yB1Q" title="2024-0120-152255.png" alt="2024-0120-152255.png" class="original-size"></a>的語法是「sqrt{ x^{2} + 1 } 」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjgvheIEILK48Ed8fBlArD3kBf5SmkP7VzNiF459HjpVPDzlmaxMmdkSqHJiV7yY-5j74VM2N-WNAEG9Xt-CAfhbp0dLF-2DxGpxaCP5DT_p-HYsZ_Vhr6Bki4-BvBDd2WHyJZRhmafN6655_SO3HLEzokMnJgU5k9HrtgS1B9yv_Gn1TQZ0-BIBw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjgvheIEILK48Ed8fBlArD3kBf5SmkP7VzNiF459HjpVPDzlmaxMmdkSqHJiV7yY-5j74VM2N-WNAEG9Xt-CAfhbp0dLF-2DxGpxaCP5DT_p-HYsZ_Vhr6Bki4-BvBDd2WHyJZRhmafN6655_SO3HLEzokMnJgU5k9HrtgS1B9yv_Gn1TQZ0-BIBw" title="2024-0120-152435.png" alt="2024-0120-152435.png" class="original-size">
</a></p>
<p>值得注意的是,公式裡面的字型是用LibreOffice內建的Libreration Serif,跟一般人常看到的字型並不相同。這是因為大家比較常看的是Microsoft Office預設使用的<a href="https://answers.microsoft.com/en-us/msoffice/forum/all/microsoft-office-equation-default-font-cambria/5cb79dfb-7b58-4862-9530-c5b57f74490c">Cambria Math</a>字型,但它是Office的專有字型,並不是開放字型。基於推廣自由軟體的精神,我認為維持使用開放原始碼的Libreration Serif字型比較合適。</p>
</div>
<hr>
<h2>如何插入區塊公式? / How to insert a formula <span style="color: inherit;">block</span>? </h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhzDg591nlchqTQr9DUS7lSloFD7dJ-1yr2eg_a_CelIdfitAZEKmtVQ6IkON4r3XSjnQNRnfBGQh2-0EYf-RHTTBPA5kDhuCcC4-9oLq16nSaIEo_HvRQdh-5HXgXTU9EDH8AFQ_79wPwTkFb7Je1CbcYhzgZp2uYNJCmfeGpKwOSz9HJqDOzj3w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhzDg591nlchqTQr9DUS7lSloFD7dJ-1yr2eg_a_CelIdfitAZEKmtVQ6IkON4r3XSjnQNRnfBGQh2-0EYf-RHTTBPA5kDhuCcC4-9oLq16nSaIEo_HvRQdh-5HXgXTU9EDH8AFQ_79wPwTkFb7Je1CbcYhzgZp2uYNJCmfeGpKwOSz9HJqDOzj3w" title="https://ask.libreoffice.org/t/inserting-equation-numbers/99746/4" alt="https://ask.libreoffice.org/t/inserting-equation-numbers/99746/4" class="original-size">
</a></p>
<p><a href="https://ask.libreoffice.org/t/inserting-equation-numbers/99746/4" target="_blank">https://ask.libreoffice.org/t/inserting-equation-numbers/99746/4</a> <br></p>
<p>區塊公式的做法比較特別,像是秘技一樣。請照著以下方式操作。<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh4952eZ75MMWvLttJTVDi73eNCcbxeYiSYFe5HLU1CK1NG1UmVjXL0luKJS0Dz5h1NFO28tuVm4NwjYBYb_gstPwawJq5y_fsAIahVF8LtDTP6Ow2KLNkPqa10-Nq_4i0Hr5MA5qyZMChKWMatuv_KvhXTSP25Qc_3E1IFiL-8cypVlS2b32Mi9Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh4952eZ75MMWvLttJTVDi73eNCcbxeYiSYFe5HLU1CK1NG1UmVjXL0luKJS0Dz5h1NFO28tuVm4NwjYBYb_gstPwawJq5y_fsAIahVF8LtDTP6Ow2KLNkPqa10-Nq_4i0Hr5MA5qyZMChKWMatuv_KvhXTSP25Qc_3E1IFiL-8cypVlS2b32Mi9Q" title="2024-0120-155634.png" alt="2024-0120-155634.png" class="original-size">
</a></p>
<p>在你想要插入區塊公式的地方輸入「fn」這兩個字。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh9ECs8OA5cXKzKWM1EjWd-inr4p7hK30JyQVcdNDBnFwT2suielgWYCcmBgdud0Mu0FVLM3GFLWVVIIZpRF4GRjQvj4i6-pe4EJfTGM0-9O-SMlxLGqNzkp9nfWF1JQLM1al5NgSln9wAlFg7wehh42xJnU3k5r7hdkG9PM4DGyh5mNWsQCbfrlA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh9ECs8OA5cXKzKWM1EjWd-inr4p7hK30JyQVcdNDBnFwT2suielgWYCcmBgdud0Mu0FVLM3GFLWVVIIZpRF4GRjQvj4i6-pe4EJfTGM0-9O-SMlxLGqNzkp9nfWF1JQLM1al5NgSln9wAlFg7wehh42xJnU3k5r7hdkG9PM4DGyh5mNWsQCbfrlA" title="2024-0120-155825.png" alt="2024-0120-155825.png" class="original-size">
</a></p>
<p>然後按下「F3」功能鍵,原本的「fn」就會變成區塊公式了。請注意,某些筆電可能需要同時按下fn鍵和F3鍵,請根據您的筆電進行相應的操作。右邊的(1)編號會按照區塊公式的先後順序自動增減。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiZTqxGE900DuRLvG-FabB0fZ84lpenDo_BWB_yEDcUHejYAK7YrMw8Xtv_XUxHrn_fZZ0roQHuZTwTqr98t0IVJiyNtNk9OC-2Ht59cClhrs966BYfnbu-4VmHb2N9VKPSotpkypnw62qhOlRDDnxVXhk_PStvAStEJ_WV3UyzuwCJ0qv6p8fbUQ"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiZTqxGE900DuRLvG-FabB0fZ84lpenDo_BWB_yEDcUHejYAK7YrMw8Xtv_XUxHrn_fZZ0roQHuZTwTqr98t0IVJiyNtNk9OC-2Ht59cClhrs966BYfnbu-4VmHb2N9VKPSotpkypnw62qhOlRDDnxVXhk_PStvAStEJ_WV3UyzuwCJ0qv6p8fbUQ" title="2024-0120-155922.png" alt="2024-0120-155922.png" class="original-size">
</a></p>
<p>接著你可以修改預設區塊公式裡面的「E=mc<sup class="" undefined="">2</sup>」。這樣就完成了。</p>
<h2>如何引用區塊公式? / How to refer the formula <span style="color: inherit;">block?</span> </h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhwTMfYFZuC4QQB_jPOQamE3i0gsX4ut61T0XMOzhxPaCVfNi98M_MTXm_SOuttJisw7zGJcgTG_zzD7VkpbF7wYSpMFAv3HZ9mCIRvyPLO1Z1AyOtuci8FEwrooc56-CAchJL8eJ_tPrKyC_jCiPnJsQ7YT3mhrSWVQlP-7ouxjuWAUvL7GGDwtw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhwTMfYFZuC4QQB_jPOQamE3i0gsX4ut61T0XMOzhxPaCVfNi98M_MTXm_SOuttJisw7zGJcgTG_zzD7VkpbF7wYSpMFAv3HZ9mCIRvyPLO1Z1AyOtuci8FEwrooc56-CAchJL8eJ_tPrKyC_jCiPnJsQ7YT3mhrSWVQlP-7ouxjuWAUvL7GGDwtw" title="2024-0120-160315.png" alt="2024-0120-160315.png" class="original-size">
</a></p>
<p>如果我想要在文中引用編號(1)的公式的話,要怎麼作好呢?附帶一提,「equtation (1)」是IEEE樣式的寫法。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEibjRX8oDuuJAMEqt890q90nkJn8mLjK9SuJxO4MoDohfn2kIdXUIo4wx5dTLhMzuPb9Q5wzWp_WzidO_76RPLO37ZJmCoZfUrd2rZFmfuodRqCVc4SPdgtYU3g3k3HL8wEQBTXJef4O9uo0nU4WMlD0OGbi1z-XGMOnK38_vpcKQ7mNMUAYAuqMA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEibjRX8oDuuJAMEqt890q90nkJn8mLjK9SuJxO4MoDohfn2kIdXUIo4wx5dTLhMzuPb9Q5wzWp_WzidO_76RPLO37ZJmCoZfUrd2rZFmfuodRqCVc4SPdgtYU3g3k3HL8wEQBTXJef4O9uo0nU4WMlD0OGbi1z-XGMOnK38_vpcKQ7mNMUAYAuqMA" title="2024-0120-160411.png" alt="2024-0120-160411.png" class="original-size">
</a></p>
<p>做法是先把輸入位置移到需要插入編號的地方。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhxV4wl-eFzffm502rdgqShPPxqNiQ6pgIcPaJ7PMElrcPnACGwHilruWuWIVtAV_inpxlg2M6rqdo9IC5HmA6RcaVHI3b6Glacj_cRtx5deIOOzEhMBn-MhOXb_DfdBCmRrvLI8EuSUz6a5qPKwiNum_pEjjjSWdSC1lad7L4Hfkm8w4GAMYJ6Mw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhxV4wl-eFzffm502rdgqShPPxqNiQ6pgIcPaJ7PMElrcPnACGwHilruWuWIVtAV_inpxlg2M6rqdo9IC5HmA6RcaVHI3b6Glacj_cRtx5deIOOzEhMBn-MhOXb_DfdBCmRrvLI8EuSUz6a5qPKwiNum_pEjjjSWdSC1lad7L4Hfkm8w4GAMYJ6Mw" title="2024-0120-160439.png" alt="2024-0120-160439.png" class="original-size">
</a></p>
<p>在工具列進行以下操作</p>
<ol>
<li>開啟 Insert 插入</li>
<li>進入Cross-reference... 交互參照</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhJJ-KY77jzhzRXC1T5A4mdTCudszmVF616Evl7XCY9xtPGzBwbB85ldEzwWTWKRr6nZl-sLWrsHtLR70u_f-2nUKfltnOsZidDff2mZ-6VDbvEr60BGeZ_SlyY6i9c4EFzHt0ShBxR46sMPYcdh2hNxxXDNacJMaMYEjowWsG8u2kxfX07Mp-jrw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhJJ-KY77jzhzRXC1T5A4mdTCudszmVF616Evl7XCY9xtPGzBwbB85ldEzwWTWKRr6nZl-sLWrsHtLR70u_f-2nUKfltnOsZidDff2mZ-6VDbvEr60BGeZ_SlyY6i9c4EFzHt0ShBxR46sMPYcdh2hNxxXDNacJMaMYEjowWsG8u2kxfX07Mp-jrw" title="2024-0120-160812.png" alt="2024-0120-160812.png" class="original-size">
</a></p>
<p>在Cross-references裡面進行以下操作</p>
<ol>
<li>確保是在 Cross-references 交互參照的頁籤裡面。</li>
<li>Type選擇Text。</li>
<li>Refer using選擇Numbering。</li>
<li>Selection選擇你要引用的區塊公式編號,例如(1)。</li>
<li>按下Insert。</li>
<li>按下Close關閉對話視窗。</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjXQ5LKXCW8YtxxwnGoyudhkq7-G-eqgLVTJgkF_-VAgYWQJAed6FAG_pTS9ja__nawpUkVAakcB-XfLUsKebB-8yTKIfeTDc9B-Axb7rpqMTxZVpIjXTEM69WEf60dlH-lQhqxO_uq88SUG6iM0AiT5DS9CF89AumA99GB-7jEUXlHX9BQSpXDUg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjXQ5LKXCW8YtxxwnGoyudhkq7-G-eqgLVTJgkF_-VAgYWQJAed6FAG_pTS9ja__nawpUkVAakcB-XfLUsKebB-8yTKIfeTDc9B-Axb7rpqMTxZVpIjXTEM69WEf60dlH-lQhqxO_uq88SUG6iM0AiT5DS9CF89AumA99GB-7jEUXlHX9BQSpXDUg" title="2024-0120-160846.png" alt="2024-0120-160846.png" class="original-size">
</a></p>
<p>這樣就能順利引用到指定的區塊公式。</p>
<p>不過如果要為式另外製作目錄的話,做法還需要另外研究看看了。</p>
<hr>
<p>那這篇在LibreOffice Writer裡面使用公式的說明就到此為止了。文章最後要來問大家的是:你是怎麽輸入公式的呢?</p>
<ul>
<li>1. 用語法輸入。</li>
<li>2. 編輯器有公式的範本可以用。範本畫好框,我只要輸入數字或字母就好了。</li>
<li>3. 我用繪圖功能來畫公式。</li>
<li>4. 我都在Power Point畫好,再複製貼上過去。</li>
<li>5. 我專業的繪圖軟體畫好,再插入圖片進去。</li>
<li>6. 其他:歡迎在下面留言分享喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天我想跟大家分享如何在LibreOffice Writer中使用公式的做法。
LibreOffice Writer是款強大的文字處理軟體,它不僅能夠創建和編輯各種文件,還能夠處理論文中的公式。接著,我介紹了如何在LibreOffice Writer中插入文內公式和區塊公式的做法。
文內公式是作為文章的一部分而不加編號的。而區塊公式則需要輸入「fn」並按下F3鍵,就能將其轉換成一個獨立的公式區塊。我還介紹了如何引用這些區塊公式,以及如何使用交互參照來插入指定的公式編號。
整篇文章的目的是為了讓大家更好地理解和運用LibreOffice Writer中的公式功能,從而提高我們在編輯文件時的效率和準確性。希望大家從中獲益,並在自己的工作中實踐這些知識。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-27947949895729576542024-02-14T17:00:00.002+08:002024-02-14T17:00:00.166+08:00希希助教祝大家情人節快樂~<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgQh_-Tc3h36zchD5pcSRRZAzegmFAA4N3E8JWAo4mzB_YaL5vPv9oV6dctyTN1mSbdi0r679-jfpi7TF6JOgU6U-Ph0eUQruZz4TUvH4xS7pzVpctlJYOByg2GhsvUoRhqzcGVlD3u8yrQu2BXoQvl7MyVNwRIT5IMrLPkpZ5Ci4fjTpHMmVVfQg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgQh_-Tc3h36zchD5pcSRRZAzegmFAA4N3E8JWAo4mzB_YaL5vPv9oV6dctyTN1mSbdi0r679-jfpi7TF6JOgU6U-Ph0eUQruZz4TUvH4xS7pzVpctlJYOByg2GhsvUoRhqzcGVlD3u8yrQu2BXoQvl7MyVNwRIT5IMrLPkpZ5Ci4fjTpHMmVVfQg" title="-_Valentine_s_Day_-_image24.png" alt="-_Valentine_s_Day_-_image24.png" class="original-size">
</a></p>
<p>下週就要開學了,大家要準備收心了喔!</p>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-85784549247240405412024-02-12T12:00:00.008+08:002024-02-12T12:00:00.253+08:00如何將draw.io的向量格式插入到LibreOffice Writer中? / How to Insert a Vector Graphic Format From draw.io Into Libreoffice Writer?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjHp9Y9roAVLtikKs6h81Zjuaqc8AVS1K43GJPG2OD3mtFqbAI714qBPL2IjmJ-pZS3tnaTljJ8BYtjzdP5cH5tD6dOH4GS3XsaKy4MQSNJOtlyAKJ7Fzg4VlJsmYFXxsjv63QzkErxtLbo2rj4CIqCzPUsJlnLR4bI62bUEBmWlS1KP247MotDWg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjHp9Y9roAVLtikKs6h81Zjuaqc8AVS1K43GJPG2OD3mtFqbAI714qBPL2IjmJ-pZS3tnaTljJ8BYtjzdP5cH5tD6dOH4GS3XsaKy4MQSNJOtlyAKJ7Fzg4VlJsmYFXxsjv63QzkErxtLbo2rj4CIqCzPUsJlnLR4bI62bUEBmWlS1KP247MotDWg" title="2024-0120-042027.png" alt="2024-0120-042027.png" class="original-size">
</a></p>
<p>首先我們要將<a href="https://app.diagrams.net/">draw.io</a>的檔案列印成PDF,然後使用「<a href="/2024/02/pdfsvg-how-to-convert-a-pdf-into-vector-graphic-images-like-svg.html">PDF轉換成SVG向量圖</a>」來轉換成EMF檔案格式,這樣就能將EMF檔案插入到<a href="/2016/04/libreoffice-portable-libreoffice.html">LibreOffice Writer</a>中,並且維持它的向量圖特性囉。</p>
<p>First, we need to print the <a href="https://app.diagrams.net/">draw.io</a> file as a PDF format, then use "<a href="/2024/02/pdfsvg-how-to-convert-a-pdf-into-vector-graphic-images-like-svg.html">PDF to SVG Vector Graphic Converter</a>" to convert it into EMF file format. This way, the EMF file can be inserted into <a href="/2016/04/libreoffice-portable-libreoffice.html">LibreOffice Writer</a>, maintaining its vector graphic properties.</p>
<a name='more'></a>
<hr>
<h2>draw.io流程圖繪製工具 / draw.io: Diagram Creating Tool</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgZA4GW0B9KGS-H4OihIXTRvwbcIGHwL692lRKc83ElIZtCL_5VxoE872O-rZQHkPKR7rVQbszspDm7NecWoqvfJE7ysv5h3BxpkLQVsW51Xp-faztZ2fCj2JXkipLbaaSlGBgyOEztv291g6RMv_n3E9HXW3VJyCkPdXo8_LIAJvmUDLX0KNSQ6g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgZA4GW0B9KGS-H4OihIXTRvwbcIGHwL692lRKc83ElIZtCL_5VxoE872O-rZQHkPKR7rVQbszspDm7NecWoqvfJE7ysv5h3BxpkLQVsW51Xp-faztZ2fCj2JXkipLbaaSlGBgyOEztv291g6RMv_n3E9HXW3VJyCkPdXo8_LIAJvmUDLX0KNSQ6g" title="2024-0120-031516.png" alt="2024-0120-031516.png" class="original-size">
</a></p>
<p><a href="https://www.drawio.com/" target="_blank">https://www.drawio.com/</a> <br></p>
<p>draw.io,又名Diagrams.net,是一款廣泛使用的線上繪圖軟體,專門用於創建各種圖表和流程圖。它提供了一個直覺且功能豐富的平台,讓使用者能夠輕鬆地設計和分享圖表檔案。</p>
<p>多平臺支援是draw.io的主要特色。它不僅支援線上使用,也允許使用者下載桌面版本,以便在沒有網路環境下工作。它提供了一系列預設的圖形和範本,用於快速創建流程圖(Flowcharts)、組織架構(Organizational Charts)、心智圖(Mind Maps)、網路圖(Network Diagrams)等。此外,draw.io還支援拖拉(Drag and Drop)功能,使得在編輯過程中的元素調整變得簡單快捷。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhePjVtjwBzbIx_mg_vYxsjDR-QMtCiw5II0as3e0coGIPFdP0pc2gwHESjIyQBDEIgsql7hcwBB8RV8dD6hCGBuc9g47lDOJjYV2dkVmVBCtNOKAKwH9p6QCADNXcaB0JcHSsMbkf07_hUboiN25Jdbs18KJE4CzxdyFxAK3I3hhU9Se78V9bw-w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhePjVtjwBzbIx_mg_vYxsjDR-QMtCiw5II0as3e0coGIPFdP0pc2gwHESjIyQBDEIgsql7hcwBB8RV8dD6hCGBuc9g47lDOJjYV2dkVmVBCtNOKAKwH9p6QCADNXcaB0JcHSsMbkf07_hUboiN25Jdbs18KJE4CzxdyFxAK3I3hhU9Se78V9bw-w" title="2024-0120-031950.png" alt="2024-0120-031950.png" class="original-size">
</a></p>
<p>其次,draw.io在分享和協作方面也是十分方便。它允許使用者將圖表嵌入到網頁中,並與其他使用者即時協作。這個工具也支持保存至各種雲端存儲服務,如Google Drive、OneDrive和Dropbox,方便團隊成員存取和編輯檔案。此外,Diagrams.net還支持多種檔案格式的匯出,包括JPEG、PNG和SVG,使得分享和呈現成果更為靈活。</p>
<p>此外,draw.io還提供了豐富的自訂選項,讓使用者能夠根據自己的需求調整圖表的風格和排版,甚至能夠設定使用者本機電腦上所安裝的字型。</p>
<p>這些特點使得draw.io成為了一個受到許多專業人士和教育工作者青睞的繪圖工具。我也從多年前使用的<a href="/2010/06/pencil.html">Pencil Project</a>改成了draw.io的粉絲,現在也是鼓勵學生捨棄Power Porint改用draw.io繪製論文的圖表,不僅繪製圖表更有效率,也能夠讓我們對同一份檔案共同編輯。draw.io真的是數位時代都該學習的好工具。</p>
<hr>
<h2>匯出SVG的問題 / Issue with exporting as SVG</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgl3AxzUqTKfRCkURvhcdNxM0d27hUPy_jsdRwWFDi-s420sKWX6JTnGtYM-gIkVsyCF868yWw6-13QFHQH5x431rEFgm3Bp_Zniz2sNCp0gBj4VQp3MED-WP2JOu-WbvJDJod6BKHeQEPiOXF66GQqNFzrUGCP9S6NLZ2Bppm2WLriavvGtdRrHw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgl3AxzUqTKfRCkURvhcdNxM0d27hUPy_jsdRwWFDi-s420sKWX6JTnGtYM-gIkVsyCF868yWw6-13QFHQH5x431rEFgm3Bp_Zniz2sNCp0gBj4VQp3MED-WP2JOu-WbvJDJod6BKHeQEPiOXF66GQqNFzrUGCP9S6NLZ2Bppm2WLriavvGtdRrHw" title="2024-0120-032303.png" alt="2024-0120-032303.png" class="original-size">
</a></p>
<p>圖畫是可以畫啦。但畫完之後,要怎麼把圖片匯出成向量格式,並且插入到論文中呢?接下來我就用「派架導航員 系統架構圖 宋體.drawio」為例子來進行說明。</p>
<ul>
<li>Google Drive: <a href="https://drive.google.com/file/d/1ovnql4yrru8XcccaL3niAbnaZr0MZeM2/view?usp=drive_link" target="_blank">https://drive.google.com/file/d/1ovnql4yrru8XcccaL3niAbnaZr0MZeM2/view?usp=drive_link</a> </li>
<li>檔案備份:<a href="https://drive.google.com/file/d/1ovnql4yrru8XcccaL3niAbnaZr0MZeM2/view?usp=drive_link" target="_blank">Google Drive</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/{YY}/{MM}/" target="_blank">GitHub</a>、<a href="https://1drv.ms/u/s!AjpBE212arKQgUzPxR1V4ClD8yHH?e=WeRksm" target="_blank">One Drive</a>、<a href="https://mega.nz/file/VfsUyCxY#y6qyVbHHUKwHUJ9oZxJSIH_PdAZUoCpoW7Fxkt6I9rI" target="_blank">Mega</a>、<a href="https://app.box.com/s/i7ay5qlipycu2ohykru9altuzlbzgdj9" target="_blank">Box</a>、<a href="https://www.mediafire.com/file/kc85vdxctca1pa1/%25E6%25B4%25BE%25E6%259E%25B6%25E5%25B0%258E%25E8%2588%25AA%25E5%2593%25A1_%25E7%25B3%25BB%25E7%25B5%25B1%25E6%259E%25B6%25E6%25A7%258B%25E5%259C%2596_%25E5%25AE%258B%25E9%25AB%2594.drawio/file" target="_blank">MediaFire</a>、<a href="https://e.pcloud.link/publink/show?code=XZEr1eZoQvVFh9FonyXhEBzTFh2ObNev1N7" target="_blank">pCloud</a>、<a href="https://www.4shared.com/s/fqrzusJzPjq" target="_blank">4shared</a>、<a href="https://www.asuswebstorage.com/navigate/a/#/s/016B85D20CC14B23B7BE7362774A0868Y" target="_blank">ASUS WebStorage</a></li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh2AIWX4dCLVKR0i8G7xPSskvIbSTHhxQ_vbS-ajn-OfLxjoIRxUpHQ00WnsJYMeJPeyzUouGswOH7UE2C19fY20P6AHH1NHUDfZIbKqdGgcLETxXhtQ517Pd9sw9utSXb7Ou3bWWKD5dXUZba4Ai3Yc955e4AagS_t1WqefOUkBrAaNY7YN_5z0g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh2AIWX4dCLVKR0i8G7xPSskvIbSTHhxQ_vbS-ajn-OfLxjoIRxUpHQ00WnsJYMeJPeyzUouGswOH7UE2C19fY20P6AHH1NHUDfZIbKqdGgcLETxXhtQ517Pd9sw9utSXb7Ou3bWWKD5dXUZba4Ai3Yc955e4AagS_t1WqefOUkBrAaNY7YN_5z0g" title="2024-0120-032352.png" alt="2024-0120-032352.png" class="original-size">
</a></p>
<p>draw.io的確有提供很多類型的匯出工具。從一般人比較熟悉的PNG與JPEG點陣圖,到SVG向量圖都有。如果是印刷排版的話,我們一般會建議使用向量圖SVG格式。<span style="color: red; font-weight: bold; text-decoration: underline;">但我不建議使用draw.io的匯出功能來產生SVG檔案。</span>這是為什麼呢?理由主要是因為難以保留字型。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgoe-Cj689VR7w4N025V2oUqyU_69_IlbQ2v7zNbV6isyRcennV6LpdnqmmGsmUWfdl73XWK1IwKi_nEXCUEPRpB1mJX9tWDbbezYRngToBzp00TEfpvtSc3aaZUx8rfb73myulUA16VwP1dbpkuAbhrVQhwquGwzMUweN-rPUGpVTwW5cznjF3bg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgoe-Cj689VR7w4N025V2oUqyU_69_IlbQ2v7zNbV6isyRcennV6LpdnqmmGsmUWfdl73XWK1IwKi_nEXCUEPRpB1mJX9tWDbbezYRngToBzp00TEfpvtSc3aaZUx8rfb73myulUA16VwP1dbpkuAbhrVQhwquGwzMUweN-rPUGpVTwW5cznjF3bg" title="2024-0120-032624.png" alt="2024-0120-032624.png" class="original-size">
</a></p>
<p>首先是字型的部分。先讓我們來看一下上圖「館藏圖書」的文字。這裡我使用了「TW-Sung」宋體,這是Linux上特有的字型。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjQ34whtOiIxE1ijSfvKDFMUbuaHPmOTuDG6cwvB03bY4SXuvsEVmKrzgK5thrHwCHebKZ5mn36zM-9zehgAdRO9qqzyAgsJYaDghhXURogcA7_pwj2NPoV0aF2pr-IWg1TFNrf5Cp7Rsr5Q3yaKEeQ3ax4Lkl_iweoPNWVvBGGJJlTQ6nttejH3Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjQ34whtOiIxE1ijSfvKDFMUbuaHPmOTuDG6cwvB03bY4SXuvsEVmKrzgK5thrHwCHebKZ5mn36zM-9zehgAdRO9qqzyAgsJYaDghhXURogcA7_pwj2NPoV0aF2pr-IWg1TFNrf5Cp7Rsr5Q3yaKEeQ3ax4Lkl_iweoPNWVvBGGJJlTQ6nttejH3Q" title="2024-0120-032829.png" alt="2024-0120-032829.png" class="original-size">
</a><br></p>
<p>其他文字用的是Noto Sans Traditional Chinese,也就是比較知名的思源字體繁體中文。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhhtvBj07wIKF1gVQ-9sBsRL5wSasCE6ejHVjEpSFiR1TzGT92q9XpNoPC6RBADKaJrDeI8FcDTviMjbP_9cs9UHql7RqfIgf7L0r3OgLvvBAj6eraI89PY3IhcvucQWtSTg0PEzFeiQxPu-IDTMQ9mhVuUt6SSvKO-lotPomOmnyvYaj9zUsEYyQ"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhhtvBj07wIKF1gVQ-9sBsRL5wSasCE6ejHVjEpSFiR1TzGT92q9XpNoPC6RBADKaJrDeI8FcDTviMjbP_9cs9UHql7RqfIgf7L0r3OgLvvBAj6eraI89PY3IhcvucQWtSTg0PEzFeiQxPu-IDTMQ9mhVuUt6SSvKO-lotPomOmnyvYaj9zUsEYyQ" title="2024-0120-033647.png" alt="2024-0120-033647.png" class="original-size">
</a></p>
<p>這張圖也插入了幾張點陣圖。這個電腦就是其中之一。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgKia3mCemEOYhwxvuz3bs1lE2rRS8WVQD4OdSXBzX6ypwyzrEwOf2g-6pLAkboVWiA88pZrUjY00E3qB3jhAE8tawXTnWLL74WrLA4wAubhx4TIqpQO7iin7pb2YG7JIwv27qnF1Y-cDGdT-3VeVgCH9RUIAumgQscWSkScmAoYFWF2it-vUxpSw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgKia3mCemEOYhwxvuz3bs1lE2rRS8WVQD4OdSXBzX6ypwyzrEwOf2g-6pLAkboVWiA88pZrUjY00E3qB3jhAE8tawXTnWLL74WrLA4wAubhx4TIqpQO7iin7pb2YG7JIwv27qnF1Y-cDGdT-3VeVgCH9RUIAumgQscWSkScmAoYFWF2it-vUxpSw" title="2024-0120-033327.png" alt="2024-0120-033327.png" class="original-size">
</a></p>
<p>在上述設定的情況下,我們在工具列進入「File > Export As > SVG」,可以開啟上面的對話視窗。這裡要記得把「Embed Images」打勾,確保插入的點陣圖檔案可以正常顯示。再來就是要將Text Settings改成Embed Fonts,這樣在有安裝對應字型的電腦上就能顯示正確的字型。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgvFn8FZz8uX8z7QgAc78DHboU1o8VHiYVKyTjwpXNK6Ek2039jbX52h2C-IvbZQhsr7nARCY6hiTN4OlmZEQOFdAlJU1Z9Shwmv3fgXe8XSROtpyLaP32ZcEPHxze9_k-0C_gIhbqVtwW9ArbC5lCCU79DxGHWgXsbPtj-naEVFtBS3xjEUzB0Dg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgvFn8FZz8uX8z7QgAc78DHboU1o8VHiYVKyTjwpXNK6Ek2039jbX52h2C-IvbZQhsr7nARCY6hiTN4OlmZEQOFdAlJU1Z9Shwmv3fgXe8XSROtpyLaP32ZcEPHxze9_k-0C_gIhbqVtwW9ArbC5lCCU79DxGHWgXsbPtj-naEVFtBS3xjEUzB0Dg" title="2024-0120-033609.png" alt="2024-0120-033609.png" class="original-size">
</a></p>
<p>檢視匯出的SVG,可以看到大致上跟draw.io裡面看到的一樣。1. 「館藏圖書」依然保持TW-Sung 宋體字型;2. 點陣圖的電腦依然存在。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjbJaWJUGSyPmKiqVsdvzJ-xWxNgaP6W3Kv42g7HXk3BumMzl4NVbyL5jU1K-4fzSAWBA7jgU0yrW-wFYcKC-QMjRhzsX4h3r4b3h4O_RcMVlm-dAxcKQoUfmOzb3gw1YrswQWpraLcBJaFBIFfqvvQ7R5qzbAo3zhAUS7CiDawPWbSAsUKtnnTUg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjbJaWJUGSyPmKiqVsdvzJ-xWxNgaP6W3Kv42g7HXk3BumMzl4NVbyL5jU1K-4fzSAWBA7jgU0yrW-wFYcKC-QMjRhzsX4h3r4b3h4O_RcMVlm-dAxcKQoUfmOzb3gw1YrswQWpraLcBJaFBIFfqvvQ7R5qzbAo3zhAUS7CiDawPWbSAsUKtnnTUg" title="2024-0120-034017.png" alt="2024-0120-034017.png" class="original-size">
</a></p>
<p>然而如果我們在另一臺沒有安裝對應字型的電腦打開這張SVG來看,你會發現字型都跑掉了,甚至可能會因為字型跑掉而改變排版。這真的是很令人困擾。</p>
<p>這時候,我會建議你改用另一種方式來取得可以嵌入到論文內的向量檔案。以下就讓我們看看怎麽操作。</p>
<hr>
<h2>Step 1. 列印成PDF / Print and save as PDF</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj1ULqN5mo5APW9n3PW3YfIwrAg0I00limPYGqJCTVgb5CnxRMf0rGUWQrNAOmZyrCnU39rpgKYQpmAUfhMUckS2ir3Qp4dnkLfT6CvKQz31hVeo9J7WGAg9nlD1K2SvqppLMvV9V4SAZisHZiPSMI_Cu38McBvHx1WMQv1YVyd_zA94srqNLL-Pw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj1ULqN5mo5APW9n3PW3YfIwrAg0I00limPYGqJCTVgb5CnxRMf0rGUWQrNAOmZyrCnU39rpgKYQpmAUfhMUckS2ir3Qp4dnkLfT6CvKQz31hVeo9J7WGAg9nlD1K2SvqppLMvV9V4SAZisHZiPSMI_Cu38McBvHx1WMQv1YVyd_zA94srqNLL-Pw" title="2024-0120-035628.png" alt="2024-0120-035628.png" class="original-size">
</a></p>
<p>我們在工具列進入「File > Print...」,開啟列印對話視窗。然後進行以下操作:</p>
<ol>
<li>選擇Fit to 1 sheets(s) across by 1 sheet(s) down,可確保圖片不會被切分成多頁。</li>
<li>按下「Print」。</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhNeK-tp3n9J8xdB5yEV-xnmv2gPiKdPlH1B1l0JgrGjUrIGIaPkV4Xbkz2vMpBNxOYjkKYdqyw7T1MrWHidUPfWjyRpt9ZBfoO_AUQInwHgWCyl2lX-7OcM6hUxWAcdT789iXQ1dK-VbuDTVZHcWiyh32lNmJsG9RtESwAWOeul5qkT_uz0cr_rw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhNeK-tp3n9J8xdB5yEV-xnmv2gPiKdPlH1B1l0JgrGjUrIGIaPkV4Xbkz2vMpBNxOYjkKYdqyw7T1MrWHidUPfWjyRpt9ZBfoO_AUQInwHgWCyl2lX-7OcM6hUxWAcdT789iXQ1dK-VbuDTVZHcWiyh32lNmJsG9RtESwAWOeul5qkT_uz0cr_rw" title="2024-0120-035752.png" alt="2024-0120-035752.png" class="original-size">
</a></p>
<p>在瀏覽器列印的對話視窗裡面,進行以下設定:</p>
<ol>
<li>Destination 目的地設為「Save as PDF」保存為PDF。</li>
<li>Options後面的選項都不要打勾,減少印出不必要的文字或圖形。</li>
<li>按下「Save」,保存成PDF。</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi0TCeOdP8dDJ5beP-NvrpkfxKvGXKkL5f1ZQxlAcu3rl7PwRCgys8mMCPaCl4GfafRLPs9Kw-Ex9reKfYhWmMDLDjI1ze_sysnHs_CGz61nXbxjBZdkm5RFvztufQ3qTRYYbzLTE3WUa43O8Y9Fsa1y-s7OWL_V4lQUeojJ_ihCUoPtn7Wx8E9yw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi0TCeOdP8dDJ5beP-NvrpkfxKvGXKkL5f1ZQxlAcu3rl7PwRCgys8mMCPaCl4GfafRLPs9Kw-Ex9reKfYhWmMDLDjI1ze_sysnHs_CGz61nXbxjBZdkm5RFvztufQ3qTRYYbzLTE3WUa43O8Y9Fsa1y-s7OWL_V4lQUeojJ_ihCUoPtn7Wx8E9yw" title="2024-0120-035955.png" alt="2024-0120-035955.png" class="original-size">
</a></p>
<p>這樣便可取得PDF檔案。</p>
<hr>
<h2>Step 2. PDF轉換成向量圖 / Convert PDF to Vector Images</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiRxnujhCFpcThTOee8FD6Y8qlwlOnmJ0C2kKzVpzLppFM-qS7UHjP-eZwuLFLVf8FoZ5WvKdBASZXFexOTUDelw9bCfE8xh6BffQGUDOJm2KgxGECWrakruUpyd6w86ipcmHU4j737svis4rJ2aUE8qde3FkGuMjPky4IdjfBcDIuI9zEAF_XUwg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiRxnujhCFpcThTOee8FD6Y8qlwlOnmJ0C2kKzVpzLppFM-qS7UHjP-eZwuLFLVf8FoZ5WvKdBASZXFexOTUDelw9bCfE8xh6BffQGUDOJm2KgxGECWrakruUpyd6w86ipcmHU4j737svis4rJ2aUE8qde3FkGuMjPky4IdjfBcDIuI9zEAF_XUwg" title="2024-0120-040246.png" alt="2024-0120-040246.png" class="original-size">
</a></p>
<p><a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing" target="_blank">https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing</a> <br></p>
<p>接著在「<a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing">docker-app-PDF-to-Crop-SVG.ipynb</a>」將PDF轉換成向量圖的格式。詳細操作請參考「<a href="/2024/02/pdfsvg-how-to-convert-a-pdf-into-vector-graphic-images-like-svg.html">如何將PDF轉換成SVG向量圖?</a>」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhTNN-NeJ33BHo2YneNEm8t20o3yzHOQK3BV58lLZF8q7y4WwPTN6eaztz0cFDu0ryqw87yCbbMfq0tLiF3osCK4ZHei9Wl9d5KFm194WrNb4vEBdDcN4SFgK91oShhL4oTvSZMP959lTCimg6ItL4RpMMW18OAJ4KENKkV13JJlJk3WOENvWzkNw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhTNN-NeJ33BHo2YneNEm8t20o3yzHOQK3BV58lLZF8q7y4WwPTN6eaztz0cFDu0ryqw87yCbbMfq0tLiF3osCK4ZHei9Wl9d5KFm194WrNb4vEBdDcN4SFgK91oShhL4oTvSZMP959lTCimg6ItL4RpMMW18OAJ4KENKkV13JJlJk3WOENvWzkNw" title="2024-0120-040316.png" alt="2024-0120-040316.png" class="original-size">
</a></p>
<p>在這裡我們要下載的是能夠直接插入在論文檔案中的EMF格式檔案。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhilqnWhFSjalKo3HUlRXL6uRjoWu_7rg4HsWKD8I8gTlDAN4YnbzeGsPbV9jUa_tJw9T9mOOpnwLV8VFLcbTGrVFahJsSVMvwVQjoApDGMWaWaH7bXg0i6xgdRSSv2XNy-z8u73-VNheQ-M8Z0HQHRqBewGZjWB9_zFyIXwHZAYo26g5ezuINcoA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhilqnWhFSjalKo3HUlRXL6uRjoWu_7rg4HsWKD8I8gTlDAN4YnbzeGsPbV9jUa_tJw9T9mOOpnwLV8VFLcbTGrVFahJsSVMvwVQjoApDGMWaWaH7bXg0i6xgdRSSv2XNy-z8u73-VNheQ-M8Z0HQHRqBewGZjWB9_zFyIXwHZAYo26g5ezuINcoA" title="2024-0120-040338.png" alt="2024-0120-040338.png" class="original-size">
</a></p>
<p>下載完成。</p>
<hr>
<h2>Step 3. 將EMF檔案插入到論文中 / Insert EMF file to document</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjlNyc9Xb4ttUWFA-s0SfaN3f6WQ5noBs-4rfHt2zMMr9AIZLcp0OW4S8muXhDNE4x5R_MG2k21rV1YODjgYpp6NAbJf4epmihF1qSDQkvYIwqTd6MVXMURfZ-nSuWPC_HH6OHQUq4noW9oNlully7R2QAT4vNNjPAZ_4kXJ_0MtJZCKzAaH3Ihzg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjlNyc9Xb4ttUWFA-s0SfaN3f6WQ5noBs-4rfHt2zMMr9AIZLcp0OW4S8muXhDNE4x5R_MG2k21rV1YODjgYpp6NAbJf4epmihF1qSDQkvYIwqTd6MVXMURfZ-nSuWPC_HH6OHQUq4noW9oNlully7R2QAT4vNNjPAZ_4kXJ_0MtJZCKzAaH3Ihzg" title="2024-0120-040519.png" alt="2024-0120-040519.png" class="original-size">
</a></p>
<p>有了EMF檔案之後,我們就可以將它直接插入到LibreOffice Writer或Word之中。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiAxBNu5kXyY3QZblRyJYDk6OD7G966zm88-2eSqwfymTRKqInQEyk5-NF9XlaKYXKFSnLfCwEyiZR11XPoCJZ-MNmL-kEMcn4m30y-x8DlqfUWQygyyj4bha0Miipu2kAv6o9cQZBsFCIM84Fp6k85ET_QpUxHaiuNMYRDHvug5G_gOBTyl-fNUQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiAxBNu5kXyY3QZblRyJYDk6OD7G966zm88-2eSqwfymTRKqInQEyk5-NF9XlaKYXKFSnLfCwEyiZR11XPoCJZ-MNmL-kEMcn4m30y-x8DlqfUWQygyyj4bha0Miipu2kAv6o9cQZBsFCIM84Fp6k85ET_QpUxHaiuNMYRDHvug5G_gOBTyl-fNUQ" title="2024-0120-040557.png" alt="2024-0120-040557.png" class="original-size">
</a></p>
<p>不僅放大之後不會出現鋸齒,「館藏圖書」的TW-Sung宋體字型也能夠保留下來。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiVSFfYJ03aAa4I9PTk60wI_o9sjPY3ikEOSKuyp5qhAw-J-rYle_3Ym8Vlr8afXNiBbJOQG4S_RRroxjB7fvZzT_Gw7KDWcrrjO5PxQ2pY2UHya_lDmveIYhIpbIP8XGFY5DJmUUdPx_Ig62fcyGVbM0YgFtYVGkM7nZZfbvgyGy90THtybJshpw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiVSFfYJ03aAa4I9PTk60wI_o9sjPY3ikEOSKuyp5qhAw-J-rYle_3Ym8Vlr8afXNiBbJOQG4S_RRroxjB7fvZzT_Gw7KDWcrrjO5PxQ2pY2UHya_lDmveIYhIpbIP8XGFY5DJmUUdPx_Ig62fcyGVbM0YgFtYVGkM7nZZfbvgyGy90THtybJshpw" title="2024-0120-041213.png" alt="2024-0120-041213.png" class="original-size">
</a></p>
<p>當然,點陣圖也能夠正常顯示喔。</p>
<hr>
<h2>如何保存字型? / How to preserve fonts?</h2>
<p>為什麼可以做到字型不會改變呢?這是因為docker-app-PDF-to-Crop-SVG使用了<a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing">Poppler函式庫</a>,將PDF的內容轉換成向量的線條,而不是保留字型的資訊。此時「館藏圖書」其實不是文字,而是線條構成的數學公式。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhPojzUWRKuOTB7cStz9T8xcP9PD_cfKaiDm2Yv8hT7qbpKwg25wLg3CJmQ-6lghNlZasNCJlrnHoxCqZRfURNZxNWmu68iFF4zve2ylC-h2hvMUCx5HnR5z4rIF65Oz1E0lUOcQ-3kmQa_151Yc9yVr3QgHq_wPVTyd6albMzOylEusKezbbnkjg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhPojzUWRKuOTB7cStz9T8xcP9PD_cfKaiDm2Yv8hT7qbpKwg25wLg3CJmQ-6lghNlZasNCJlrnHoxCqZRfURNZxNWmu68iFF4zve2ylC-h2hvMUCx5HnR5z4rIF65Oz1E0lUOcQ-3kmQa_151Yc9yVr3QgHq_wPVTyd6albMzOylEusKezbbnkjg" title="2024-0120-034313.png" alt="2024-0120-034313.png" class="original-size"></a><br></p>
<p>將向量圖中的文字改成線條之後,即使在沒有安裝對應字型的電腦上,你也能夠看到文字以正確的字型顯示。如此一來,即使是跨平臺編輯文件,也可以避免字型的不同而造成圖片的錯亂。</p>
<p>儘管上述的操作會比單純從draw.io匯出還要複雜,但卻能夠以向量格式保存圖片本身,並維持字型的效果,因此我仍然強烈建議大家使用這種方法!</p>
<hr>
<p>那這篇將draw.io的圖片以向量格式插入到LibreOffice Writer的介紹就到這裡了。文章最後要來問大家的是,你是怎麽在文件裡面繪製圖片的呢?</p>
<ul>
<li>1. 我都用文件編輯器內建的繪圖功能來畫。</li>
<li>2. 我都在Power Porint畫好,然後複製貼上到文件上。</li>
<li>3. 我都用其他軟體畫完,再用螢幕截圖複製貼上到文件上。</li>
<li>4. 其他:在留言區分享你的做法吧!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?
今天我要分享如何將draw.io的圖表以向量格式插入到LibreOffice Writer中的技巧。draw.io是一款多功能線上繪圖工具,支援多平臺使用,非常適合創建流程圖和各種圖表。然而,如果要將draw.io的圖表匯出並插入論文時,draw.io的匯出功能有著各種問題,特別是字型在不同電腦上的表現會不一樣。
為了解決這個問題,我整理了另一種方法,可以將draw.io匯出的圖片保持向量格式,還能夠插入到LibreOffice Writer或Word中。做法是將檔案列印成PDF,然後使用「PDF轉換成SVG向量圖」工具將PDF轉換成EMF格式,最後就能將EMF檔案插入文件裡。
這種方法利用Poppler函式庫將文字內容轉換成向量線條,而非僅保留字型資訊。如此一來,即使在沒有安裝相應字型的電腦上,文字也能以正確的字型顯示,避免了字型不同造成的排版問題。這個過程雖然比直接從draw.io匯出複雜,但卻能夠以向量格式完整保存圖片和字型效果,對於需要在文檔中插入高品質圖表的用戶來說,是一個非常實用的方法。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-79205140258720768132024-02-07T12:00:00.000+08:002024-02-07T12:00:00.136+08:00如何將PDF轉換成SVG向量圖? / How to Convert a PDF Into Vector Graphic Images like SVG?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhvnQhrVFl1zw3U8DcOzN0rvff0pijNTbDWtrv79icRU2m3oI3HJjbDhkl0ZWtGLvJeafdkP2J0uzDG85xySaUpKrUcGYl8RZumMpNmWii5SJhgs6K4yFYhIR0Mk65FAjfP3bPGBcfIfgeMEuf_rOySj_EXdrPY2kkv1Ehwmd4RlzPayv2VDhNjyQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhvnQhrVFl1zw3U8DcOzN0rvff0pijNTbDWtrv79icRU2m3oI3HJjbDhkl0ZWtGLvJeafdkP2J0uzDG85xySaUpKrUcGYl8RZumMpNmWii5SJhgs6K4yFYhIR0Mk65FAjfP3bPGBcfIfgeMEuf_rOySj_EXdrPY2kkv1Ehwmd4RlzPayv2VDhNjyQ" title="2024-0120-003056.png" alt="2024-0120-003056.png" class="original-size">
</a></p>
<p>如果要將PDF轉換成SVG、EMF等向量圖以及PNG圖片,可以使用我寫的Colab「<a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing">docker-app-PDF-to-Crop-SVG.ipynb</a>」來轉換。</p>
<a name='more'></a>
<hr>
<h2>向量圖與點陣圖 / Vector Graphics and Bitmaps</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgiU5S__KMI_ywTC1y6Vl_byEqh3bv4MRNBFKNi7TtSmiqIShk-xQaxrOmojAr79GSF18f_fkuljQgOnbYuqNI8D7CSShTvCEflkUCMShK8jrR_kfiDCLxAF6nZ1Ty88ss-ES2VbHKq3Dv0m7a-RUGVKMRuR66Odw7M04e7Gxm4rv38X6liRMsPFQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgiU5S__KMI_ywTC1y6Vl_byEqh3bv4MRNBFKNi7TtSmiqIShk-xQaxrOmojAr79GSF18f_fkuljQgOnbYuqNI8D7CSShTvCEflkUCMShK8jrR_kfiDCLxAF6nZ1Ty88ss-ES2VbHKq3Dv0m7a-RUGVKMRuR66Odw7M04e7Gxm4rv38X6liRMsPFQ" title="2024-0119-203435.png" alt="2024-0119-203435.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://business.oregonstate.edu/student-experience/resources/DAMlab/vector-and-bitmap-image-guide" target="_blank">https://business.oregonstate.edu/student-experience/resources/DAMlab/vector-and-bitmap-image-guide</a> </p>
<p>向量圖和點陣圖是兩種不同的圖像格式,它們在圖像表示和使用方面有著明顯的差異。點陣圖較為知名,手機拍照的相片都是以點陣圖組成;向量圖則是在專業排版、海報設計、應用程式開發上比較常用。以下讓我們看看這兩者的區別。</p>
<h3>向量圖 / Vector Image</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgojAsvFMlnzT051cy9zehQo3v6r0JNvycg_GxbvqYA9NOed2v0vd8czAJl5KbM2bNFVr5GT_9FTilEFMrEJDTCXq0dcz-R7mCQuW_Hioepb85UMf5zbv9UdagBY4tACRgjTMlfuGSsNIlTvDIZ3M4nNA51YhgnBsat77GxYMePiCvcybv37SCMyw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgojAsvFMlnzT051cy9zehQo3v6r0JNvycg_GxbvqYA9NOed2v0vd8czAJl5KbM2bNFVr5GT_9FTilEFMrEJDTCXq0dcz-R7mCQuW_Hioepb85UMf5zbv9UdagBY4tACRgjTMlfuGSsNIlTvDIZ3M4nNA51YhgnBsat77GxYMePiCvcybv37SCMyw" title="2024-0119-203646.png" alt="2024-0119-203646.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://business.oregonstate.edu/student-experience/resources/DAMlab/vector-and-bitmap-image-guide" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://business.oregonstate.edu/student-experience/resources/DAMlab/vector-and-bitmap-image-guide</a> <br></p>
<p>向量圖的特色如下:</p>
<ul>
<li>基於數學公式: 向量圖是基於數學公式和幾何形狀的,它使用向量(例如直線、曲線、多邊形等)來描述圖像,而不是像素。</li>
<li>無限放大: 由於使用數學公式描述,向量圖可無限放大而不失真,因此非常適合印刷品質圖像。</li>
<li>文件大小較小: 由於不包含像素信息,向量圖通常文件大小較小,方便存儲和傳輸。</li>
<li>編輯容易: 向量圖易於編輯和修改,可以輕鬆調整形狀、顏色和大小。</li>
<li>格式: 常見的向量圖格式包括SVG(Scalable Vector Graphics)和EMF(Enhanced Metafile)。</li>
</ul>
<h3>點陣圖 / Raster Image</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjaxOEg7kg2qDKsYHmrHhi7D_bgCQiEtzeiHt42Fb5URHzbc5xxcCsIkhCR2CfSUzDJtNHOFQUAdS6fqZfjbU9kBBkVaCdL4Jh90tzrahp380qm8e5Flm8HtWNlAdsS1eq_pdnKybK5Zt2uVH_xl5qJfuWW8jpRuGptwO61F0Z_1nsMScZyf_o3CQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjaxOEg7kg2qDKsYHmrHhi7D_bgCQiEtzeiHt42Fb5URHzbc5xxcCsIkhCR2CfSUzDJtNHOFQUAdS6fqZfjbU9kBBkVaCdL4Jh90tzrahp380qm8e5Flm8HtWNlAdsS1eq_pdnKybK5Zt2uVH_xl5qJfuWW8jpRuGptwO61F0Z_1nsMScZyf_o3CQ" title="2024-0119-203901.png" alt="2024-0119-203901.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://business.oregonstate.edu/student-experience/resources/DAMlab/vector-and-bitmap-image-guide" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://business.oregonstate.edu/student-experience/resources/DAMlab/vector-and-bitmap-image-guide</a> <br></p>
<p>點陣圖的特性如下:</p>
<ul>
<li>基於像素: 點陣圖是由像素(小圖片元)組成的,每個像素都有自己的顏色信息,圖像由一個像素矩陣組成。</li>
<li>固定解析度: 點陣圖具有固定的解析度,因此在放大時會出現鋸齒狀和失真,特別是在低解析度圖像上。</li>
<li>文件大小較大: 點陣圖文件大小通常較大,尤其在高解析度圖像的情況下。</li>
<li>難以編輯: 點陣圖編輯困難,修改需要像素級別的處理,可能會導致圖像品質下降。</li>
<li>格式: 常見的點陣圖格式包括PNG(Portable Network Graphics)、JPEG(Joint Photographic Experts Group)和BMP(Bitmap)。</li>
</ul>
<p>綜合以上所述,向量圖適用於需要無限放大且易於編輯的情況,如標誌和圖示。而點陣圖則適用於照片和複雜的圖像,但在放大時可能會出現品質損失。不同的情境和需求會決定你應該使用哪種圖像格式。而在撰寫論文或印刷排版設計等場景,我通常會建議盡可能使用向量圖。</p>
<hr>
<h2>PDF:是向量,但不是圖 / PDF: Composed of vectors, but not an image</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgxsgAhS6pImj7xexspbaTrvsEyRnYb_mTKOmsKlQ7nwNy9eFzQ1-mIUKnzTwxPZcCfxojmIWYCdxhP2ZnO5C03_RyRxEsH5UQv1XMoxAaeKOvIvZUiCSR6R0DoWCmO6iw3cC_4Seo3dzvbfjzi4Dmf6usxhOjhzZykQF0w9MY1LSoTs7684z7-uw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgxsgAhS6pImj7xexspbaTrvsEyRnYb_mTKOmsKlQ7nwNy9eFzQ1-mIUKnzTwxPZcCfxojmIWYCdxhP2ZnO5C03_RyRxEsH5UQv1XMoxAaeKOvIvZUiCSR6R0DoWCmO6iw3cC_4Seo3dzvbfjzi4Dmf6usxhOjhzZykQF0w9MY1LSoTs7684z7-uw" title="file.png" alt="file.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.flaticon.com/free-icon/file_1126862?term=pdf&page=1&position=27&origin=search&related_id=1126862" target="_blank">https://www.flaticon.com/free-icon/file_1126862?term=pdf&page=1&position=27&origin=search&related_id=1126862</a> </p>
<p>相較於SVG、EMF等向量圖片檔案,PDF(Portable Document Format)在許多場合更為常見。PDF是一種廣泛用於共享檔案的格式。它能夠保持檔案的格式和排版,不會受作業系統或應用程序的影響。此外,PDF文件可以輕鬆地包含文本、圖像、圖表和多種媒體,使其成為跨平台和多用途的檔案格式。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjSXn4T7PFHi6PnYK6g0bYQIxVLU2J34Q_ExsA4ct8o68WkMYVvgMuxtYyiKO3urZROl9D8lXeuDrbWPRv87jG1ZairkbSCdK7hmSoCXzOMRcdZfKNRfHl_KVzM-zZpKZzCtAxcaHiPJd9NgpFcRyAFnJM59Vr_r8HAECl8NOPzae8ZfNeuowfHbw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjSXn4T7PFHi6PnYK6g0bYQIxVLU2J34Q_ExsA4ct8o68WkMYVvgMuxtYyiKO3urZROl9D8lXeuDrbWPRv87jG1ZairkbSCdK7hmSoCXzOMRcdZfKNRfHl_KVzM-zZpKZzCtAxcaHiPJd9NgpFcRyAFnJM59Vr_r8HAECl8NOPzae8ZfNeuowfHbw" title="2024-0119-205041.png" alt="2024-0119-205041.png" class="original-size">
</a></p>
<p>現在許多瀏覽器都內建了可列印成PDF的功能,使得更多人可以輕易地從網頁或其他網頁應用程式創建PDF文件,而無需使用額外的軟體或工具。這使得分享和保存網頁內容變得更加方便。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgGZRXSO8JXxlWY4x2uaJOJQBl0D0Dqa8ja49TX_cCrY47pw-efJhuEASZzSzEOwA2YpcuirZycOOaKA7z6osmTgIDzkUa7M7NyJMTTH3p3QrD0RTVnyQsxCKZpGfIeZAWWBd_HaiYN4YFpF4VIJzksVWEmiVWjuTUU4ru9x4VLD-IuTZWBm06oIQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgGZRXSO8JXxlWY4x2uaJOJQBl0D0Dqa8ja49TX_cCrY47pw-efJhuEASZzSzEOwA2YpcuirZycOOaKA7z6osmTgIDzkUa7M7NyJMTTH3p3QrD0RTVnyQsxCKZpGfIeZAWWBd_HaiYN4YFpF4VIJzksVWEmiVWjuTUU4ru9x4VLD-IuTZWBm06oIQ" title="2024-0119-210015.png" alt="2024-0119-210015.png" class="original-size">
</a></p>
<p>值得注意的是,PDF其實也是由向量組成。儘管有些文件內容可能插入的是點陣的圖片,但PDF中的文字、表格線條,大部分都是由向量構成。這意味著,PDF文件中的文本和圖形在放大時不會模糊。</p>
<p>然而,如果要將PDF轉換成SVG或EMF等向量圖片,這並不是一件簡單的事情。一般來說我們得要仰賴<a href="https://inkscape.org/release/">InkScape</a>這種專業的向量圖片編輯器來處理,但步驟相對繁瑣。而且InkScape軟體大小頗大,安裝時相當佔空間。</p>
<p>考慮到上述問題,我將PDF轉換成向量圖片的整個操作寫成了docker-app「<a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG.ipynb</a>」,並且讓它可以在Colab執行了。接下來就讓我們看看怎麽操作吧。</p>
<hr>
<h2>範例PDF檔案 / Example PDF</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjWbTvMciLWfjW5l-Xl0qcRdL-L_3fyULJT3A89i1ErzDbhHyWH2OKN5B50lwU0offV_ephG0WLimTL_3UGyjkfVBipe8HZRnYv8NEQp1b8k3nv8s8mWUNb-iYBJLO2DOqgUABroxEVqRBfwD5FlQ0_QP7BK17K0Sp9SQfazVWp4gxwhYuKLyNOSA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjWbTvMciLWfjW5l-Xl0qcRdL-L_3fyULJT3A89i1ErzDbhHyWH2OKN5B50lwU0offV_ephG0WLimTL_3UGyjkfVBipe8HZRnYv8NEQp1b8k3nv8s8mWUNb-iYBJLO2DOqgUABroxEVqRBfwD5FlQ0_QP7BK17K0Sp9SQfazVWp4gxwhYuKLyNOSA" title="2024-0119-210746.png" alt="2024-0119-210746.png" class="original-size">
</a></p>
<p>這裡我們使用的範例是「派架導航員」的系統架構圖PDF檔案。你可以在下面的連結取得PDF檔案的備份:</p>
<ul>
<li>檔案備份:<a href="https://drive.google.com/file/d/1LEDKl6BzzhwfLm--JA-ogJKytEX_ka-h/view?usp=drive_link" target="_blank">Google Drive</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/01/派架導航員 系統架構圖.drawio.pdf" target="_blank">GitHub</a>、<a href="https://1drv.ms/b/s!AjpBE212arKQgUs7qDyegPFUclwN?e=mv5NFS" target="_blank">One Drive</a>、<a href="https://mega.nz/file/xf9CUJIA#DDSaBILdnXoppIrvJgkbC9jTBwThhNqMGppNliPhNpY" target="_blank">Mega</a>、<a href="https://app.box.com/s/q7cnxp9tydmf31d2eq446ernw2sh6h65" target="_blank">Box</a>、<a href="https://www.mediafire.com/file/w2enq7iqlq3thov/%25E6%25B4%25BE%25E6%259E%25B6%25E5%25B0%258E%25E8%2588%25AA%25E5%2593%25A1_%25E7%25B3%25BB%25E7%25B5%25B1%25E6%259E%25B6%25E6%25A7%258B%25E5%259C%2596.drawio.pdf/file" target="_blank">MediaFire</a>、<a href="https://e.pcloud.link/publink/show?code=XZy21eZ9jge2PEbWLBHuYRb6Fgk5H0OkxGk" target="_blank">pCloud</a>、<a href="https://cloud.degoo.com/share/b4FO-JllXL5iQgez-N04xg" target="_blank">Degoo</a>、<a href="https://www.4shared.com/s/fMDhLiD-gjq" target="_blank">4shared</a>、<a href="https://www.asuswebstorage.com/navigate/a/#/s/0F20CD84DC6B40369EEAE8FAA0156FCCY" target="_blank">ASUS WebStorage</a></li>
</ul>
<p>值得注意的是,這個PDF檔案故意多了一頁空白,而且圖片的周圍也有大量的空白。大部分使用列印並保存成PDF所建立的PDF都是這種格式,但我們想要的圖片僅僅只有繪圖的部分而已。就算真的要用InkScape來處理,操作步驟也是相當複雜。</p>
<p>遇到這種問題,不妨就來用用看「<a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG.ipynb</a>」吧。</p>
<hr>
<h2>docker-app-PDF-to-Crop-SVG.ipynb</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgEz7HlNNagggKEIUlaCHsqyh6SmlyrFVzzkoR4-9SBhGFLK6aFlTeONEarWA8vWqx6KomPoMGfQCx3BWhC3T6WjdKAa8ZHmn7c6gKGpbszcx__3fWBk1jb9z-0Bq2AFAgFrMkiy92a6-NE0ygsOZuxPvo0nWJZSdTIuxzQAivs8563LC4hmlOExQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgEz7HlNNagggKEIUlaCHsqyh6SmlyrFVzzkoR4-9SBhGFLK6aFlTeONEarWA8vWqx6KomPoMGfQCx3BWhC3T6WjdKAa8ZHmn7c6gKGpbszcx__3fWBk1jb9z-0Bq2AFAgFrMkiy92a6-NE0ygsOZuxPvo0nWJZSdTIuxzQAivs8563LC4hmlOExQ" title="2024-0120-001135.png" alt="2024-0120-001135.png" class="original-size">
</a></p>
<p>「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG">docker-app-PDF-to-Crop-SVG</a>」是我開發的Docker APP的一種。你可以用Colab版本或本機端執行檔案的形式來執行它。關於Docker APP詳細的介紹請看「<a href="/2024/01/how-to-use-docker-app.html">如何使用Docker APP?</a>」這篇的介紹。一般情況下,我比較建議使用Colab版本。Colab版本的docker-app-PDF-to-Crop-SVG網址如下:</p>
<p><a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing" target="_blank">https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing</a> <br></p>
<p>你可以按照「<a href="/2024/01/how-to-use-docker-app.html" style="font-weight: 400; background-color: rgb(255, 255, 255);">如何使用Docker APP?</a>」這篇的說明,將PDF檔案上傳並執行Docker APP,然後就可以取得處理後的結果。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEghVYNApvlGt4JVhDc5XxNuNdQXarx28QjyvjLsOccmQSD6UMK4I5akmzAKEUuYVbN_-5CCVMKg9HiMjBxR5LnCT7wDj80FunqRnZpkLkfAyOLdF9ECDMF3AGs0iKKhtKqrW3f6o9S1gm64__JNh6GEuIKL6QVpGamMMq5xBOEqu9Y48hdWpn9zTQ"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEghVYNApvlGt4JVhDc5XxNuNdQXarx28QjyvjLsOccmQSD6UMK4I5akmzAKEUuYVbN_-5CCVMKg9HiMjBxR5LnCT7wDj80FunqRnZpkLkfAyOLdF9ECDMF3AGs0iKKhtKqrW3f6o9S1gm64__JNh6GEuIKL6QVpGamMMq5xBOEqu9Y48hdWpn9zTQ" title="2024-0120-001634.png" alt="2024-0120-001634.png" class="original-size">
</a></p>
<p>「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」執行完成後會出現三種格式的檔案:</p>
<ul>
<li>SVG格式:向量圖的基礎。可用於向量圖的繪圖軟體中,也可以在瀏覽器直接檢視。</li>
<li>EMF格式:Office跟Google Doc使用的向量圖格式。你可以將它插入到LibreOffice Writer或Word中,此時它會保有向量圖的特質,放大也不會出現鋸齒。</li>
<li>PNG格式:這是將SVG格式以300 DPI匯出的點陣圖。PNG格式可以用在比較多地方,高解析度的檔案也可以放大到一定程度都不會看到鋸齒。但代價是檔案大小較大。</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh1pEF2jOcLcC9A9JwWwXMs_zi2CfLaxua07Kr9jK8t67-BPHHRc2ReiGnxc00nwlATLnBCI9H4JCEhmcnd4BsY_a8Jc4kzqqh-EIT3-UCbMVbNHFuXrlGix5zaHoc59vdqcHrHnVC3hWBfZ8lM_tD4OcAudsxEDHSwJQsLKUyRpkn_pW3xCZlahg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh1pEF2jOcLcC9A9JwWwXMs_zi2CfLaxua07Kr9jK8t67-BPHHRc2ReiGnxc00nwlATLnBCI9H4JCEhmcnd4BsY_a8Jc4kzqqh-EIT3-UCbMVbNHFuXrlGix5zaHoc59vdqcHrHnVC3hWBfZ8lM_tD4OcAudsxEDHSwJQsLKUyRpkn_pW3xCZlahg" title=".drawio-crop.png" alt=".drawio-crop.png" class="original-size">
</a></p>
<p>由於Blogger平臺的限制,在此只能展示PNG格式給大家看。原本PDF檔案以A4紙張大小的白底已經被移除,只剩下有畫圖的部分。而且如果原本繪製圖片的時候背景是透明的話,列印成PDF並使用「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」的轉換的結果,SVG、EMF與PNG的背景也都會保持透明。如果你需要將多張圖片疊合並重組成新的圖片的話,這個特性可說是十分有用。</p>
<hr>
<p>那這篇將PDF轉換成SVG向量圖的介紹就到此為止了。文章最後的問題是:你通常是在哪裡使用向量圖的呢?</p>
<ul>
<li>1. 圖示用的就是向量圖。</li>
<li>2. 字型用的也是向量圖。</li>
<li>3. Adobe Illustrator跟CorelDRAW畫的就是向量圖。</li>
<li>4. 文件裡面的繪圖功能其實也是向量圖。</li>
<li>5. 從來不知道有向量圖這種東西。</li>
<li>6. 其他:歡迎在下面留言分享喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天,我想跟大家分享一篇文章,介紹了PDF轉換成SVG、EMF等向量圖以及PNG圖片的方法。我寫了一個名為「docker-app-PDF-to-Crop-SVG.ipynb」的Colab,可以幫助大家輕鬆完成這項工作。
在文章中,我首先解釋了向量圖和點陣圖的區別。向量圖是基於數學公式,可以無限放大而不失真,適合專業排版和設計;而點陣圖則是由像素組成,適用於照片和複雜圖像,但放大時可能會失真。
接著,我介紹了PDF作為一種廣泛使用的檔案格式,它實際上也是由向量組成,但轉換成SVG或EMF不是一件簡單的事情。為了解決這個問題,我開發了「docker-app-PDF-to-Crop-SVG.ipynb」,這個工具可以在Colab上運行,幫助用戶將PDF文件轉換成SVG、EMF,甚至是高解析度的PNG格式。
最後,我還展示了一個將「派架導航員」的系統架構圖PDF檔案轉換的範例,說明了轉換後的檔案格式和特點。這篇文章不僅提供了實用的工具,也增進了對於不同圖片格式間差異的理解,適合那些需要在論文、印刷品或是數位設計中處理圖片的朋友們。最後,我想問問大家,你們通常在哪裡使用向量圖呢?歡迎大家分享自己的經驗!</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-70754321043266327902024-02-06T12:00:00.005+08:002024-02-06T12:00:00.454+08:00Targus Dock 710四螢幕擴展基座評測報告:竟然連「它」也能連接多個螢幕! / Targus Dock 710 Quad-Display Docking Station Review: It Can Even Connect Multiple Screens to ‘This Type’ of Device!<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjNQtNo2ucufNs6NS1bb1HCbShuM8sU0qpusL1MW4eEZjiPWds-1N_o8LTw-cJIq21t2r2eFWmCDbizekWUEPBTAPdL0m-TFwcEWYowN0GkVzAvcrDpEpLS2gzmd5xyVT7UZfsR2__CB2ZliHS1N7O0B3YahYha6eYRumxRPzPl-_bQayyxawIdFg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjNQtNo2ucufNs6NS1bb1HCbShuM8sU0qpusL1MW4eEZjiPWds-1N_o8LTw-cJIq21t2r2eFWmCDbizekWUEPBTAPdL0m-TFwcEWYowN0GkVzAvcrDpEpLS2gzmd5xyVT7UZfsR2__CB2ZliHS1N7O0B3YahYha6eYRumxRPzPl-_bQayyxawIdFg" title="2024-0201-042506.png" alt="2024-0201-042506.png" class="original-size">
</a></p>
<p>如果你的筆電支援了DP Alt Mode,那買個轉接頭就能外接一個螢幕。如果你要用一條USB Type-C多功能傳輸線就能夠連接外接螢幕跟鍵盤、滑鼠,還要能夠同時供電給筆電,那麼買個多功能的一線通介面擴展基座就能滿足這個需求。但如果你是Linux作業系統,又想要一口氣外接四個螢幕,那<u style="color: inherit; font-weight: bold;">Targus Dock 710擴充基座</u>可是我目前用過唯一能夠滿足這個需求的特殊介面擴展基座了!這篇就讓我們來看看Targus Dock 710到底有什麼能耐吧!</p>
<p>The <span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span> Quad-Display Docking Station can connect computers with various operating systems to four different monitors. Let's take a look at how this special feature is achieved!</p>
<a name='more'></a>
<hr>
<h2>開箱! / Unboxing!</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj2HoCAF7Qom1EuwxfjPvRaOcaEA3uU9yifkOojs7dXIohzn9OzXGR4Vo74LNUIx4n7dHe1tF7x2Vwr-g_PT5ORQlyL6S3e11CFMjAk54PRisdTkhYC2s1mHG3lVXmsEYHz_HVtdyS2m0whDG7EoXb2gO0Ort5waGwz2GHsSwjTpZR1gV33S4aODQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj2HoCAF7Qom1EuwxfjPvRaOcaEA3uU9yifkOojs7dXIohzn9OzXGR4Vo74LNUIx4n7dHe1tF7x2Vwr-g_PT5ORQlyL6S3e11CFMjAk54PRisdTkhYC2s1mHG3lVXmsEYHz_HVtdyS2m0whDG7EoXb2gO0Ort5waGwz2GHsSwjTpZR1gV33S4aODQ" title="20240125_215728.jpg" alt="20240125_215728.jpg" class="original-size">
</a></p>
<p>說好要評測的這個<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>...怎麽來了一個超級大的紙箱啊!</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjuliPd6B_n5dJEHvD47e1IFoZx6T9v6jDP-NaarbSUd-BruVSObF54NhhTtNsMvr7upCUxn_ycUokuCB6j_FgDiJT_YXAaUtFXjKkTokeQC-7BBA38Ul1aUEJdJCxuBiOk9N2uMffI5CWIjRE6CIs9hj5XC1U2yfTpSSi0XrwO_tD8n7GN3ZBCMw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjuliPd6B_n5dJEHvD47e1IFoZx6T9v6jDP-NaarbSUd-BruVSObF54NhhTtNsMvr7upCUxn_ycUokuCB6j_FgDiJT_YXAaUtFXjKkTokeQC-7BBA38Ul1aUEJdJCxuBiOk9N2uMffI5CWIjRE6CIs9hj5XC1U2yfTpSSi0XrwO_tD8n7GN3ZBCMw" title="20240125_220853.jpg" alt="20240125_220853.jpg" class="original-size">
</a></p>
<p>打開紙箱,拿出一大團防撞紙,總算看到了裡面的小盒子。看來這才是裝載了<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的盒子啊!</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgfOoNRuIFRJ6mtKrDwVonTM_iZ2ZuBQ4X2z5cyQ9IZxsPMfoeD3nqw8mb6N8tA-RTvGIR87fG6lfB1Ges432_QFOotq7wzITdlqcQehGM2LOsEFk8Fo0RaWzvMJFoBBEL0ehZ365hDcRA_h_r5Ob6AtVrDPp69CuVc8XM00Z0Ysx5BoGdqZRVBMA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgfOoNRuIFRJ6mtKrDwVonTM_iZ2ZuBQ4X2z5cyQ9IZxsPMfoeD3nqw8mb6N8tA-RTvGIR87fG6lfB1Ges432_QFOotq7wzITdlqcQehGM2LOsEFk8Fo0RaWzvMJFoBBEL0ehZ365hDcRA_h_r5Ob6AtVrDPp69CuVc8XM00Z0Ysx5BoGdqZRVBMA" title="2024-0131-005105.png" alt="2024-0131-005105.png" class="original-size">
</a></p>
<p>盒子本身並沒有特別的印刷,而是在紮實的包裝紙箱裡,好好地保護了<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>。一打開盒子,印入眼簾的就是說明書、底下的<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>擴充基座、以及後面的電源線。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEitL1cS9lDaI7uU2ExKKeSr8LPMbK3tVOPRCd9dLcxs1uwQSmZ5690zhxfYAewHUcaGieHEVMIxIbQMypMNxp7wFKbSu-sdX6-Efd9u9if2dRISdtvBUcGLmabIyhV8jjuzp6cxTTDs9KNDPolU4YYXT3m1qflxb8cSIAn-WRxcE0WytQhsQHuFbA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEitL1cS9lDaI7uU2ExKKeSr8LPMbK3tVOPRCd9dLcxs1uwQSmZ5690zhxfYAewHUcaGieHEVMIxIbQMypMNxp7wFKbSu-sdX6-Efd9u9if2dRISdtvBUcGLmabIyhV8jjuzp6cxTTDs9KNDPolU4YYXT3m1qflxb8cSIAn-WRxcE0WytQhsQHuFbA" title="20240125_221306.jpg" alt="20240125_221306.jpg" class="original-size">
</a></p>
<p>讓我們一口氣把所有的配件拿出來看看吧!各個配件依序來看,上方是說明書;右上方和右下方是電源線和變壓器;左上方是USB Type-C對Type-C與Type-A雙介面連接線;左下角則是我們的主角:<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>擴充基座。</p>
<h2>Targus Dock 710 擴充基座 / Dock station: Targus Dock 710</h2>
<h3>主要功能 / Features</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjyuKNec8HxbYoFHqtugGPWm0cXF12g_0qZkmDQVfpuitUCdgaqougLObCC2KUUviPlEwmJdP2CVsyMYENCMEaGIDIzoknkdLD02QiA106yduxJMYghv27Ew45xALi6HqTW66lEEg_EFJAg4l_L7w5AJBpXBQ1z1Gk8P6SOfK2S4kDBhQ5pw40VcA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjyuKNec8HxbYoFHqtugGPWm0cXF12g_0qZkmDQVfpuitUCdgaqougLObCC2KUUviPlEwmJdP2CVsyMYENCMEaGIDIzoknkdLD02QiA106yduxJMYghv27Ew45xALi6HqTW66lEEg_EFJAg4l_L7w5AJBpXBQ1z1Gk8P6SOfK2S4kDBhQ5pw40VcA" title="1.jpg" alt="1.jpg" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a></p>
<p><span style="text-decoration-line: underline; font-weight: bold;">Targus Dock 710</span>擴充基座的功能主要是讓具有支援<a href="https://za3c.com.tw/%E9%9B%BB%E8%85%A6-%E6%89%8B%E6%A9%9F%E6%98%AF%E5%90%A6%E6%94%AF%E6%8F%B4-usb-3-1-dp-alt-mode/">DP Alt Mode協議(DisplayPort Alternate Mode)</a>的USB Type-C連接埠的筆電或電競掌機連接使用。它的主要特色如下:<br></p>
<ul>
<li>
<font color="#ff0000"><u><b>Targus Dock 710</b></u>最高輸出四組螢幕,背後混合了兩種技術</font><br>
<ul>
<li>第一種技術是DP Alt Mode技術,只要硬體支援DP Alt Mode就能隨插隨用。</li>
<li>第二種技術是DisplayLink技術,只要安裝<a href="https://www.synaptics.com/products/displaylink-graphics/downloads">DisplayLink驅動程式</a>後即可隨插隨用。</li>
<li>最高支援單 8K UHD HDR 或雙 4K UHD HDR 顯示輸出。</li>
<li>輸出連接埠為2個DP跟2個HDMI,Targus Dock 710會根據輸入端電腦硬體跟輸出連接螢幕的規格,動態調整背後使用的技術跟螢幕輸出連接埠。<br></li>
</ul>
</li>
<li>1個連接主機用的輸入USB Type-C連接埠。同時支援PD(Power Delivery )充電協議,能夠給主機供電高達 100W。<br></li>
<li>5個USB連接埠:<ul>
<li>1 個USB 3.2 Gen 2 Type-C (10 Gbps)<br></li>
<li>1 個 USB 3.2 Gen 2 Type-A (10 Gbps) 連接埠(快速充電)</li>
<li>3 個 USB 3.2 Gen 1 Type-A (5 Gbps) 連接埠</li>
</ul>
</li>
<li>支援乙太網路連接埠</li>
<li>支援 3.5mm 音源輸入/輸出</li>
<li>支援 Kensington T-Bar防盜鎖孔</li>
<li>支援 Windows、MacOS、<font color="#ff0000"><b>Linux和Chrome OS 系統</b></font>
</li>
</ul>
<p>不過除了透過USB Type-C來連接之外,<span style="text-decoration-line: underline; font-weight: bold;">Targus Dock 710</span>擴充基座其實也能改用傳統長方形的USB Type-A來連接任何一臺電腦,當作普通的USB多功能介面擴展塢來用。此時的螢幕輸出會自動切換成DisplayLink技術來進行輸出。</p>
<h3>尺寸 / Size</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhuuwGH_oy71sXNAAYKjAmC2-jRn6CwZxsx82_GFPIkUq8mPpS65JKxngmNbqBYSEdU6s19OMqreKH7aYCg8vgDamyjoHTUXYCNFz07wkDBok6RN1ihoUMzBQuZc-vSDC67Rx4WPP-ISAOMema9j1RkPJRTVL_qHjXkBDd_fCNH_SC4IM-5Ew5SGA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhuuwGH_oy71sXNAAYKjAmC2-jRn6CwZxsx82_GFPIkUq8mPpS65JKxngmNbqBYSEdU6s19OMqreKH7aYCg8vgDamyjoHTUXYCNFz07wkDBok6RN1ihoUMzBQuZc-vSDC67Rx4WPP-ISAOMema9j1RkPJRTVL_qHjXkBDd_fCNH_SC4IM-5Ew5SGA" title="8.jpg" alt="8.jpg" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a><br></p>
<p>在開始介紹之前,我必須強調<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>可不是普通便攜式的介面拓展塢,而是為了定點辦公而設計的擴充基座。它的諸多設計都是為了讓使用者能夠最大限度地,讓單一個USB Type-C連接埠能用上最多的功能。而相較於其他主打小型與輕便的介面拓展塢,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span><span style="font-weight: bold; text-decoration-line: underline;">擴充基座</span>的豐富接口使得它的尺寸大上了不少。具體來說,<span style="text-decoration-line: underline; font-weight: bold;">Targus Dock 710</span>的寬度為20.5公分、深度為9公分、高度為3公分。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgxh9JWTqbemyeLUnKFS5rCP97xgIC-dHgFk_lO6jtuYIYa5k3a8VIo6JZ5d3lLkT5G5uVivyIl6leX2miGC575VMS0aD7I-ZUF-1dAzPz80MV2DPxDf4hcqxQX8_D79c3L8dRtT4kTgf0-eX0FU7gY7FmzLjJG24PyWAmXIOcrM41X1MDkqbZ88A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgxh9JWTqbemyeLUnKFS5rCP97xgIC-dHgFk_lO6jtuYIYa5k3a8VIo6JZ5d3lLkT5G5uVivyIl6leX2miGC575VMS0aD7I-ZUF-1dAzPz80MV2DPxDf4hcqxQX8_D79c3L8dRtT4kTgf0-eX0FU7gY7FmzLjJG24PyWAmXIOcrM41X1MDkqbZ88A" title="2024-0131-011505.png" alt="2024-0131-011505.png" class="original-size">
</a></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhiYzXCcKYGU-AzYzuu6LVg6TpnW0N0hb9PGtENEMb2Fdha-wwIv5Ey1yGD9dwvP3F0e1VMjzHhhJigsDp3-Mqbai9wHG7nXGpyHWOlkjlLyGRTy5kt2cS2HePqIR_IsIZWs-PYhnmuvNpo_-wj4Rlwf-vcWl_i48ymy3Hy_xE-or7Q8VrTgVIx5Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhiYzXCcKYGU-AzYzuu6LVg6TpnW0N0hb9PGtENEMb2Fdha-wwIv5Ey1yGD9dwvP3F0e1VMjzHhhJigsDp3-Mqbai9wHG7nXGpyHWOlkjlLyGRTy5kt2cS2HePqIR_IsIZWs-PYhnmuvNpo_-wj4Rlwf-vcWl_i48ymy3Hy_xE-or7Q8VrTgVIx5Q" title="20240131_011355.jpg" alt="20240131_011355.jpg" class="original-size">
</a></p>
<p>大小不僅超過了一張千元鈔票,而且也比10元硬幣高的很多。</p>
<h3>外觀與介面 / Appearance and interfaces</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiHkmyKM6qQYED1TMYbiNL9r_I1yQ-AnU8Cnjl4JJ5h6hRTwmCOZZlPywerFxdzEnr0uXZRg2FORZslar0vNYuAefgMRefVddlPIDTT2SSi5T8ZinM0V3h05heKmnZ0RP7rH1IeTJSTNGlSss3Vm8I7IdsVmvWAeh05mQORqMe_2A8evs32mEB7mw" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiHkmyKM6qQYED1TMYbiNL9r_I1yQ-AnU8Cnjl4JJ5h6hRTwmCOZZlPywerFxdzEnr0uXZRg2FORZslar0vNYuAefgMRefVddlPIDTT2SSi5T8ZinM0V3h05heKmnZ0RP7rH1IeTJSTNGlSss3Vm8I7IdsVmvWAeh05mQORqMe_2A8evs32mEB7mw" title="20240131_010306.jpg" alt="20240131_010306.jpg" class="original-size"></a><br></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的外殼是以塑料材質組成。由於<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>本身肩負了大量傳輸與供電的任務,我認為塑料材質是一個很不錯的選擇。這是因為跟許多以金屬材質組成外殼的設備相比,使用者摸到<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的塑料材質時比較不會被燙到,或是被靜電電到。記得我以前使用其他家的外接螢幕連接線時,因為螢幕訊號大量的傳輸資料造成連接線的金屬外殼發燙,讓我燙到留下心靈的疤痕。相較之下,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>摸起來就讓人安心許多。</p>
<h4>上方外觀與電源按鈕 / Upper appearance and power button</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjjrvNE5UVumWf-Kk-nEe56oiP8lM44Pn2lPyp2mvB2-4RbboaHfikjAY3tD2iMhltfawMoa2h7yUg39HPaw8sSMg2sMAQ7LCEw_jXrnKy7XKxt9bl-nU2UTvRVRzdHY8EKLjBSmKuEYZnTzzGa1T4rNSXpX_AUeEtApQ-rQWNsJQ0BpEfZ7YBH7Q" style="color: rgb(35, 82, 124); outline: 0px;"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjjrvNE5UVumWf-Kk-nEe56oiP8lM44Pn2lPyp2mvB2-4RbboaHfikjAY3tD2iMhltfawMoa2h7yUg39HPaw8sSMg2sMAQ7LCEw_jXrnKy7XKxt9bl-nU2UTvRVRzdHY8EKLjBSmKuEYZnTzzGa1T4rNSXpX_AUeEtApQ-rQWNsJQ0BpEfZ7YBH7Q" title="20240125_221934.jpg" alt="20240125_221934.jpg" class="original-size"></a></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>上方採用了時尚的45度角粗細不同的條紋設計。在深色底部反射光線的同時,也可以看得到條紋呈現。條紋的設計能跟側面的散熱孔搭配,呈現出一致的設計語言,而且也比較不沾指紋。</p>
<p>右下角除了Targus的品牌LOGO之外,還有一個圓形的電源開關。這裡必須說明一下<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的特別之處。跟普通的USB擴展埠隨插即用不同,<font color="#ff0000"><span style="font-weight: bold;"><span style="text-decoration-line: underline;">Targus Dock 710</span>本身必須開啟電源才能啟用它的功能。</span></font>如果沒有電源、或是開關沒有開啟的話,就算電腦主機本身已經用USB連上<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>,電腦也不會識別出任何設備。通常當主機連上<span style="text-decoration-line: underline; font-weight: bold;">Targus Dock 710</span>的時候,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>在具有供電的情況下就會自動開機,而且在跟主機連線期間無法按下開關來關閉電源。因此實際使用上倒沒有什麼太大問題。</p>
<p>需要電源才能運作的設計展現了<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>作為定點使用的主要目的。當然,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>缺乏供電就無法運作的設計,也連帶地限制了攜帶它出門的便攜性。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiWvIpz98jpqFJnPY_1VOwcu4OafUIsTqaq9jMqquCZND0vANHEZwbWgBOxoTmbPnFDovwDWkhnmb9G5j_Ri0S4KvAOwJ_UINm7mUDI9WZuK_g19MczSYHBb6Ri_6XUnwjd-bGFFuXzLoWu9lTW8l2lKM0kD0d5OzShom-uCXVz9O9oFIHS9B_rrg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiWvIpz98jpqFJnPY_1VOwcu4OafUIsTqaq9jMqquCZND0vANHEZwbWgBOxoTmbPnFDovwDWkhnmb9G5j_Ri0S4KvAOwJ_UINm7mUDI9WZuK_g19MczSYHBb6Ri_6XUnwjd-bGFFuXzLoWu9lTW8l2lKM0kD0d5OzShom-uCXVz9O9oFIHS9B_rrg" title="2024-0131-022255.png" alt="2024-0131-022255.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://forums.lenovo.com/t5/ThinkPad-X-Series-Laptops/X1-Yoga-Turns-on-after-disconnecting-USB-C-power-cable/m-p/4581389" target="_blank">https://forums.lenovo.com/t5/ThinkPad-X-Series-Laptops/X1-Yoga-Turns-on-after-disconnecting-USB-C-power-cable/m-p/4581389</a> </p>
<p>不過其實<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>這種可以控制電源開關的設計卻帶來了一個特別的用途:<b>
<font color="#ff0000">你可以用它控制筆電的開機!</font>
</b>現在大部分的筆電都具有供電後自動開機的設計,例如上圖中ThinkPad筆電大多都會有的「Power On with AC Attach」。在BIOS開啟此設定之後,只要USB Type-C接收到來自<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的供電,筆電就能自動開機。</p>
<p>此外,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>它本身會儲存電源開啟或關閉的狀態。就算遭遇了斷電又復電的情況,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>還是會依照上次電源的狀態,開啟的話就繼續開著、關閉的話就持續不運作,<b>
<font color="#ff0000">不會因為斷電而重置開關機的狀態</font>
</b>。這種小細節都有顧慮到,可以看得出<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>對於品質的用心。</p>
<h4>前方外觀與擴充介面 / Front appearance and interfaces</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiJMkYVyArenxzs3ULc0KjAVgL0VMA0WRsXTXilW5srHfKOcJQH89vlU4HU1nu4GzCItcIsA5j5YWbJgY7h-9qOCWKrBYetYZxNKMGp_D78Ix99o0dZtVT8H_QcQO64hqB6iOYeb9iMUsS8-VQ50Hw5iL79XEXP6VeJWkvhvlKqJ16bqAJ5ebHDDQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiJMkYVyArenxzs3ULc0KjAVgL0VMA0WRsXTXilW5srHfKOcJQH89vlU4HU1nu4GzCItcIsA5j5YWbJgY7h-9qOCWKrBYetYZxNKMGp_D78Ix99o0dZtVT8H_QcQO64hqB6iOYeb9iMUsS8-VQ50Hw5iL79XEXP6VeJWkvhvlKqJ16bqAJ5ebHDDQ" title="20240125_222156.jpg" alt="20240125_222156.jpg" class="original-size">
</a></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh5VW5kC43DAZbXKsZpT9XDJkmcjeUEefdizjfM9EedTpO0GzRfnwOLKEuKMjim_TGfgqPKjDGDrl_L-EM4F-uktaSOQU_WIT_dLs4I9kloKqrDg_luRPmBF1CdpP6zrsr7SRzJh_qJC7gp_t19lU1y4bsNRNvn58oKa4Ct4g4e8JJciFKvoVlxMQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh5VW5kC43DAZbXKsZpT9XDJkmcjeUEefdizjfM9EedTpO0GzRfnwOLKEuKMjim_TGfgqPKjDGDrl_L-EM4F-uktaSOQU_WIT_dLs4I9kloKqrDg_luRPmBF1CdpP6zrsr7SRzJh_qJC7gp_t19lU1y4bsNRNvn58oKa4Ct4g4e8JJciFKvoVlxMQ" title="3a.jpg" alt="3a.jpg" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a><br></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的前方具有提供外接功能的USB Type-C和USB Type-Type-A連連接埠。兩個USB連接埠都具備了USB 3.2 Gen 2規格,可以提供了10 Gbps的傳輸速度。兩個接口皆可提供5V和最高1.5A的充電速度。在兩個USB連接埠右方則是3.5mm的音源輸出和麥克風輸入的多功能接孔。<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgo44uQ1kRc4AfZJMKQU3KI5OI6lQ0H63RKWfN7tzap3wZ5GFG7bZcBDoh3mges_RyeG3w0_smcygYPXZ94x7kUTBKiqelADFpDKrvvpKcfRJeQpdjpc49ozbR-5veWL0tsgo4rvlKy69Cp58S14D562P4Mu3YQjPLD7mb7C0vSXQC4lIpEMsX6GQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgo44uQ1kRc4AfZJMKQU3KI5OI6lQ0H63RKWfN7tzap3wZ5GFG7bZcBDoh3mges_RyeG3w0_smcygYPXZ94x7kUTBKiqelADFpDKrvvpKcfRJeQpdjpc49ozbR-5veWL0tsgo4rvlKy69Cp58S14D562P4Mu3YQjPLD7mb7C0vSXQC4lIpEMsX6GQ" title="20240131_023825.jpg" alt="20240131_023825.jpg" class="original-size">
</a></p>
<p>前方右下角的長方形區域是電源指示燈。值得注意的是,電源指示燈並不是單純的亮光,而是設計往桌面照射。當<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的電源開啟時,電源指示燈會亮起紫色的光芒,使得桌面照出一抹紫色的光暈,非常符合現代電競時尚的光線設計。不過當室內燈光明亮的時候,電源指示燈就不太明顯了。</p>
<h4>後方外觀與擴充介面 / Rear appearance and interfaces</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhnXSCTqmENzml3xtgDRvo2tohNxfDGnzIujK2jkHjkxx0tBTlD9XgN-HPIGrxtcCCTrPYixCKUYZFX7gxhiXgYHq-aQ8mEnF3KI9DHmv-6YUJw_4Oj32nE9jGJ-H1OSGC15OXWCOjyNSh2SmMGm-ui_kaCRlc-ruatPUwW_dlsTMJDalDX5e9IzA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhnXSCTqmENzml3xtgDRvo2tohNxfDGnzIujK2jkHjkxx0tBTlD9XgN-HPIGrxtcCCTrPYixCKUYZFX7gxhiXgYHq-aQ8mEnF3KI9DHmv-6YUJw_4Oj32nE9jGJ-H1OSGC15OXWCOjyNSh2SmMGm-ui_kaCRlc-ruatPUwW_dlsTMJDalDX5e9IzA" title="20240125_221945.jpg" alt="20240125_221945.jpg" class="original-size">
</a></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhOKd0xmXMDwLy7AJM_mY_jB0WBbwfN4rC1GmSOiCSqZXCQnk_8sqmfvYExck_BGDiaghgA9BBjOU4UR51VflRqfCXdymgMarvAms1iS-blw15srav2ymFi7Nl0UNYwOQg6g6X5QItnlgkXvDNJIJMIx038Pjna3Bdojps8h6CQNeaqQlfd1jGolA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhOKd0xmXMDwLy7AJM_mY_jB0WBbwfN4rC1GmSOiCSqZXCQnk_8sqmfvYExck_BGDiaghgA9BBjOU4UR51VflRqfCXdymgMarvAms1iS-blw15srav2ymFi7Nl0UNYwOQg6g6X5QItnlgkXvDNJIJMIx038Pjna3Bdojps8h6CQNeaqQlfd1jGolA" title="20240130_Targus_Dock_710-crop2-cropped.png" alt="20240130_Targus_Dock_710-crop2-cropped.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a><br></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的主要連接介面都集中在後方。由左至右來看,首先是3個USB Type-A的連接埠。這三個連接埠的規格只有到USB 3.2 Gen 1,傳輸速度為5 Gbps,但依然可以提供5V和三孔最高總共4.5A的充電速度;接著在USB連接埠右方的是RJ45乙太網路卡,具有Gigabit千兆等級的網路速度。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhE6OrPlP-fnGUfO6BT2dFe1iP6vKZ9PdpLj6uakWUdEkDz0_xsmtgHTbN_g-JiXhO5NXEKR3PcA1ySwAtYROoHepFsg_dZHsgE6hF1idhBRKJaGhjXGSkuEMEdMtZhQpno1PM_WowGePKpvxEZPhdftdZx3dNlISAm2YI-Ndjn_1zeuzpqPG72mw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhE6OrPlP-fnGUfO6BT2dFe1iP6vKZ9PdpLj6uakWUdEkDz0_xsmtgHTbN_g-JiXhO5NXEKR3PcA1ySwAtYROoHepFsg_dZHsgE6hF1idhBRKJaGhjXGSkuEMEdMtZhQpno1PM_WowGePKpvxEZPhdftdZx3dNlISAm2YI-Ndjn_1zeuzpqPG72mw" title="2024-0131-035449.png" alt="2024-0131-035449.png" class="original-size">
</a></p>
<p>在網路卡右方的是<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的主要賣點:<font color="#ff0000"><b>最多可以透過DP和HDMI連接埠輸出四組螢幕訊號。</b></font>不過<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>採用了兩種技術來輸出螢幕。雖然Targus Dock 710用數字1跟數字2區分了兩組DP和HDMI連接埠,但實際上<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>也會根據主機端的硬體規格動態切換使用的技術,使用者只需要將線連上螢幕即可。這點在後面談到多螢幕輸出的時候,我們再來講講細節。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjheYvNuRLAhfSKBITCP-48cmXG7DoSCL-wD4wbKN34n0sBux4yaJn9BgpL_Q1z6-1A0tqGBSsa69adSyrpA6Ai62nvsFwpwkSWJ8lnpoZ5_dXL1d9CajR-lSTVDwpc6j9r-FWrAKGcAX5pKzZZQWtSa156xevwqs4d_xtdwiQu2Ggl5Ci9ncS_4Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjheYvNuRLAhfSKBITCP-48cmXG7DoSCL-wD4wbKN34n0sBux4yaJn9BgpL_Q1z6-1A0tqGBSsa69adSyrpA6Ai62nvsFwpwkSWJ8lnpoZ5_dXL1d9CajR-lSTVDwpc6j9r-FWrAKGcAX5pKzZZQWtSa156xevwqs4d_xtdwiQu2Ggl5Ci9ncS_4Q" title="2024-0131-042940.png" alt="2024-0131-042940.png" class="original-size">
</a></p>
<p>在螢幕連接埠右方的是連接筆電等主機專用的USB Type-C連接埠。跟前方的USB Type-C連接埠不同,後方的USB Type-C連接埠才是連接主機專用的連接埠,也是<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>最重要的接孔。它不僅能夠傳輸USB訊號,還能<span style="color: rgb(255, 0, 0); font-weight: bold;">為主機提供PD 3.0最高達到100W的供電能力!</span></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjLbqi7NyAM45JrSTGxSQjn_woww6k7BKLkBpjqP_vtdwATztGf9NKYQ0sdZIs5l9_mRwhh-BGkmxo5Z6b1bTOg9pXaayfLM8pfKlX5XmpEQ8fKXtq3zw-FeYQFA4oXCsIlE7VyT34EcMOc0CrtUVk9vY7B4bCQlJU4QfDpkXKM38nHo-cfFyV2iA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjLbqi7NyAM45JrSTGxSQjn_woww6k7BKLkBpjqP_vtdwATztGf9NKYQ0sdZIs5l9_mRwhh-BGkmxo5Z6b1bTOg9pXaayfLM8pfKlX5XmpEQ8fKXtq3zw-FeYQFA4oXCsIlE7VyT34EcMOc0CrtUVk9vY7B4bCQlJU4QfDpkXKM38nHo-cfFyV2iA" title="2024-0131-042844.png" alt="2024-0131-042844.png" class="original-size">
</a></p>
<p>為了確保<span style="text-decoration-line: underline; font-weight: bold;">Targus Dock 710擴充基座</span>與主機之間的穩定連線,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>還為USB Type-C孔左右兩側加上了鎖孔,可搭配<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>附贈的USB雙介面連接線來使用。鎖緊之後非常牢靠,不會讓人不小心就把USB Type-C線扯掉。但配件的連接線在USB Type-C的這端的設計不僅寬、而且也比較扁長,反而會讓人擔心可能會卡到其他線材而折到USB Type-C的頭。實際上鎖緊之後USB Type-C線還有一些上下活動的空間,看起來是不太容易直接折到。總之,<span style="color: rgb(255, 0, 0); font-weight: bold;">透過鎖孔將<span style="text-decoration-line: underline;">Targus Dock 710擴充基座</span>跟USB連接線緊緊相連之後,用起來的確是非常令人安心。</span></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg28LgXTN6vKXvbiWrNCoL1hnH3Dce61zAleZMT1bNgQPkMmtdFp2fTL7bkYFXbrOS0PnqcKu6YJkKX_gveI919GExxogyyz_OouNVzC1JPFwEqaBA8k8tCVedfaqsofFGlZ9omhffO24_na--SKNHckfRqBlodH0Y6yAere4ANFWr-IyFOno8zsw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg28LgXTN6vKXvbiWrNCoL1hnH3Dce61zAleZMT1bNgQPkMmtdFp2fTL7bkYFXbrOS0PnqcKu6YJkKX_gveI919GExxogyyz_OouNVzC1JPFwEqaBA8k8tCVedfaqsofFGlZ9omhffO24_na--SKNHckfRqBlodH0Y6yAere4ANFWr-IyFOno8zsw" title="2024-0131-043017.png" alt="2024-0131-043017.png" class="original-size">
</a></p>
<p>最後在USB Type-C連接埠右方的是DC IN電源輸入孔與DC OUT電源輸出孔。電源輸出孔是搭配配件提供的變壓器,最高可以輸入150W的供電。至於電源輸出孔,雖然它可以提供90W的電源輸出,但必須另外購買<a href="https://eu.targus.com/products/90w-legacy-power-accessory-kit-acc1134glx">ACC1134GLX配件</a>才能使用,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>並沒有直接附在配件中。</p>
<h4>左方外觀與防盜鎖孔 / Left side appearance and anti-theft lock hole</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj2tLNqOg-1J4TuDje50KI29mcUPgTQcAMhUTBfg_ywY-eTNwDupfHHHm4wPn9PubUKCZu6sFgQOk8ifvlk23xKcj2S-0Rj-tvY6XtwXz8Inx-51avOA0rJ5WYDc6iXv2pdotcxKGWbaFDxGA0jkMBhAyh020TCGrRutePiTW1omF9vfQanPbXOpQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj2tLNqOg-1J4TuDje50KI29mcUPgTQcAMhUTBfg_ywY-eTNwDupfHHHm4wPn9PubUKCZu6sFgQOk8ifvlk23xKcj2S-0Rj-tvY6XtwXz8Inx-51avOA0rJ5WYDc6iXv2pdotcxKGWbaFDxGA0jkMBhAyh020TCGrRutePiTW1omF9vfQanPbXOpQ" title="2024-0131-045259.png" alt="2024-0131-045259.png" class="original-size">
</a></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的左方除了顯示它內建了DisplayLink技術,能夠隨插即用就能輸出4K螢幕之外,就只有一個Kensington T-Bar防盜鎖孔。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjT5qEROY7TYK-8q45CMtSbgTVHjeV3nus86VE2oymYOkXA6bwgV0SCW4Rd17_hTcSomjrEDpCqUV1spTnZuUON3DD9s3sOMifRH1lioF7d6hY6EhoVlCfPO8I56d-PJARAKBuEGg1TQIxi4XEwyL1pdnZd7d-SYfuHgHC7wRx81svLv0RjKkEZnQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjT5qEROY7TYK-8q45CMtSbgTVHjeV3nus86VE2oymYOkXA6bwgV0SCW4Rd17_hTcSomjrEDpCqUV1spTnZuUON3DD9s3sOMifRH1lioF7d6hY6EhoVlCfPO8I56d-PJARAKBuEGg1TQIxi4XEwyL1pdnZd7d-SYfuHgHC7wRx81svLv0RjKkEZnQ" title="ke-65021-v1-ww_1663111599.jpg" alt="ke-65021-v1-ww_1663111599.jpg" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.kensington.com/p/products/technology-device-security-products/device-security-keyed-locks/slim-nanosaver-2.0-keyed-laptop-lock/" target="_blank">https://www.kensington.com/p/products/technology-device-security-products/device-security-keyed-locks/slim-nanosaver-2.0-keyed-laptop-lock/</a>
<font color="#337ab7"><u></u></font>
</p>
<p>Kensington T-Bar防盜鎖孔通常需要搭配支援Kensington防盜鎖來使用。防盜鎖孔的設計大多常見於商務電腦和筆電等級的設備上,消費級的筆電已經很少看到防盜鎖孔的設計。而<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>內建了防盜鎖孔也展現了它身為商務等級設備的定位。</p>
<h4>右方外觀 / Right side appearance</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhdQVi2d8JS4wlCnKmHf5szE4b3y1H0bpd9aMiXoKpgF_B0iv4SVnuEun-QTwdJRkjNVERU1grcmRpecmfaRYpavw9EfT9BdsjW9nuNdk8pB-EOaX13RskHyzrS4UevyXIMVrw5KSsZfv7VOira90pILG7wjggfNu0E2KnjfPo6fnWZjkChHeGNmw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhdQVi2d8JS4wlCnKmHf5szE4b3y1H0bpd9aMiXoKpgF_B0iv4SVnuEun-QTwdJRkjNVERU1grcmRpecmfaRYpavw9EfT9BdsjW9nuNdk8pB-EOaX13RskHyzrS4UevyXIMVrw5KSsZfv7VOira90pILG7wjggfNu0E2KnjfPo6fnWZjkChHeGNmw" title="2024-0131-050644.png" alt="2024-0131-050644.png" class="original-size">
</a></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的右方沒有連接埠,不過我們可以注意到它的四周靠近上方的黑色位置都有散熱孔的設計,不僅美觀而且實用。<br></p>
<h4>下方外觀與鎖孔 / Bottom side appearance and lock holes</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgTPAotuQKHMUF39EO6MVy71_sIqtXOzC-tLqBvmM6Hy7TCwiDcXm0kueigNhpK2-_QvhyEFDEJvnGJTZEJsqTm4QzyP0841SDOLC5Uoa46h_wxJGEba-Z4a2CKfPm1xTJzbHiOoWHDCXMJq_tMZvwu2yvNRYe3qFg_RBTgKtBKEvX0-mzfKdq0uw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgTPAotuQKHMUF39EO6MVy71_sIqtXOzC-tLqBvmM6Hy7TCwiDcXm0kueigNhpK2-_QvhyEFDEJvnGJTZEJsqTm4QzyP0841SDOLC5Uoa46h_wxJGEba-Z4a2CKfPm1xTJzbHiOoWHDCXMJq_tMZvwu2yvNRYe3qFg_RBTgKtBKEvX0-mzfKdq0uw" title="20240125_222217.jpg" alt="20240125_222217.jpg" class="original-size">
</a></p>
<p>接著我們再來看到<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的下方。下方的左右可以看到很大片的止滑墊,它可以讓<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>能穩定地放在桌面上。止滑墊之間可以看到散熱孔,以此確保<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的運作穩定。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgcSGRUU-yY-pe3t2A7bYRxehyTlMNuPIVersgBjnc2tLn2eL8RMoeFp6csqPoyNB2Vlxvw9SA1XkH9nQrleQJ3cJ_knCZooRW6IGrfEExy6kNFAREhSDb4zs2tnOVBgz7hJzX5YHr16dIpPtlMPuLRBRpIREq70fs6-q5_efGwMOCTRMKgYniV0w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgcSGRUU-yY-pe3t2A7bYRxehyTlMNuPIVersgBjnc2tLn2eL8RMoeFp6csqPoyNB2Vlxvw9SA1XkH9nQrleQJ3cJ_knCZooRW6IGrfEExy6kNFAREhSDb4zs2tnOVBgz7hJzX5YHr16dIpPtlMPuLRBRpIREq70fs6-q5_efGwMOCTRMKgYniV0w" title="2024-0131-051621.png" alt="2024-0131-051621.png" class="original-size">
</a></p>
<p>Targus Dock 710擴充基座的下方還有兩個鎖孔。不過它的螺紋以及兩孔之間距離6公分的寬度都是特殊規格。需要另外購買<a href="https://eu.targus.com/products/docking-station-vesa-mount-bracket-black-acx003glz">Targus Docking Station VESA Mount</a>才能使用。<br></p>
<hr>
<h2>配件 / Accessories</h2>
<p>隨著<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>包裝而來的配件有電源線與變壓器、USB雙介面連接線、以及一張說明書。以下就讓我們看看這三項配件。</p>
<h3>電源線與變壓器 / Power cord and AC adapter</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEis5MUR6qy4Gp973r7-34_io2hEu5ytUbKYDuBA5lZt_xUDIPNKlJoWDt_qQn0Xr8CFlk6qVZwIWoDY_YsklD-gwGGRCcGL4w2ZITfXQB61vYsRPiHlgqawAbktKWbxcwv4-qz9IgI1u9VavIoSbeZNbv88o7zjZxgC1AXn-R5fSIBuOKL1GcUS7w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEis5MUR6qy4Gp973r7-34_io2hEu5ytUbKYDuBA5lZt_xUDIPNKlJoWDt_qQn0Xr8CFlk6qVZwIWoDY_YsklD-gwGGRCcGL4w2ZITfXQB61vYsRPiHlgqawAbktKWbxcwv4-qz9IgI1u9VavIoSbeZNbv88o7zjZxgC1AXn-R5fSIBuOKL1GcUS7w" title="20240125_223156.jpg" alt="20240125_223156.jpg" class="original-size">
</a></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的變壓器有著對得上<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的巨大尺寸。變壓器的長寬高分別為13.5公分、6.5公分以及2公分。變壓器本身能夠提供150W的供電,能確保<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>以及其連接的主機都有著穩定的電力來源。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgjC9-A-WvIw4hN0utY5BwC1057F6lbE20sb1Kss_JC5QEEVNfQJHwpKnOJ6UCkCZjU_-USdxFikXkFJXmXy7j5BPKYwCAMOcvUbTwL8V2cAt6llilqFmaRQr_kuB0aJ49V8aDY9CVggT3V4EZJ8Np2aGF6oiqQCakCCPp_V1-OI25dlFftiDFTxQ"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgjC9-A-WvIw4hN0utY5BwC1057F6lbE20sb1Kss_JC5QEEVNfQJHwpKnOJ6UCkCZjU_-USdxFikXkFJXmXy7j5BPKYwCAMOcvUbTwL8V2cAt6llilqFmaRQr_kuB0aJ49V8aDY9CVggT3V4EZJ8Np2aGF6oiqQCakCCPp_V1-OI25dlFftiDFTxQ" title="2024-0131-172530.png" alt="2024-0131-172530.png" class="original-size">
</a></p>
<p>變壓器自帶一根可插入<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>後方電源輸入孔的電源線,長度為1.2公尺。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEir1Rw45TAtY9LIWC3wqVCnoDLH3GWc3LhAP5P6FMWDv0Uq9eoptjvz2gMzmNEu1iOAup3I0D3ZJRDOJgtRPsea_nnAzQP5EGPwHKLdadXcouHDhRvev36NtW9n4P6RdgxpsQqfY-fR5C4tc93K5s4EFFjXAcvwmMmpEc1HnVTGWoABW7h1KPip5g"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEir1Rw45TAtY9LIWC3wqVCnoDLH3GWc3LhAP5P6FMWDv0Uq9eoptjvz2gMzmNEu1iOAup3I0D3ZJRDOJgtRPsea_nnAzQP5EGPwHKLdadXcouHDhRvev36NtW9n4P6RdgxpsQqfY-fR5C4tc93K5s4EFFjXAcvwmMmpEc1HnVTGWoABW7h1KPip5g" title="2024-0131-172654.png" alt="2024-0131-172654.png" class="original-size">
</a></p>
<p>另一頭則是AC 3-Pin的IEC-320-C5規格孔。IEC-320-C5俗稱米老鼠頭、米奇頭、梅花頭。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiMhdbLaYAT2a0WbPp7gF0eBqy_mQzBAj5pBj-pjnfDaMG-51TswCeULubYWCqEo27sHg4hBS_uczAkrG5FMoXovrp99AF8qBBDfH-FZeQc45hyrEEB7mttYx1CHpbZEro7JbPJ5ChWcLZyJrZTWxW7vCelZLajBF2rL_P6BuYQO4TnMjsrHFw2rg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiMhdbLaYAT2a0WbPp7gF0eBqy_mQzBAj5pBj-pjnfDaMG-51TswCeULubYWCqEo27sHg4hBS_uczAkrG5FMoXovrp99AF8qBBDfH-FZeQc45hyrEEB7mttYx1CHpbZEro7JbPJ5ChWcLZyJrZTWxW7vCelZLajBF2rL_P6BuYQO4TnMjsrHFw2rg" title="2024-0131-173120.png" alt="2024-0131-173120.png" class="original-size">
</a></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的配件也包含了可插入IEC-320-C5規格孔的電源線。長度為1.2公尺,線材較變壓器的電源線粗,可確保供電的穩定性。電源線的另一端則是AC 3-Pin接頭,適用於臺灣美規常見的三孔插座。</p>
<h3>USB雙介面連接線 / USB Type-C to Type-C/Type-A Cable</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgqKpoROCgBXMWZNdHy3u3hUMzWcO-b0jpvr7s11z4mztcuWJD-_Eaud3le3HzdrCzijPHe50MstaPgYUBm6kUAPk4PkYLkOTnwxDIiTEvy5fKMbvtfsERNuyAGfQaoANkD8AXoYt_nVeoNSg30j2jRRsWX2Kgz9j2G500xwbmFxInWeQ4yiHH5xg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgqKpoROCgBXMWZNdHy3u3hUMzWcO-b0jpvr7s11z4mztcuWJD-_Eaud3le3HzdrCzijPHe50MstaPgYUBm6kUAPk4PkYLkOTnwxDIiTEvy5fKMbvtfsERNuyAGfQaoANkD8AXoYt_nVeoNSg30j2jRRsWX2Kgz9j2G500xwbmFxInWeQ4yiHH5xg" title="2024-0131-173546.png" alt="2024-0131-173546.png" class="original-size">
</a></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的配件包含了USB Type-C對Type-C與Type-A雙介面連接線,長度為100公分。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEidBRaonU4QNjAsEpkVwGqXsDOlpUgsS7BbWFrRDiZetZZ0GX2BiU8PiUWfesJCWrJd6W5JOCJPpOV8igpXqzCyznBIqNY6uUe3HzlSg-f_U-VCIU3_cKaSZprrc_7xI7heklGVUyQq1gREB6iC8w3HO8r2O8TAd7BA7k27hkwm4N8KmwYo7ORh9Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEidBRaonU4QNjAsEpkVwGqXsDOlpUgsS7BbWFrRDiZetZZ0GX2BiU8PiUWfesJCWrJd6W5JOCJPpOV8igpXqzCyznBIqNY6uUe3HzlSg-f_U-VCIU3_cKaSZprrc_7xI7heklGVUyQq1gREB6iC8w3HO8r2O8TAd7BA7k27hkwm4N8KmwYo7ORh9Q" title="2024-0131-173650.png" alt="2024-0131-173650.png" class="original-size">
</a></p>
<p>這條USB線的一端為連上<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的USB Type-C連接頭,並帶有兩個可以鎖入鎖孔的螺絲。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgPErQQQstoU_hSHt6aqh3SNbT7UCsP58jfIF_vqnahx_cTjLd7b0E0lIGE2pq47ZxDjzcdvN6AjS2EC5t0FhO319HOojiuesOWnXkiIlVkLunV8hhVbV5X8JnGH5D8_3FVWaADqouE2GxAZH55jlGEQo29piAqh1JJiGjUk0j60IxLQsybewrKWA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgPErQQQstoU_hSHt6aqh3SNbT7UCsP58jfIF_vqnahx_cTjLd7b0E0lIGE2pq47ZxDjzcdvN6AjS2EC5t0FhO319HOojiuesOWnXkiIlVkLunV8hhVbV5X8JnGH5D8_3FVWaADqouE2GxAZH55jlGEQo29piAqh1JJiGjUk0j60IxLQsybewrKWA" title="2024-0131-173900.png" alt="2024-0131-173900.png" class="original-size">
</a></p>
<p>另一端則是連接上筆電等主機設備的USB連接頭。乍看之下,你可能會以為這是一個USB Type-A的連接頭。但仔細看看你可能會覺得奇怪,為什麼這個連接頭特別的長呢?</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgyJxFJ4GBz5YFH-KX40nU2GfzYxn_91flkjg350Zu_YfcUXAt6NvPXdzWV88acB8zgmVqJO5-wcsLsWhfsLsDHHwFF0exUEMne2t9FTnrGyvE1DsuHftuXEU2AMCizDPByKD0Bx-FQshNo_bAP7nCKmDPOEe1QRn_GzD1rFiqvKeKoZGdi4nCrAQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgyJxFJ4GBz5YFH-KX40nU2GfzYxn_91flkjg350Zu_YfcUXAt6NvPXdzWV88acB8zgmVqJO5-wcsLsWhfsLsDHHwFF0exUEMne2t9FTnrGyvE1DsuHftuXEU2AMCizDPByKD0Bx-FQshNo_bAP7nCKmDPOEe1QRn_GzD1rFiqvKeKoZGdi4nCrAQ" title="2024-0131-174049.png" alt="2024-0131-174049.png" class="original-size">
</a></p>
<p>因為它是加上了一個USB Type-C轉USB Type-A轉接頭,組合成為USB Type-C與Type-A二合一的雙介面連接線。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEieiAVj9sMPyWinJyCFF_rxKXKPWhX2iBbRmmMiiIUiApLb4peWqk5pA-2NWEoYHP9BDOt6k6VN_U-cj8xzfwOGV8oud-ZvdVM6UTZr2Hc2eZWo_rBh2cBPSXZAht6LRMS_Z9bIY6230x2GxQgY2B_UwkC3QVY2zlQyRXyvjIdzxPPs5B9TnAAxuw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEieiAVj9sMPyWinJyCFF_rxKXKPWhX2iBbRmmMiiIUiApLb4peWqk5pA-2NWEoYHP9BDOt6k6VN_U-cj8xzfwOGV8oud-ZvdVM6UTZr2Hc2eZWo_rBh2cBPSXZAht6LRMS_Z9bIY6230x2GxQgY2B_UwkC3QVY2zlQyRXyvjIdzxPPs5B9TnAAxuw" title="2024-0131-174157.png" alt="2024-0131-174157.png" class="original-size">
</a></p>
<p>轉接頭跟線材本身用一條可以移動的線材綁在一起,可以避免轉接頭弄丟的困擾。此外,轉接頭跟USB Type-C之間的連接方向也有上下之分,不可以插反。<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>很貼心地設計了一個突起處以達到防呆的效果。因此如果你覺得插入轉接頭時不太順利的話,不妨看看防呆處,檢查看看是不是插錯方向了喔。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiJpsIA_bwO3jKpuiho4GfRXWtticgEpjE0t3RtVkmc-xY0uU60IBCXXnL7Oi3NxjFLqbYGLK_s9jFv_e_3sYvl2GslMrosBnl13IrvYqn_pE3ufbhWAv982UESdAe82qIlp7d6xaokLVPaohlA77GzGeyEfJgSpnJGWSFqxriO_Jfg6CLiVuEMzA"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiJpsIA_bwO3jKpuiho4GfRXWtticgEpjE0t3RtVkmc-xY0uU60IBCXXnL7Oi3NxjFLqbYGLK_s9jFv_e_3sYvl2GslMrosBnl13IrvYqn_pE3ufbhWAv982UESdAe82qIlp7d6xaokLVPaohlA77GzGeyEfJgSpnJGWSFqxriO_Jfg6CLiVuEMzA" title="2024-0131-210209.png" alt="2024-0131-210209.png" class="original-size">
</a></p>
<p>另外必須注意的是,連接主機端的USB Type-C跟Type-A的接頭都有一定的寬度。如果連接埠左右沒有足夠的空間的話,這條連接線是插不進去的。上圖就是我想要拿手機連接<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>,但手機的保護殼卡到連接線而失敗的例子。當然,你也可以換一條具備影音傳輸功能的USB Type-C連接線即可。<br></p>
<h3>說明書 / Quick Start Guide</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgA3pj4d9Mz4XAsn1RYlpPCFDdF-DEGG1NHEzXvJBPqTrFtZinWgb8lTfzxLu5evj9WG-9v2Ho4QxsEUheyPMMVNobhkgFt60awaK6q-jC6RIyTSnunF_VsHUH5QzV3tPAhcr6d8_pJeU8_dDUJ2F-IaRdwebv7Isf3xmYvz53tgTHI9bHZ4AhKgA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgA3pj4d9Mz4XAsn1RYlpPCFDdF-DEGG1NHEzXvJBPqTrFtZinWgb8lTfzxLu5evj9WG-9v2Ho4QxsEUheyPMMVNobhkgFt60awaK6q-jC6RIyTSnunF_VsHUH5QzV3tPAhcr6d8_pJeU8_dDUJ2F-IaRdwebv7Isf3xmYvz53tgTHI9bHZ4AhKgA" title="2024-0131-175003.png" alt="2024-0131-175003.png" class="original-size">
</a></p>
<p>最後要講的是最先看到的配件,說明書。說明書是只有一張大紙摺疊起來。雙面各別是不同的語言,一面是英文、另一面是法文。這張說明書不僅記載了<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的規格,也有類似機型的Targus Dock 720的說明。後者Targus Dock 720主要是多了在電源按鈕上加入指紋辨識的功能,但我手邊的<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>只有單純的電源按鈕。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiImAQ4i3q8oGcqWNNgNilMGVYATt3WwOq6ADX1t42FlRPDxIxx2SpbCftDDBaXAQjRPckz7CmjPG-qJlaPMUl9ReovW7227EjU0TmGb1PSBtzLJlX371XcpU7A8efYG_viFt-vJ6SjlwrSNrf6l9J1aDLoVMzLcbBOj8OykvPQsm_fyfGhLHyNjg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiImAQ4i3q8oGcqWNNgNilMGVYATt3WwOq6ADX1t42FlRPDxIxx2SpbCftDDBaXAQjRPckz7CmjPG-qJlaPMUl9ReovW7227EjU0TmGb1PSBtzLJlX371XcpU7A8efYG_viFt-vJ6SjlwrSNrf6l9J1aDLoVMzLcbBOj8OykvPQsm_fyfGhLHyNjg" title="2024-0131-175251.png" alt="2024-0131-175251.png" class="original-size">
</a></p>
<p>說明書內記載了內容物(Contents)、安裝方式(Workstation Setup)、特色與規格(Features and Specifications)、電源與指紋按鈕(Power / Fingerprint Button)、外接螢幕數量與最大解析度(Maximun Resolutions)、擴充基座圖解(Docking Station Diagram)、技術支援(Techinical Support)、產品註冊(Product Registration)、供應商符合聲明(Supplier's Declaration of Conformity)、三年保固(Three Year Warranty)。</p>
<hr>
<h2>外接螢幕技術 / Video out technology</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiUBUmwMgrVybqnSQJ6z_1BxqYPVwdR4b0ZWy9ucFhrutG2XAsdJW0eLShoZ0FUU_OlMn-1Vz4kXw-qBXKai5NImCFDojvZpMWYUnRwLAC24AtSgAlBHzjoAZZMlaYuE3UhpgWRlYhFDdB6ZGm62ADYtUs1mOt1P77HVh-u5JrKbKTXHMQO9nd3Dg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiUBUmwMgrVybqnSQJ6z_1BxqYPVwdR4b0ZWy9ucFhrutG2XAsdJW0eLShoZ0FUU_OlMn-1Vz4kXw-qBXKai5NImCFDojvZpMWYUnRwLAC24AtSgAlBHzjoAZZMlaYuE3UhpgWRlYhFDdB6ZGm62ADYtUs1mOt1P77HVh-u5JrKbKTXHMQO9nd3Dg" title="2024-0131-180135.png" alt="2024-0131-180135.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a><br></p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>主打的特色就是可以同時輸出四個螢幕。這四個螢幕是由兩個DP連接埠跟HDMI連接埠構成。但它們其實是以一個DP和一個HDMI為一組,各別使用了兩種技術來實作螢幕的輸出。這兩種技術為DP Alt Mode技術以及DisplayLink 技術,兩種技術能夠輸出螢幕的前置條件、螢幕解析度和刷新率都各不相同。就讓我們參考上表的說明,一一來看看<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的能耐。</p>
<h3>DP Alt Mode</h3>
<p>如果要使用DP Alt Mode技術來輸出螢幕的話,你必須確保主機端的筆電硬體本身支援了DP Alt Mode技術。目前大部分具有USB Type-C的主流筆電跟電競掌機都有內建DP Alt Mode,高階的Android手機和平板也有支援DP Alt Mode。而iPhone 15改用USB Type-C作為連接埠之後,也同時支援了此功能。如果想要查看手邊的設備是否支援DP Alt Mode的話,除了仔細查看說明書之外,也可以看看「<a href="https://za3c.com.tw/%E9%9B%BB%E8%85%A6-%E6%89%8B%E6%A9%9F%E6%98%AF%E5%90%A6%E6%94%AF%E6%8F%B4-usb-3-1-dp-alt-mode/">電腦 / 手機是否支援 USB 3.1 DP alt mode?</a>」這篇的介紹。</p>
<p>在只使用一個連接埠來輸出螢幕的時候,DP Alt Mode技術輸出的畫面最大可以達到7680 x 4320解析度,刷新率為30 fps,也就是俗稱的8K解析度。在DP和HDMI雙孔輸出的時候,若主機端的DP規格為DP1.4,則解析度最大可以達到3840 x 2160,刷新率60 fps,也就是俗稱的2K解析度。</p>
<h3>DisplayLink</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjByb9yISOpOUOUwHjCEO7o5WlFijulWET1Ky6MOotJo3ghUl9jF7rO4qmTy6lXjsTbaCcGAANrYj2DxmzIC7ypY3LXQ9xscctH6woAfEeZptIdirbV4NIu28mLPxusih1qTGCjrNPpwXi47qpsdV6aK6Ae93zn7DM4o-KsBd5ECea3TSUoMSiiYg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjByb9yISOpOUOUwHjCEO7o5WlFijulWET1Ky6MOotJo3ghUl9jF7rO4qmTy6lXjsTbaCcGAANrYj2DxmzIC7ypY3LXQ9xscctH6woAfEeZptIdirbV4NIu28mLPxusih1qTGCjrNPpwXi47qpsdV6aK6Ae93zn7DM4o-KsBd5ECea3TSUoMSiiYg" title="https://www.synaptics.com/products/displaylink-graphics/downloads" alt="https://www.synaptics.com/products/displaylink-graphics/downloads" class="original-size"></a></p>
<p>圖片來源:<a href="https://www.synaptics.com/products/displaylink-graphics/downloads" target="_blank">https://www.synaptics.com/products/displaylink-graphics/downloads</a> <br></p>
<p>另一方面,如果要使用DisplayLink技術來輸出螢幕的話,你必須先在主機端的設備安裝對應的<a href="https://www.synaptics.com/products/displaylink-graphics/downloads">驅動程式</a>。說到DisplayLink顯示技術,這對Linux使用者來說可是別具意義。市面上有許多製作USB外接顯示卡的產品,但大多數的產品都只有為Windows設計,少數產品才有提供MacOS作業系統使用,而<b>
<font color="#ff0000">DisplayLink更是其中少數能夠的多平臺支援外接顯卡的技術。</font>
</b>採用了DisplayLink技術的外接顯卡功能,不僅可以支援Windows和MacOS作業系統,甚至還能支援Linux (主要是Ubuntu)、Chrome OS跟Android等各種平臺。只需在事先安裝好 <a href="https://www.synaptics.com/products/displaylink-graphics/downloads">DisplayLink 的驅動程式</a>,當<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>以USB連接電腦或筆電的主機時,你就能用DP和HDMI連接埠輸出超過兩組以上的螢幕畫面了。</p>
<p>不論是單螢幕還是雙螢幕,採用DisplayLink技術輸出的螢幕解析度最大都只有到2K,也就是3840 x 2160,刷新率為60 fps。</p>
<hr>
<h2>外接螢幕測試 / Video out test</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhQlasOX9i5mUxv-PjVJS0K769KVVPaGBXehynPLScMG-IQH9ckZqqm9WhL2nFeGcWwqB4GyGWAKSI3iSrBKjqUb56t56KBK520eSRSbE6gCuX10rB86AGLoOvRoXReyYRpKxuNfoosRso9eUFUoXepb6awE26Lvb8pv7FN443NErxizrFVUnsmxw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhQlasOX9i5mUxv-PjVJS0K769KVVPaGBXehynPLScMG-IQH9ckZqqm9WhL2nFeGcWwqB4GyGWAKSI3iSrBKjqUb56t56KBK520eSRSbE6gCuX10rB86AGLoOvRoXReyYRpKxuNfoosRso9eUFUoXepb6awE26Lvb8pv7FN443NErxizrFVUnsmxw" title="5.jpg" alt="5.jpg" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a> </p>
<p>瞭解了<span style="font-weight: bold; text-decoration-line: underline;"> Targus Dock 710 </span>在螢幕輸出背後的 DP Alt Mode 和 DisplayLink 兩種技術後,接下來我們就接上螢幕,來看看實際情況吧。</p>
<h3>事前準備 / Preparation</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhChArgs73qIspK-O2Hi-S9YoOfG9Yfx9GmY0fy-W5JqV4oPQiNGpA6OYzA8pSSZsF41SsC82D6sAjQLsmpLn_s8GzSxRdY0-EvwA-UjK3VewDKh3Jiexhtu6qZ2Msj6nGKFx7DBm_OF5Pcf6DgBKTYOJHjOcJVN9VlvjZ3uL_Ez2fjVD4AeYbO9w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhChArgs73qIspK-O2Hi-S9YoOfG9Yfx9GmY0fy-W5JqV4oPQiNGpA6OYzA8pSSZsF41SsC82D6sAjQLsmpLn_s8GzSxRdY0-EvwA-UjK3VewDKh3Jiexhtu6qZ2Msj6nGKFx7DBm_OF5Pcf6DgBKTYOJHjOcJVN9VlvjZ3uL_Ez2fjVD4AeYbO9w" title="Lenovo-ThinkPad-L13-Yoga-Gen-2-2-in-1-13-3-FHD-1920-x-1080-Touch-Laptop-Ryzen-5-Pro-5650U-8GB-Memory-512GB-SSD-Black-Tablet_b110c225-1f94-488d-8b49-f03dd20c25d0.03125188b7c8ecef421227ee60a0acf4.webp.png" alt="Lenovo-ThinkPad-L13-Yoga-Gen-2-2-in-1-13-3-FHD-1920-x-1080-Touch-Laptop-Ryzen-5-Pro-5650U-8GB-Memory-512GB-SSD-Black-Tablet_b110c225-1f94-488d-8b49-f03dd20c25d0.03125188b7c8ecef421227ee60a0acf4.webp.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.walmart.com/ip/Lenovo-ThinkPad-L13-Yoga-Gen-2-2-in-1-13-3-FHD-1920-x-1080-Touch-Laptop-Ryzen-5-Pro-5650U-8GB-Memory-512GB-SSD-Black-Tablet/2346631136" target="_blank">https://www.walmart.com/ip/Lenovo-ThinkPad-L13-Yoga-Gen-2-2-in-1-13-3-FHD-1920-x-1080-Touch-Laptop-Ryzen-5-Pro-5650U-8GB-Memory-512GB-SSD-Black-Tablet/2346631136</a> </p>
<p>這次主要測試的電腦是Lenovo聯想的ThinkPad L13 Yoga Gen 2。該筆電的USB Type-C連接埠具備了Thunderbolt 4規格,因此支援DP Alt Mode的顯示模式。除了這臺電腦上原本就有的Windows 10作業系統之外,我還安裝了Kubuntu 22.04這款Linux作業系統。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgp0K8advgmJE0kwpKY4DDhKf45JiZvAfhl-7E0iYJ5X_imJgg-6xHomldyx9vvWhjQb8KtLfjKPHvfoQZzXPlWPJzuS1aSYSetJ1y6Wuv0ItChbOk5muZYy7Rm0_LykagRFm4mPbrBrWf51tKVINhPg_d0nJ9zPgeQUDxUvwp0STMFpqAHb8Yg2w"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgp0K8advgmJE0kwpKY4DDhKf45JiZvAfhl-7E0iYJ5X_imJgg-6xHomldyx9vvWhjQb8KtLfjKPHvfoQZzXPlWPJzuS1aSYSetJ1y6Wuv0ItChbOk5muZYy7Rm0_LykagRFm4mPbrBrWf51tKVINhPg_d0nJ9zPgeQUDxUvwp0STMFpqAHb8Yg2w" title="2024-0131-211832.png" alt="2024-0131-211832.png" class="original-size">
</a></p>
<p>為了確保<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>上的DisplayLink技術能夠正常運作,我們必須先各別為兩個作業系統都安裝上<a href="https://www.synaptics.com/products/displaylink-graphics/downloads">DisplayLink的驅動程式</a>。<a href="https://www.synaptics.com/products/displaylink-graphics/downloads/ubuntu">Ubuntu作業系統</a>可以在新增APT套件庫位置之後,使用APT安裝。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgMzJ4w3DmMIT7gBvOMASvydliuNT6kMTI6usNZVfJ6RTQN9z3GgiWGGrAEyJVnfEJdbTf-dgFylWgTNSzeywk7VDnI47sYh9zqgneVTKk5LPhPteu9wrInablt-H268L2iENwlkJhMdk7u0A5VI7W6OTwPUJnz55vJ6e3gd5MLKe6w0ljfIS9org" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgMzJ4w3DmMIT7gBvOMASvydliuNT6kMTI6usNZVfJ6RTQN9z3GgiWGGrAEyJVnfEJdbTf-dgFylWgTNSzeywk7VDnI47sYh9zqgneVTKk5LPhPteu9wrInablt-H268L2iENwlkJhMdk7u0A5VI7W6OTwPUJnz55vJ6e3gd5MLKe6w0ljfIS9org" title="2024-0131-234659.png" alt="2024-0131-234659.png" class="original-size"></a><br></p>
<p><a href="https://www.synaptics.com/products/displaylink-graphics/downloads/windows">Windows作業系統</a>則可以下載大約64MB的exe檔案來安裝即可。如果沒有安裝好驅動程式,你就只能看到DP Alt Mode技術所輸出的兩個螢幕的畫面,就像是上圖的樣子。</p>
<p>安裝之後都需要重新啟動電腦,讓電腦載入DisplayLink驅動程式,之後連接<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>就能正常使用編號為「2」的DisplayLink技術所提供的DP跟HDMI連接埠來外接螢幕。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiTw7_V_us1shC905vaKKP__oz59qPtd5n7F13ML9p6eaHxCDHEgsYanLKHwbLT-4eiARV1y33LJ-pq5r847BzCyrcLzzfVDoB3qkI8Ecl6ZEquRWEj3N0R5S1e_zZDG0Nd1uu4UsZ08SA38AaPnC76ZsHdLdrq1jAfM4teRzxnaljDi0ovpAxIOQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiTw7_V_us1shC905vaKKP__oz59qPtd5n7F13ML9p6eaHxCDHEgsYanLKHwbLT-4eiARV1y33LJ-pq5r847BzCyrcLzzfVDoB3qkI8Ecl6ZEquRWEj3N0R5S1e_zZDG0Nd1uu4UsZ08SA38AaPnC76ZsHdLdrq1jAfM4teRzxnaljDi0ovpAxIOQ" title="2024-0131-232929.png" alt="2024-0131-232929.png" class="original-size">
</a></p>
<p>筆電準備好之後,接下來我們來看看螢幕的這端。<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的確可以輸出訊號到四個不同的螢幕上,但其實我通常會更偏好一種特別的做法:將四個螢幕訊號整合成一個螢幕。上圖是設備之間的架構圖。順序是從左上角的筆電透過USB Type-C線連接到<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>上,接著<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的四個螢幕訊號輸出連接埠再接到四螢幕合併器上,最後是從合併器透過HDMI連接到螢幕上。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgNBDsRZVGMxGzPwPJyQ6kQ2pMsLh-ulTnsylg9tT9OKtjEZdmGwvA2X_Gpq1Wq5q2y0vKdJKQj8qMPxn95A0Pb_UgiB-TEuoqVGdAgtyuT8gOesYJpCR9hiK0lHABvZMGjplsSoZ_26Baok16aUF8PLWjetukXkbMCdvEAIEKt2nqKNP7IinDFkw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgNBDsRZVGMxGzPwPJyQ6kQ2pMsLh-ulTnsylg9tT9OKtjEZdmGwvA2X_Gpq1Wq5q2y0vKdJKQj8qMPxn95A0Pb_UgiB-TEuoqVGdAgtyuT8gOesYJpCR9hiK0lHABvZMGjplsSoZ_26Baok16aUF8PLWjetukXkbMCdvEAIEKt2nqKNP7IinDFkw" title="2024-0131-234008.png" alt="2024-0131-234008.png" class="original-size">
</a></p>
<p>以上述架構連接之後,我們既可以將一個實體螢幕當作四個螢幕來使用,也能將其視為四合一個螢幕來用。後面的實際測試可以看到整合後的效果。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjN70LMapR4ODH8XdKjfLYHtte9p5EknslOKw450PCJfgtshhJH-QkKgvb6H7gclpM07IgY3t6C-KMW5BH5vAVwXE3DXj5oiNZP2UXaBJNbhX20pTKzeF8Hkk3ePC2yDMWu7PxJMUcDvaORSvdDjKM4xI3GwBopx-sm3lKS0QBG1ld6wIEbQT47Jg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjN70LMapR4ODH8XdKjfLYHtte9p5EknslOKw450PCJfgtshhJH-QkKgvb6H7gclpM07IgY3t6C-KMW5BH5vAVwXE3DXj5oiNZP2UXaBJNbhX20pTKzeF8Hkk3ePC2yDMWu7PxJMUcDvaORSvdDjKM4xI3GwBopx-sm3lKS0QBG1ld6wIEbQT47Jg" title="2024-0131-213417.png" alt="2024-0131-213417.png" class="original-size"></a></p>
<p>在此架構中,除了<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>扮演了核心的角色之外,另一個重要的設備則是這臺HDMI 4x1 Qual Multi-Viewer四螢幕合併器。它的功能是輸入四個HDMI訊號,然後合併成一個HDMI輸出到螢幕上。我們可以在合併器設定四個HDMI訊號的排列方式,不過我只會用到四等份切割的排列。</p>
<p>在瞭解了我們的測試架構之後,接下來就讓我們來看看將<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>連接到不同作業系統的狀況吧。</p>
<h3>連接Windows作業系統 / Connecting to Windows</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhhVxHjrzi2YtrwTC_mophN8CCaV_jmeZZmLyZNq7Riqe64CepNcQDkTmQYLz__PTwf_Z4bnf3mCTqQD8jkI0qGf08A82u6S9efk1a8p0IONdQu_5ux9vF76r0ivxHcN6vY2W2UJynb2syx8Q1G13hkNgZPmb_Kq-gvlSHbrJ4j8zczzUaAlbNrUA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhhVxHjrzi2YtrwTC_mophN8CCaV_jmeZZmLyZNq7Riqe64CepNcQDkTmQYLz__PTwf_Z4bnf3mCTqQD8jkI0qGf08A82u6S9efk1a8p0IONdQu_5ux9vF76r0ivxHcN6vY2W2UJynb2syx8Q1G13hkNgZPmb_Kq-gvlSHbrJ4j8zczzUaAlbNrUA" title="2024-0131-234847.png" alt="2024-0131-234847.png" class="original-size">
</a></p>
<p>在Windows 10作業系統中,裝好了DisplayLink驅動程式後,作業系統很快地就會抓到<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>上所連接的四個螢幕。從上圖右邊的筆電畫面裡,我們可以看到除了筆電自身的螢幕之外,我們還在左邊連接了四個不同的螢幕。這四個不同的螢幕透過四螢幕合併器輸出到左邊的一個實體螢幕上。雖然乍看之下只有一個實體螢幕,但它已經可以當作四個螢幕來使用。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjkIZd3O_pBj72s_yVAVGcue6Qsp5Ej5z74PA36VkHicpBPXQMDJNyymk1SjQ65bId7CM06s5QFqLlTVXTmillX0aWuH9PssOthRGICZIFUy9UW2cPcSdfMkHtQK1nU8BIsVFPnZYMXp1waBuCMHhS3FCpKPHZRZ_L1hF0s1crWTWm-sQNA_Jh79g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjkIZd3O_pBj72s_yVAVGcue6Qsp5Ej5z74PA36VkHicpBPXQMDJNyymk1SjQ65bId7CM06s5QFqLlTVXTmillX0aWuH9PssOthRGICZIFUy9UW2cPcSdfMkHtQK1nU8BIsVFPnZYMXp1waBuCMHhS3FCpKPHZRZ_L1hF0s1crWTWm-sQNA_Jh79g" title="2024-0131-235139.png" alt="2024-0131-235139.png" class="original-size">
</a></p>
<p>我通常會用較大的螢幕進行主要的工作,例如寫程式、報告、繪圖。左邊四個透過<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>輸出的小螢幕,則是用來擺放參考的資料或是即時通訊。我也會將需要監看的報表、程式的編譯狀態擺在小螢幕上,方便我隨時關注最新的狀態。</p>
<h3>連接Linux作業系統 / Connecting to Linux</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgjltqMy4cu3kI7rs0qbFDsgQJZtFEBrnpuIWp8W1Kif_v22vq4UL7yp7WOJt-QDjhZZOgEfRPj-5lH6FODOo6CPo15JAT-1fxMOKe6yc9wF_s7wgtwTsEeOerWFwPvcoD8R3qgXec5eoYZ-bUQKsz9gh4BI-AkK5H_J2aOMufCtwL7uin3s5NQow">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgjltqMy4cu3kI7rs0qbFDsgQJZtFEBrnpuIWp8W1Kif_v22vq4UL7yp7WOJt-QDjhZZOgEfRPj-5lH6FODOo6CPo15JAT-1fxMOKe6yc9wF_s7wgtwTsEeOerWFwPvcoD8R3qgXec5eoYZ-bUQKsz9gh4BI-AkK5H_J2aOMufCtwL7uin3s5NQow" title="2024-0131-235454.png" alt="2024-0131-235454.png" class="original-size">
</a></p>
<p>讓我們將作業系統切換到Kubuntu 22.04。多虧了<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>採用了DisplayLink技術,就算是Linux作業系統也能夠順利輸出四個螢幕。大多製作USB Type-A外接螢幕轉換器的廠商都沒辦法支援Linux,這就是DisplayLink技術珍貴的地方。讓我們回到的<span style="font-weight: 700; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的設定上,我們在螢幕的配置跟前面的Windows作業系統一樣,採用了一個筆電自身的螢幕配合四個小螢幕的組合。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiupdcdcDAIbOcXirChV1UqvKIJagptY2ythzbzNg8PAnYjtajmOXw_C85LQSY_5sIKMHqnNwX0LVK3bejWmXcJRaETX0_DQRULt2qeOJ2NxzlHs5pup9FjPM3AULj81Ivu-VwmoPssr-mNbeeIIXPGAmGiGXtOCP9pYRHYFmr8olF1pxHJPgz2zw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiupdcdcDAIbOcXirChV1UqvKIJagptY2ythzbzNg8PAnYjtajmOXw_C85LQSY_5sIKMHqnNwX0LVK3bejWmXcJRaETX0_DQRULt2qeOJ2NxzlHs5pup9FjPM3AULj81Ivu-VwmoPssr-mNbeeIIXPGAmGiGXtOCP9pYRHYFmr8olF1pxHJPgz2zw" title="2024-0201-001309.png" alt="2024-0201-001309.png" class="original-size">
</a></p>
<p>在Linux裡可以用<a href="https://christian.amsuess.com/tools/arandr/">ARandR</a>來調整多個螢幕的位置,所以此時四螢幕看起來比較正。關於ARandR的介紹,可以看看資訊人權貴寫的「<a href="https://newtoypia.blogspot.com/2013/04/arandr.html">arandr: 輕薄短小又彈性極高的外接螢幕調整器</a>」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjb46S4ryIFQ3UELk_S9RIEnCWCFu9KHFKT7nnqh11gJePzblCx7ppHDw-s6DTR9rwRPx97vQ8AWnZcejaG6k7cAIG1N4Dq6-twIi0k9_LgUU2deYPbykRQMOYW96t-T3qYQ04KvjJ_38h7AeQkdbnnrStY5vpaUE5MsmIK6HDh0fXXeTiyY03ETQ"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjb46S4ryIFQ3UELk_S9RIEnCWCFu9KHFKT7nnqh11gJePzblCx7ppHDw-s6DTR9rwRPx97vQ8AWnZcejaG6k7cAIG1N4Dq6-twIi0k9_LgUU2deYPbykRQMOYW96t-T3qYQ04KvjJ_38h7AeQkdbnnrStY5vpaUE5MsmIK6HDh0fXXeTiyY03ETQ" title="2024-0201-001211.png" alt="2024-0201-001211.png" class="original-size">
</a></p>
<p>當然,使用這五個螢幕來工作也是完全沒問題的喔。我們可以除了可以各別使用四個螢幕之外,也能將視窗放大到跨越四個螢幕,如此一來就能用一整個螢幕來顯示畫面。不過我個人比較常用的還是同時開著多個視窗彼此參照、配合的工作場景,此時<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>可以提供的四個各別運作的小螢幕,能夠讓我分類現在正在進行的工作,這的確可以有效提升我的工作效率呢!</p>
<h3>連接Chrome OS作業系統 / Connecting to Chrome OS</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhi_mbtuRb6GND1j9ut5-mZCITMGknXuaW0x_TEOt1_pevRpDOO7Rp3pP0n-y8c3E0tPcCfAytuf6dyKOO5nU50wj9WlKYVyZeijIfevXSVtzjuoB9euKmsR-YF0RKtUMl2DpQBe7A9yv3v_9H4XMZesGf9M9L9zHP6t4juh8oC6Jvfv02ySwqK4A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhi_mbtuRb6GND1j9ut5-mZCITMGknXuaW0x_TEOt1_pevRpDOO7Rp3pP0n-y8c3E0tPcCfAytuf6dyKOO5nU50wj9WlKYVyZeijIfevXSVtzjuoB9euKmsR-YF0RKtUMl2DpQBe7A9yv3v_9H4XMZesGf9M9L9zHP6t4juh8oC6Jvfv02ySwqK4A" title="2024-0201-001722.png" alt="2024-0201-001722.png" class="original-size">
</a></p>
<p>看完了Windows跟Linux兩大作業系統之後,我們也來看看<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>還能跟哪些特別的設備一起運作。接下來出場的是Chrome OS作業系統的代表,<a href="https://store.acer.com/zh-tw/chromebook-spin-713">Acer Chromebook Spin 713</a> (以下簡稱Chromebook)。這臺裝載了Chrome OS的Chromebook也支援了Thunderbolt 4,接上<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>輸出一個螢幕完全沒有問題。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgyCoTsA5w7ieFxMN-QbfRlI_LN4yFZmbGRnyZa2uxWqNtMUY515tcVh30zP--lj1yPFXXMUv6fAMy3UNSH6eIxnnS-okU1dZ4Hzy7PvU53TWxsu52xZMCY8H77Fa9TJFinDpXCAOiht_LvMTKCF9xs1lABKS3iCORrUrD3nCxJGTwcZn-hdCMhkQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgyCoTsA5w7ieFxMN-QbfRlI_LN4yFZmbGRnyZa2uxWqNtMUY515tcVh30zP--lj1yPFXXMUv6fAMy3UNSH6eIxnnS-okU1dZ4Hzy7PvU53TWxsu52xZMCY8H77Fa9TJFinDpXCAOiht_LvMTKCF9xs1lABKS3iCORrUrD3nCxJGTwcZn-hdCMhkQ" title="20240201_015242.jpg" alt="20240201_015242.jpg" class="original-size">
</a></p>
<p>不過如果我們要輸出四個螢幕的話,這件事情就沒那麼簡單了。根據<a href="https://www.synaptics.com/products/displaylink-graphics/downloads/chrome">DisplayLink</a>的說明,Chrome OS在2016年發佈的R51版之後都能夠原生支援DisplayLink驅動程式。不過驅動程式的支援並不穩定。最理想的狀況下,Chromebook連接<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>也只能輸出四個640 x 480解析度的小螢幕,而且很容易因為訊號不穩而被重置。再加上Chromebook對多螢幕的支援也不夠完整。顯示視窗的工具列只能顯示所有的應用程式,很難找出當下視窗使用的應用程式。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgHDn6pVU5aUQp9LgOFXFpDOuep2GJRJFH3zLblb-sUmuPXoQaz16EkbtNDMMH3_JPrHYuYlk2ZFbgrGJjMGngnfZrgB2BQdAkWLvGR2U85yEVNbmtmpULcGZMydOD7AcMAW7Qg9MDAG3feIOg6VyxDKdlWI8omYpR0nt9Tkj7yDUWpbDA2_9dH0A"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgHDn6pVU5aUQp9LgOFXFpDOuep2GJRJFH3zLblb-sUmuPXoQaz16EkbtNDMMH3_JPrHYuYlk2ZFbgrGJjMGngnfZrgB2BQdAkWLvGR2U85yEVNbmtmpULcGZMydOD7AcMAW7Qg9MDAG3feIOg6VyxDKdlWI8omYpR0nt9Tkj7yDUWpbDA2_9dH0A" title="2024-0201-023325.png" alt="2024-0201-023325.png" class="original-size">
</a></p>
<p>儘管如此,Chromebook透過<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>只有輸出兩個螢幕時倒是穩定許多。因此對於Chromebook的使用者來說,把<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>當作只有雙螢幕輸出,可能是比較好的選擇。</p>
<h3>連接Android平板 / Connecting to Android Tablet</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgGHCXKXQr5uftw54vk0h-A4tQXvVbRrzgtTKw73UmNI_grQcHB5RvzRc30rzvEGn52T5bNl8scXcjjiOe33N7gNZSQsYNVCp6DtXDMI1IDbEeeGjVl8rXZtWIlWFygkNG0REingj--nkd1npcp5aqULaqrsZkO7nKlRFKvr7hwaXL5KWFKzXCT_w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgGHCXKXQr5uftw54vk0h-A4tQXvVbRrzgtTKw73UmNI_grQcHB5RvzRc30rzvEGn52T5bNl8scXcjjiOe33N7gNZSQsYNVCp6DtXDMI1IDbEeeGjVl8rXZtWIlWFygkNG0REingj--nkd1npcp5aqULaqrsZkO7nKlRFKvr7hwaXL5KWFKzXCT_w" title="20240201_020013.jpg" alt="20240201_020013.jpg" class="original-size">
</a></p>
<p>看完了Chrome OS作業系統,接下來我們來試試看另一個也能外接螢幕的特殊裝置:Android平板。這裡我使用的是<a href="https://item.lenovo.com.cn/product/1031651.html">2023年發佈的聯想拯救者Y700</a>。作業系統是ZUI 15,Android 13版本。拯救者Y700平板(以下簡稱平板)有兩個USB Type-C連接埠,位於長邊的連接埠能夠進行影像輸出。它的桌面環境能夠從普通的Android平板模式轉換成以浮動視窗為主的PC模式。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhETp8ShOEaN2nsZkXVXfW5ibhsnnwcuNGSGSBaWLWT-GAvDMj1aea37fZjYqVUuX7i9Y3svNOr8vBmluOfkafJUX57Y5qZRfTF5YOwb0B7aDbcBZafJZLk-sXKgQfvl9uNBkNqcBf5YluGA1khsS0G_eHRr4dTG7Bx5WGCJ2A5yLHhHUogEQ3qKg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhETp8ShOEaN2nsZkXVXfW5ibhsnnwcuNGSGSBaWLWT-GAvDMj1aea37fZjYqVUuX7i9Y3svNOr8vBmluOfkafJUX57Y5qZRfTF5YOwb0B7aDbcBZafJZLk-sXKgQfvl9uNBkNqcBf5YluGA1khsS0G_eHRr4dTG7Bx5WGCJ2A5yLHhHUogEQ3qKg" title="2024-0201-024825.png" alt="2024-0201-024825.png" class="original-size">
</a></p>
<p>將<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>連上平板之後,四個螢幕裡只會有編號「1」的HDMI連接埠能夠顯示跟平板相同的畫面。其他三個連接埠只會有一個能夠顯示平板的桌面,但我不知道如何操作它。如果拯救者Y700還能將輸出畫面改成「擴展模式」,此時平板會維持本來的操作畫面,而第一個螢幕會以PC模式顯示。我們可以接上滑鼠,向平板上方移動到第一個螢幕裡進行操作。但是另一個螢幕依然是無法操作。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhPCPH4oS2Qd2Rx444mglanjESgSD5bfEzI7KUKk2OpzAFDzsEAmzEsORL0Nw4p1lfeZv7gk_rvY2CzuSc-5HXQj5cCPKTHCofIHKA6mj9UnWLWXqMbsBDPJ1wXbdU9ZYadYa8SimLDaNoHtn3UNsuNU54NhneFIU6eluAS25YlpMQNXhzoh3yEaQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhPCPH4oS2Qd2Rx444mglanjESgSD5bfEzI7KUKk2OpzAFDzsEAmzEsORL0Nw4p1lfeZv7gk_rvY2CzuSc-5HXQj5cCPKTHCofIHKA6mj9UnWLWXqMbsBDPJ1wXbdU9ZYadYa8SimLDaNoHtn3UNsuNU54NhneFIU6eluAS25YlpMQNXhzoh3yEaQ" title="https://play.google.com/store/apps/details?id=com.displaylink.desktop.demo" alt="https://play.google.com/store/apps/details?id=com.displaylink.desktop.demo" class="original-size">
</a></p>
<p><a href="https://play.google.com/store/apps/details?id=com.displaylink.desktop.demo" target="_blank">https://play.google.com/store/apps/details?id=com.displaylink.desktop.demo</a> <br></p>
<p>DisplayLink也有為Android作業系統設計驅動程式<a href="https://play.google.com/store/apps/details?id=com.displaylink.desktop.demo">DisplayLink Desktop</a>。如果只是單純連接以DisplayLink技術的外接顯示卡,那麼的確可以安裝DisplayLink Desktop來將畫面投影到外接螢幕上。不過如果平板已經支援 DP Alt Mode,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710 擴充基座</span>似乎只會使用 DP Alt Mode 來顯示螢幕畫面。此時有沒有安裝DisplayLink Desktop都不會有影響。</p>
<p>透過以上測試可以得知,如果Android的使用者想要使用<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的話,把它當作只有單螢幕輸出功能可能比較好。畢竟目前Android作業系統幾乎沒有完善的多螢幕支援,就算<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>真的能夠輸出四個螢幕,恐怕也難以操作。</p>
<h3>只連接USB Type-A / Connecting with USB Type-A</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiiSqmSSqV51zKsjjlJjiafxqGZ5t29GBcfLO4uSORo2Bx2AiTu3YSwORo5CcC52sU5bY4nRMS86WblmXsdje5qLDbFMdSmPk_C-4_9ff542Qz91RgFk5dmV3hPiMULX1fGb7OhWbHAt8YH0xHkWTknUZcuvSEkOIg60dyaeHs8SoqBdEt7eNMjOg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiiSqmSSqV51zKsjjlJjiafxqGZ5t29GBcfLO4uSORo2Bx2AiTu3YSwORo5CcC52sU5bY4nRMS86WblmXsdje5qLDbFMdSmPk_C-4_9ff542Qz91RgFk5dmV3hPiMULX1fGb7OhWbHAt8YH0xHkWTknUZcuvSEkOIg60dyaeHs8SoqBdEt7eNMjOg" title="2024-0204-014511.png" alt="2024-0204-014511.png" class="original-size">
</a></p>
<p>最後我們來看看一種特殊的狀況:只用USB Type-A連接<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的話,可以輸出幾個螢幕呢?</p>
<p>在只連接USB Type-A的狀況下,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>只有DisplayLink技術能夠輸出螢幕。在交叉測試之後,主機端只能識別到<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>上的兩個螢幕,也就是最多延伸出兩個螢幕。但<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>此時會輸出三個螢幕。第三個螢幕會複製第一個輸出的螢幕訊號。而第四個的螢幕則不會有反應。</p>
<p>本來以為是四螢幕合併器的問題,但改接其他螢幕之後,結果還是一樣。這可能是<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>的設計吧。</p>
<p>因此如果是桌上型電腦或是沒有支援DP Alt Mode的電腦設備,看起來即使接上<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>,最多就只能輸出兩個螢幕而已。不過桌上型電腦的話,可能透過顯示卡輸出多螢幕還比較快,應該也不用硬是要接<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>啦。</p>
<hr>
<h2>方案比較:跟外接顯示卡相比 / Comparison of solutions: Compared to external graphics cards</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiBeGWZRdCbTPeoN4PNNEkOSwatmDuHUyFX_aHlzUXzDdbWLzPj3Z-QTsKP5nKCkuB2j1m-Xzu9JSq1r6ciewVvqEKEYwvxEzcQEvRsM1VGo61UEywO0KGxYQZNROi2gNQaJ-A3CTi1D_JtDaVN1Vz6YKNLaxJBMQomhGLOHMTmMLZnA0sfBx_Y2g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiBeGWZRdCbTPeoN4PNNEkOSwatmDuHUyFX_aHlzUXzDdbWLzPj3Z-QTsKP5nKCkuB2j1m-Xzu9JSq1r6ciewVvqEKEYwvxEzcQEvRsM1VGo61UEywO0KGxYQZNROi2gNQaJ-A3CTi1D_JtDaVN1Vz6YKNLaxJBMQomhGLOHMTmMLZnA0sfBx_Y2g" title="2024-0201-025747.png" alt="2024-0201-025747.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.razer.com/gaming-egpus/razer-core-x" target="_blank">https://www.razer.com/gaming-egpus/razer-core-x</a> </p>
<p>在遇到<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>之前,如果要讓筆電可以透過USB Type-C一條連接線來達到輸出四個螢幕並同時供電的話,外接顯示卡可能是相對知名的方案。</p>
<p>外接顯示卡方案必須包含外接顯示卡的擴充基座與顯示卡兩者。目前我使用的擴充基座是<a href="https://www.razer.com/gaming-egpus/razer-core-x">Razer Core X Chroma</a>,裡面安裝一張NVIDIA GeForce RTX 3060顯示卡。該顯示卡具備了1個HDMI跟3個DP連接埠。因此一樣可以輸出最多四個螢幕的訊號。Razer Core X Chroma則是透過Thunderbolt 3的eGPU技術來傳輸訊號,儘管其昂貴的價格和對顯卡性能的損耗一直為人詬病,但這是少數Linux也能夠支援的外接螢幕方案之一。</p>
<p>跟<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>相比,外接顯示卡方案的優點是能夠使用顯示卡的資源。顯示卡能夠大幅度地提升人工智慧運算的效率。即使外接顯示卡會有所損耗,但效率還是比起直接使用筆電自身CPU來得快上許多。但撇除人工智慧計算的使用之外,外接顯示卡方案就沒有其他明顯的優勢了。</p>
<p>另一方面,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>不僅同樣能夠提供四個螢幕輸出的功能,而且<span style="color: rgb(255, 0, 0); font-weight: bold;">在硬體驅動的支援上也比較穩定。</span>從軟體來看,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>使用的DP Alt Mode技術跟DisplayLink技術都相當成熟,能夠支援非常多的作業系統和硬體;外接顯示卡技術則是僅有Windows和MacOS比較穩定。雖然能在Linux使用,但仍需要克服許多設定上的問題。而且在Linux使用外接顯示卡並不支援熱插拔。只要不小心拔掉USB Type-C連接線,整臺電腦就會無法運作。但<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>則沒有這方面的問題。</p>
<p>從硬體來看,外接顯示卡必須得要使用支援Thunderbolt等級的傳輸線,但連接<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>則可以使用支援影像輸出的傳輸線即可。兩者雖然都是採用USB Type-C規格的接頭,但價格有著顯的差距。不過一般情況下,我還是會推薦直接使用商品附件的傳輸線,比較能夠確保設備的穩定。</p>
<p>除此之外,<span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="text-decoration-line: underline;">Targus Dock 710擴充基座</span>明顯較省空間</span>。跟巨大的外接顯示卡相比,<span style="text-decoration-line: underline; font-weight: bold;">Targus Dock 710擴充基座</span>大概只有它的十分之一大小,而且還能夠提供千兆網路卡、3.5mm音源孔、多個USB連接埠等多樣化的連接方式。</p>
<p>最後是價格方面。外接顯示卡方案中,光是Razer Core X Chroma的價格就是12900元。這個價格從<a href="https://mashdigi.com/razer-announced-core-x-chroma/">2019年推出</a>之後就一直是如此,價格都沒有什麼改變。近年來有很多小廠也推出了便宜的外接顯示卡方案,但品質就難以保證了。算到這裡我們還沒加上顯示卡的價格。目前NVIDIA 40系列的顯示卡大概都到了五位數的價位。也就是說,整個顯示卡方案算下來,兩萬元應該是跑不掉。</p>
<p>相較之下,<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的價格可說是物有所值啊!</p>
<hr>
<h2>購買管道與價格 / Purchase channels and prices</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhPz5v96gEJLuXrUDCKzdAeobcy73nxcM5__dG1VGFzBEF5YOUlVInk0eELFgSEdQ638X-ivo1U26p4fo8UBPeF_yFN3nsEMQomSoh9-ASARydR3hmxD2Ow_NLfXOEzr-RNDyGOPuz8eMKUKOqId99vtaETVm6pe9_XniO_GTdPN22BnePN-v7xLQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhPz5v96gEJLuXrUDCKzdAeobcy73nxcM5__dG1VGFzBEF5YOUlVInk0eELFgSEdQ638X-ivo1U26p4fo8UBPeF_yFN3nsEMQomSoh9-ASARydR3hmxD2Ow_NLfXOEzr-RNDyGOPuz8eMKUKOqId99vtaETVm6pe9_XniO_GTdPN22BnePN-v7xLQ" title="2024-0201-033415.png" alt="2024-0201-033415.png" class="original-size">
</a></p>
<p><a href="https://www.bearboss.com/SalePage/Index/9334775" target="_blank">https://www.bearboss.com/SalePage/Index/9334775</a> <br></p>
<p><span style="font-weight: bold; color: rgb(255, 0, 0);">目前<span style="text-decoration-line: underline;">Targus Dock 710擴充基座</span>的售價是臺幣13990元。</span><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710</span>已經超過運費的門檻,可以直接免運費包送到府。心動的話可以透過以下連接購買:</p>
<ul>
<li>Targus線上商店:<a href="https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW" target="_blank">https://www.mytargus.com.tw/v2/official/SalePageCategory/355888?lang=zh-TW</a> </li>
<li>熊老闆:<a href="https://www.bearboss.com/SalePage/Index/9334775" target="_blank">https://www.bearboss.com/SalePage/Index/9334775</a> </li>
</ul>
<h2>其他評測與聯繫管道 / More information</h2>
<p><iframe frameborder="0" src="//www.youtube.com/embed/-mj6AibIEbg" width="640" height="360" class="note-video-clip"></iframe></p>
<p>你可以在YouTube觀看<a href="https://www.youtube.com/watch?v=-mj6AibIEbg"><span style="font-weight: bold;">Targus Dock 710</span>的實際操作影片</a>。</p>
<p>除此之外,你還可以看看其他人的評測文章:</p>
<ul>
<li>andox0310的<a href="https://www.mobile01.com/topicdetail.php?f=116&t=6859460">Targus USB-C DV 4K 100W 多功能擴充埠(DOCK710)擴展工作生活應用</a>。</li>
<li>多尼沉睡的<a href="https://home.gamer.com.tw/artwork.php?sn=5830490">開箱|【Targus 泰格斯】DOCK710 擴充基座</a>。</li>
</ul>
<p>如果有更多問題,你可以在Facebook的Targus Taiwan 粉絲團提問:</p>
<ul>
<li>Targus | Taiwan 粉絲團: <a href="https://www.facebook.com/TargusTW/" target="_blank">https://www.facebook.com/TargusTW/</a> </li>
</ul>
<hr>
<h2>結語 / Conclusion</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEglFFGBnI_RTIP-7qihuT4HZ6aYvPmr_6FY3glE6uU-ZxCg_suKJgL9SlCkuVuOBeNj9ZXBTXvqb0FojXUTllv_HhZKikB_k6nE1FQR8Xxt7aYmh2B7qV3LRj6SGhw4w0EE5ImGM8UuT1ArblhloZX2EPOy8RJ4SeyxO0eBbNXMwZtjtbeJmyWY0Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEglFFGBnI_RTIP-7qihuT4HZ6aYvPmr_6FY3glE6uU-ZxCg_suKJgL9SlCkuVuOBeNj9ZXBTXvqb0FojXUTllv_HhZKikB_k6nE1FQR8Xxt7aYmh2B7qV3LRj6SGhw4w0EE5ImGM8UuT1ArblhloZX2EPOy8RJ4SeyxO0eBbNXMwZtjtbeJmyWY0Q" title="DOCK710USZ_MAIN1.webp.png" alt="DOCK710USZ_MAIN1.webp.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://ca.targus.com/products/usb-c-hybrid-universal-4k-quad-docking-station-with-100w-pd-dock710usz" target="_blank">https://ca.targus.com/products/usb-c-hybrid-universal-4k-quad-docking-station-with-100w-pd-dock710usz</a> </p>
<p><span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>是符合Targus品牌的商務級設備。不論是主打的四個螢幕同時輸出的特色功能,還有著USB連接埠、千兆網路卡、音源孔、防盜鎖等多樣化的連接方式。而且不僅僅只有規格上豐富的功能,其硬體配件、製造品質和整體的設計語言,都能感覺得到Targus的用心。</p>
<p>如果你想要用一條USB Type-C連接線,就能讓你的筆電(尤其是Ubuntu作業系統)連接眾多裝置,甚至能夠連上四個外接螢幕的話,那<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>絕對是你不會後悔的選擇!</p>
<p><b>
<font color="#ff0000">※ 本篇文章是與Targus Taiwan合作撰寫。</font>
</b></p>
<hr>
<p>那這篇<span style="font-weight: bold; text-decoration-line: underline;">Targus Dock 710擴充基座</span>的評測就到此為止了。文章最後要來問大家的是:在使用介面擴展塢的時候,你通常會注重那些功能呢?可以多選喔!</p>
<ul>
<li>1. USB給主機供電的功能。</li>
<li>2. USB連接埠,而且要能夠支援高速傳輸。</li>
<li>3. USB充電孔,最好能夠支援快充。</li>
<li>4. 螢幕輸出功能。HDMI、DP或是VGA都算在此項。</li>
<li>5. 網路卡。</li>
<li>6. 讀卡機。SD卡、MicroSD卡、CF卡都算在此項。</li>
<li>7. 其他:歡迎在下面留言分享你的看法喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?
今天我要向大家介紹的是Targus Dock 710擴充基座的評測文章。首先,Targus Dock 710是一款能讓筆電透過USB Type-C連接並同時外接多達四個螢幕的裝置。它支援DP Alt Mode和DisplayLink兩種技術,兼容不同的操作系統,包括Linux、Windows、MacOS和Chrome OS。
在開箱環節,我們看到Targus Dock 710配備了豐富的接口和附件,包括USB連接埠、千兆網路卡、音源孔和防盜鎖孔。它的設計旨在提供一個緊湊而功能豐富的工作站解決方案。文章中也提及了Targus Dock 710相比外接顯示卡方案的優勢,例如更佳的多系統支援、更高的便攜性和更具成本效益。
我測試了Targus Dock 710在不同設備和操作系統上的性能,包括Windows、Linux、Chrome OS和Android平板。結果顯示,儘管在Chrome OS和Android系統上存在一些限制,Targus Dock 710依然在大多數系統上表現出色,尤其在Linux系統上,其性能尤為突出。
最後,文章提到了Targus Dock 710的價格和購買途徑,並與外接顯示卡的方案進行了比較。總體來說,Targus Dock 710是一款非常適合需要多螢幕支持的專業人士和技術愛好者的產品。如果你也對這樣一款多功能的介面擴展基座感興趣,不妨考慮一下Targus Dock 710。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-59646650859414577442024-02-05T12:00:00.011+08:002024-02-05T12:00:00.415+08:00遮蔽RGB燈效讓我一覺好眠 / Blocking the Rgb Lighting Effects Allows Me to Sleep Soundly<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhVgz1wV4gGXF2Z6-MIcpe7tc4JYPp7OhVuV0-RTMM17FhoJoEf2tLkYY8wlTAK0CBuwuRCCHRjopYqeA1dNU97ubBGIcsq2-qmMziggO7cC60bbIKzaSbAud0iOwMoGwjmEDMhL6f3xcNPAaY49FHgaeEFW_IG53y83_eVVt-QOsmDCY3a8jHMYQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhVgz1wV4gGXF2Z6-MIcpe7tc4JYPp7OhVuV0-RTMM17FhoJoEf2tLkYY8wlTAK0CBuwuRCCHRjopYqeA1dNU97ubBGIcsq2-qmMziggO7cC60bbIKzaSbAud0iOwMoGwjmEDMhL6f3xcNPAaY49FHgaeEFW_IG53y83_eVVt-QOsmDCY3a8jHMYQ" title="2024-0202-210224.png" alt="2024-0202-210224.png" class="original-size">
</a></p>
<p>跟現在電競風格強調RGB燈效不同,我希望在晚上睡覺的時候,那些電子設備不要發出任何光芒。</p>
<p>Different from the current esports style that emphasizes RGB lighting, I hope that those electronic devices do not emit any light when I sleep at night.</p>
<a name='more'></a>
<hr>
<h2>帶有RGB光效的電子設備 / Electronic devices with RGB lighting effects</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjRV58CynP040xXVdBSmUpsB1vb8ForwqvuPDDDq8O73S5gZtJnt0iXqLB4xYgm3BQa50JSRUs1PAUC9_iAIyKfYq9EFoRcEREi24kwh2KL9D5pkXm6bEyWUPwS0MX913lVflOA2hFclS_TIg0600yWv5qiuGCaWRIdPBaTR4yTtSUknBHGc_uUzg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjRV58CynP040xXVdBSmUpsB1vb8ForwqvuPDDDq8O73S5gZtJnt0iXqLB4xYgm3BQa50JSRUs1PAUC9_iAIyKfYq9EFoRcEREi24kwh2KL9D5pkXm6bEyWUPwS0MX913lVflOA2hFclS_TIg0600yWv5qiuGCaWRIdPBaTR4yTtSUknBHGc_uUzg" title="2024-0202-202406.png" alt="2024-0202-202406.png" class="original-size">
</a></p>
<p>原本很多電子設備都有設計LED指示燈。這個指示燈的用意是為了告訴使用者現在設備的狀態,例如是不是正在通電中、現在NumLock是否已經開啟等等。以往這些電子設備的LED指示燈都做的很低調。低調是指當你想要注意這個設備的狀態,用眼睛看著設備時,你可能才會注意到LED指示燈現在是亮著還是沒亮。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiYN_Te3OYlZKRuspzz4bgzgmmNJgv3dwlEI_puao0koibpnTSPn9x0tHw25-lmHgXQXDrxVkNk2HStvOFrT8c8lnElqsVmtfpVaopXhEW2edrhGWLVzX61aETuv33iGFFrgHIXXQMJcCHsEVo-2C0_s2xVV4A50OH6qOGcvt6RYldoZqS-CgzYWA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiYN_Te3OYlZKRuspzz4bgzgmmNJgv3dwlEI_puao0koibpnTSPn9x0tHw25-lmHgXQXDrxVkNk2HStvOFrT8c8lnElqsVmtfpVaopXhEW2edrhGWLVzX61aETuv33iGFFrgHIXXQMJcCHsEVo-2C0_s2xVV4A50OH6qOGcvt6RYldoZqS-CgzYWA" title="2024-0202-202821.png" alt="2024-0202-202821.png" class="original-size">
</a></p>
<p>不過近年來隨著電競風格的盛行,越來越多電子設備都開始主打RGB炫光特效。這些設備雖然也是內建了LED燈泡,但並不是單純用來顯示,更多時候是像手電筒一樣地照亮周圍,製造出一種電競的氣氛。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhjli8JZwDrx2YRa8wWjEyVsQKD1n24WdRwYDabw7nySw26Lkk3cV5sVHBmfnL2Mlgr51KhFl9bPw2uPtBeC5gXpXdpZTcNe6GJdUzkTddX9HScuYP0agZdOY0N0KHWDppgRxJVZSdv7kE5WHbduX86SwR7cODb1jBF3x2M7WbwMu-Ro6tFF0jCuA" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhjli8JZwDrx2YRa8wWjEyVsQKD1n24WdRwYDabw7nySw26Lkk3cV5sVHBmfnL2Mlgr51KhFl9bPw2uPtBeC5gXpXdpZTcNe6GJdUzkTddX9HScuYP0agZdOY0N0KHWDppgRxJVZSdv7kE5WHbduX86SwR7cODb1jBF3x2M7WbwMu-Ro6tFF0jCuA" title="2024-0202-202011.png" alt="2024-0202-202011.png" class="original-size"></a><br></p>
<p>雖然說我能夠認同氛圍感的確能夠提升工作的效率和娛樂的快感,但其實我個人其實是偏向不要有那些RGB炫光的那一派。很多時候是因為電子設備的RGB炫光效果會成為我工作環境中多餘的干擾。炫光的確會吸引我的注意,但更多時候會讓我分心。</p>
<p>除此之外,電子設備的RGB燈效還會造成我另一個困擾。作為程式開發者,大多時候我的電腦都不會直接關機或休眠,而只是將螢幕關閉,電腦本身以及連接電腦的設備仍然會持續運作。而那些電子產品會因為連著電腦,而持續發出RGB的光芒。本來這些設備的LED就已經很亮了。在準備好要睡覺、關掉燈的漆黑內,那個光芒就更加顯眼。真讓我困擾。</p>
<h2>黑色膠帶 / Black tape</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEipWZFp3dz04IvrUgZeP_oRLjV21sSezfE-X9rUuy-CP48hiA5X1dXdx3-r0DZxhCwNZWMAxYLf5R1K179KuQGzszPT97yV1zyiZm-ujgxzklY3Kv2RoJ5uqU96_A7jT8_RLsfUeOmVhgabAoLSHf8DQigChx2lxwtJHcMTb7AkJHzMEKkkiuvIJg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEipWZFp3dz04IvrUgZeP_oRLjV21sSezfE-X9rUuy-CP48hiA5X1dXdx3-r0DZxhCwNZWMAxYLf5R1K179KuQGzszPT97yV1zyiZm-ujgxzklY3Kv2RoJ5uqU96_A7jT8_RLsfUeOmVhgabAoLSHf8DQigChx2lxwtJHcMTb7AkJHzMEKkkiuvIJg" title="2024-0202-201822.png" alt="2024-0202-201822.png" class="original-size">
</a></p>
<p>在2024年的年初,我終於下定決心來改善這個問題。我的做法很簡單:拿黑色膠帶把會發光的地方都蓋起來。原本我是想要買黑色的PVC絕緣膠帶,俗稱電火布,但附近的五金行並沒有黑色的款式,反而是有賣另一個種較薄的黑色塑膠膠帶。</p>
<p>當時想說反正也不貴,就買來貼貼看好了。大不了無法遮住LED光線的話,就再去找黑色電火布吧。不過實際上貼完之後的確能夠隱藏大部分的LED指示燈,能夠達到我預期的目的。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg8aN0lwf8J7ZTgN1V_0Mheu4Rlf60S2WJx7BVgPWYVtVxKrKArtjNOggHbZI1HqJQX9OQbEVcaiLvEOYuFymevFyeJgcoGymyWF_XPNkx9z-k2F9T1CdekjJu0XjR9NR9ZMuVgutZY9yPpAuVI444_8-Is3316_CkhEjkmxpdQndJfM_7vyvQ_rQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg8aN0lwf8J7ZTgN1V_0Mheu4Rlf60S2WJx7BVgPWYVtVxKrKArtjNOggHbZI1HqJQX9OQbEVcaiLvEOYuFymevFyeJgcoGymyWF_XPNkx9z-k2F9T1CdekjJu0XjR9NR9ZMuVgutZY9yPpAuVI444_8-Is3316_CkhEjkmxpdQndJfM_7vyvQ_rQ" title="2024-0202-204028.png" alt="2024-0202-204028.png" class="original-size">
</a></p>
<p>但這種薄型亮面的黑色膠帶主要有兩個缺點。第一個缺點是它太薄了,總是不小心在撕開的時候就裂成不規則的小片,也很難剪成漂亮的形狀。因此仔細一看,你還是可以看到黑色的設備上有貼上膠帶的痕跡。另一個缺點是它本身容易反光,你可以注意到環境光照在設備上的時候,膠帶部分偶爾會有些反射。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj4Pcgjxbm23lWS2xPbBeQoYbCdk7h6m8cu8Aoyq3zsN0CbZWyzXtxzHxoTQGY2gYEO6iW8nM-Eq00nB5ebl3odeBoON5dttvVP_J7LZLZcgI96sRjmKII3APv5LqYlfdNZBdIRH3nPTW_hZszd3s-z_l43rADAQeoECpyAXn-3pszBL2XYjAQlQA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj4Pcgjxbm23lWS2xPbBeQoYbCdk7h6m8cu8Aoyq3zsN0CbZWyzXtxzHxoTQGY2gYEO6iW8nM-Eq00nB5ebl3odeBoON5dttvVP_J7LZLZcgI96sRjmKII3APv5LqYlfdNZBdIRH3nPTW_hZszd3s-z_l43rADAQeoECpyAXn-3pszBL2XYjAQlQA" title="2024-0202-205411.png" alt="2024-0202-205411.png" class="original-size">
</a></p>
<p>不過幸好這兩個缺點不仔細看的話都不太明顯,至少不會對我的注意力造成干擾。更重要的是,將會發光的地方都用黑色膠帶蓋起來之後,晚上要睡覺的時候,就不會有哪些太過明顯的光線干擾了。是說我拍完照才發現原來還有這麼多光線,手機的夜拍功能比我的人眼還要敏感啊。</p>
<p>總之,這就是我在新的一年改造居家環境的一個小嘗試。祝大家新的一年都能有優質的睡眠。</p>
<hr>
<p>這篇關於RGB光效跟黑色膠帶的閒聊就到此為止了。文章最後要來問大家的是:你對RGB光效有什麼看法呢?</p>
<ul>
<li>1. 一定要有RGB,No Light No Life。</li>
<li>2. 還好。有光效很酷,沒有也無所謂。</li>
<li>3. 請給我無光版。</li>
<li>4. 其他:歡迎在下面留言,說說你的看法喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天我想跟大家分享一下我的居家改造經驗,特別是如何處理那些在夜晚特別亮眼的RGB電子設備燈光。我們都知道,隨著電競文化的興起,越來越多電子產品開始加入炫麗的RGB燈效,意在提升使用者的沉浸感和滿足視覺享受。然而,對我來說,在夜晚休息的時候,這些燈光反而成了一種干擾。
為了解決這個問題,我決定用黑色膠帶來遮蓋這些發光的部分。雖然原本我的目的是尋找能夠徹底阻隔光線的材料,但最終我選擇了一種較薄的黑色塑膠膠帶。貼上後,我發現它意外地有效,能夠隱藏大部分LED燈光,達到了我想要的效果。雖然這種膠帶有一些小缺點,比如容易撕裂和反光,但這些都不影響它在夜晚為我提供一個更加黑暗、適合睡眠的環境。
透過這個簡單的改造,我成功地減少了夜晚的光汙染,讓自己能夠在一個更加舒適的環境中休息。這個經驗也讓我意識到,有時候最簡單的解決方案可能就是最有效的。希望大家新的一年都能有優質的睡眠,享受生活中的每一刻。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-9856648006053654322024-02-03T12:00:00.009+08:002024-02-03T12:00:00.197+08:002023年「布丁布丁吃什麼?」文章統計報告 / 2023 Blog Article Statistical Report<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEirvLE9wu4P5eCYvSyAAYvhDATFY7_ZAQUYhKYkA49VAxCOKpW2Q_xL231iDhMaBhuNhcI5YssjazwEn2nch9MpN9BVA4FKLmbY6BEuZW_SNVrEqfgezHEy6b2RsIQUoniZTZWHfBnTK_mkwPWrF2yHk0sNKhFmZMHurpkwCYZDuh4Z_N8mIGoHnA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEirvLE9wu4P5eCYvSyAAYvhDATFY7_ZAQUYhKYkA49VAxCOKpW2Q_xL231iDhMaBhuNhcI5YssjazwEn2nch9MpN9BVA4FKLmbY6BEuZW_SNVrEqfgezHEy6b2RsIQUoniZTZWHfBnTK_mkwPWrF2yHk0sNKhFmZMHurpkwCYZDuh4Z_N8mIGoHnA" title="2024-0202-223407.png" alt="2024-0202-223407.png" class="original-size">
</a></p>
<p>從來沒想過最多流量的竟然是「<a href="/2023/02/choosing-a-battery-for-wireless-mouse.html">無線滑鼠的電池</a>」這篇。</p>
<p>I never thought that the post with the most traffic would be "<a href="/2023/02/choosing-a-battery-for-wireless-mouse.html">Choosing a Battery for Wireless Mouse</a>."</p>
<a name='more'></a>
<hr>
<h2>統計數據來源 / Statistics source</h2>
<p>目前「布丁布丁吃什麼?」的統計功能有三種:<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhABuVab66Lj6UHKENkmYd3lu2kauKd01PdlUl0blHUJRt_hfUNT0TLpaXjR5YYKqCihjjgZ06we0qTUOmw64PXKQh62wXXC13LnyKEc9w02MaIZQCA4Cbce0Q6vHv-eDiW4kxcs99T5sQEkkvL9VYlCOcQyBJSHXniZH3pKzjLQ_JJlXoNV6hT6w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhABuVab66Lj6UHKENkmYd3lu2kauKd01PdlUl0blHUJRt_hfUNT0TLpaXjR5YYKqCihjjgZ06we0qTUOmw64PXKQh62wXXC13LnyKEc9w02MaIZQCA4Cbce0Q6vHv-eDiW4kxcs99T5sQEkkvL9VYlCOcQyBJSHXniZH3pKzjLQ_JJlXoNV6hT6w" title="2024-0202-212205.png" alt="2024-0202-212205.png" class="original-size">
</a></p>
<p>Blogger內建的統計功能:統計數字最為確實,但分析功能較少,也不能給使用者觀看。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEikpEyn2YMQUYepO_s5sh19kzxEAfEydX7HoqDTmWCmPC545dcsfwQwSSWlJpfBpi55n1rJsvFLLQKXHqYacQVlHgWFDGuqP-cOUCnKevPxZBODjWT8o9sa6oqBv4hpkl0ooFNhuecIBr7hN_04Ix_upv90c6PXJHge1QDrZdKXlVrLp3H_zv-zqA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEikpEyn2YMQUYepO_s5sh19kzxEAfEydX7HoqDTmWCmPC545dcsfwQwSSWlJpfBpi55n1rJsvFLLQKXHqYacQVlHgWFDGuqP-cOUCnKevPxZBODjWT8o9sa6oqBv4hpkl0ooFNhuecIBr7hN_04Ix_upv90c6PXJHge1QDrZdKXlVrLp3H_zv-zqA" title="2024-0202-215048.png" alt="2024-0202-215048.png" class="original-size">
</a></p>
<p>Google Analytics:統計數字可能不太準,但它可以捕捉到其他的資訊,可供分析的資料量最多。之前Google Analytics進行了改版,我在非常久之後才實際安裝改版後的程式碼,因此2023年蒐集的資料並不完整。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi8pyZ2gP8mfac0Q81uEYrbSgUrRe8kq8Q9kdfeWq_NAKIB14frvdVcq4CplrFFervVtBh97x94eDpEcTkXsj8h0ad9dVTdya1Fk9WOyJChFYoVxVz2JQXcsAB2sCcby5KFOsQX5ib1vVRS-hL_YecAUqyHYBS5qPd26ePdIAD3yEOHb5npSQdbKg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi8pyZ2gP8mfac0Q81uEYrbSgUrRe8kq8Q9kdfeWq_NAKIB14frvdVcq4CplrFFervVtBh97x94eDpEcTkXsj8h0ad9dVTdya1Fk9WOyJChFYoVxVz2JQXcsAB2sCcby5KFOsQX5ib1vVRS-hL_YecAUqyHYBS5qPd26ePdIAD3yEOHb5npSQdbKg" title="2024-0202-212353.png" alt="2024-0202-212353.png" class="original-size">
</a></p>
<p>Google Apps Script:利用Google Sheet跟Google Apps Script開發出來的統計功能。這是我在「<a href="/2023/06/blog-changelog-add-statistic-feature.html">Blog更新:加入統計功能</a>」之後才開始加入的功能。此功能設計借鏡了<a href="https://medium.com/">Medium</a>。為了提升網頁載入的流暢度,它只能在使用者正常開啟網頁後一段時間才會開始統計。因此Google Apps Script蒐集到的統計數據遠低於前面兩者。</p>
<p>由於Google Analytics跟Google Apps Script蒐集的數據並不能完整涵蓋整個2023,在此我使用Blogger內建的統計功能來進行分析。</p>
<h2>文章統計 / Article statistic</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjkHz21t4KGAFel2SIFo7goYjLrXIteLp6SPhV2ijt_MihenvZ3go7p4vhKhlchuXK3scFvb4AI1uNU95Fn__lBlHtShGT_sEZs6c3t8G_BzDn_mb_Cg_ZJxWXFCNfg3k3YNn8BGvXbaiK3StX-zkuTgYAUnSFQJlH4VdqXqgX3eEmziLXuH3ukag">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjkHz21t4KGAFel2SIFo7goYjLrXIteLp6SPhV2ijt_MihenvZ3go7p4vhKhlchuXK3scFvb4AI1uNU95Fn__lBlHtShGT_sEZs6c3t8G_BzDn_mb_Cg_ZJxWXFCNfg3k3YNn8BGvXbaiK3StX-zkuTgYAUnSFQJlH4VdqXqgX3eEmziLXuH3ukag" title="2024-0202-212656.png" alt="2024-0202-212656.png" class="original-size">
</a></p>
<p>我在2023年總共發佈了180篇文章。去年開始我使用了排程的方式來發佈文章,我會盡可能讓每個月、甚至每週都有文章發佈。2023年的文章大多都跟自己正在進行的工作有關。這些工作包括了在授課會使用到的LibreOffice跟APA,例如「<a href="/2023/06/blog-post_211.html">LibreOffice Writer使用APA第七版圖片與表格標號最完整的做法</a>」;有些是授課時會使用的Stable Diffusion AI繪圖,例如「<a href="/2023/03/blog-post_139.html">Stable Diffusion的畫外畫功能</a>」跟「<a href="/2023/05/happy-mothers-day-practice-tostable-diffusion-latent-couple.html">母親節快樂~ Stable Diffusion Latent Couple練習</a>」;Ubuntu的操作技巧,例如「<a href="/2023/02/run-wine-with-gpu-in-ubuntu.html">Ubuntu中讓WINE用顯示卡運作</a>」;文件管理的相關技巧,例如「<a href="/2023/03/blog-post_57.html">雲端硬碟的客戶端</a>」;我日常生活遭遇的各種問題,例如「<a href="/2023/03/acusb-usb-travel-chargers-with-ac-socket.html">帶AC插座的USB旅行充電器</a>」。此外,我也一邊整理過去所做的資料,例如「<a href="/2023/07/datasetstudent-evaluation.html">教學意見回饋資料集</a>」跟「學生資料集」。同時也一邊為了備課跟演講做準備,例如「<a href="/2023/05/explainable-text-mining.html">解釋性文字探勘</a>」跟「<a href="/2023/02/blog-post_586.html">使用GitHub做定期爬蟲、保存與提供資料</a>」。還有一些文章是包含了對自己關注新聞的評論,例如「<a href="/2023/01/blog-post_09.html">Edubuntu歸來</a>」。</p>
<h2>流量分佈 / Views distribution</h2>
<p>一般常識來看,如果文章越早被發佈,理論上可以獲得更多的流量。但實際上文章的點閱數跟發佈時間並沒有很明確的關係,反而是明顯地受到文章談論主題的影響。<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEglWGlyHIya7TDTboRs6zGGnKu-GeiTMn8uPLWX5-TXily64ONt6rsbOXTe5J9J-je__0K6WRrf18WNRxSR13B5G9cnr8ABu_gkehpVvlLDaI--TM4WszC8J2JtLY9PULCqAcvKjfvyOSEBTcJ6qGxtgtfW4q6qVHYA3BxjAjYnfIqNwzDzpHSTeQ" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEglWGlyHIya7TDTboRs6zGGnKu-GeiTMn8uPLWX5-TXily64ONt6rsbOXTe5J9J-je__0K6WRrf18WNRxSR13B5G9cnr8ABu_gkehpVvlLDaI--TM4WszC8J2JtLY9PULCqAcvKjfvyOSEBTcJ6qGxtgtfW4q6qVHYA3BxjAjYnfIqNwzDzpHSTeQ" title="2024-0202-214809.png" alt="2024-0202-214809.png" class="original-size"></a><br></p>
<p>舉例來說,同樣是2023年6月發佈的文章,談論NGINX的「<a href="/2023/04/blog-post_238.html">NGINX作為反向代理伺服器的規劃</a>」跟「<a href="/2023/04/blog-post_10.html">用Docker建置具備HTTPS的NGINX反向代理伺服器:docker-HTTPS-Reverse-Proxy</a>」,明顯比談論統計的「<a href="/2023/06/is-there-any-difference-between-setting-and-for-the-dummy-variable.html">虛擬變項設0,1跟1,2有差別嗎?</a>」和CDN的「<a href="/2023/04/blog-post_601.html">讓網站接入CDN的門檻</a>」還要多人閱讀。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhdD1P2tmCzdOK6DxxSCQHDd_muhoWhkDf7jWnU5oa1A-evtgwOd76UPj8D9XiwN9iXySG9KfRzBZdu2FK1Kz9nTx_VbouoNsNNcjOLhZmL3IGNyEpKeI53y7NZcISdMc4wYPlMvDBHRlrBe38EKoTRKNbPkETzKPTC6CkAXW4Cs9MEQBXbGpBRBQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhdD1P2tmCzdOK6DxxSCQHDd_muhoWhkDf7jWnU5oa1A-evtgwOd76UPj8D9XiwN9iXySG9KfRzBZdu2FK1Kz9nTx_VbouoNsNNcjOLhZmL3IGNyEpKeI53y7NZcISdMc4wYPlMvDBHRlrBe38EKoTRKNbPkETzKPTC6CkAXW4Cs9MEQBXbGpBRBQ" title="2024-0202-215129.png" alt="2024-0202-215129.png" class="original-size">
</a></p>
<p>這裡必須要注意到「布丁布丁吃什麼?」的基本受眾。<span style="color: red; font-weight: bold; text-decoration: underline;">「布丁布丁吃什麼?」的讀者有88%都是來自於搜尋引擎。</span>雖然「布丁布丁吃什麼?」又有自動轉發到<a href="https://www.facebook.com/blog.pulipuli.info">Facebook</a> 、<a href="https://www.instagram.com/pulipulichen/">Instagram</a>、<a href="https://www.linkedin.com/in/yung-ting-chen-0b898133/recent-activity/all/">LinkedIn</a>、<a href="https://www.tumblr.com/pulipuli">Tumblr</a>等社群媒體,但追蹤人數並不多。換句話說,定期會閱讀「布丁布丁吃什麼?」的人屬於少數派,大部分的讀者都是有需要才透過搜尋引擎找到「布丁布丁吃什麼?」的文章。</p>
<h2>流量排名 / Ranking</h2>
<p>最後就讓我們看看2023年這180篇中,讀者閱讀數量最多的前10名。<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj4cbBDInJ4PpOdnNJapd0sOA7gAslLfRDHZ2uJJXOvTCzqLdSuxi3GabY7LvFUSjhKslNkvWAh3FvBDMPj0B9Aaar__5O7-5Ra60wISfs3gOiUScOYMyP0WU6BRvLl1uPpKLUC1g3MIyhqBGHEk3Eqvqj7n2_ICHCiptM7K0qpfQlGg90AJdgrjQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj4cbBDInJ4PpOdnNJapd0sOA7gAslLfRDHZ2uJJXOvTCzqLdSuxi3GabY7LvFUSjhKslNkvWAh3FvBDMPj0B9Aaar__5O7-5Ra60wISfs3gOiUScOYMyP0WU6BRvLl1uPpKLUC1g3MIyhqBGHEk3Eqvqj7n2_ICHCiptM7K0qpfQlGg90AJdgrjQ" title="2024-0202-215444.png" alt="2024-0202-215444.png" class="original-size">
</a></p>
<p>排名第10的是「<a href="/2023/01/blog-post_16.html">用JavaScript裁切圖片多餘邊緣</a>」,點閱數為1135。這篇整理了Jose Rui Santos等人提出的圖片裁切做法,目的是讓使用者直接在前端網頁就能快速裁切圖片。嚴格上來說,這篇只是整理了既有的做法,不算是原創的內容。可能是因為很多人非常關注圖片裁切的技術吧。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjrEXF8eFRrVajZBKmx-aw6RXbFUWDojAfK116LQF47K3ovW2HAe3fp0ZN63qe2Q_imSxlDpr37CMxQreRrq2eZ2NMSFqFEBA8cBBUC-zdd9W6k-MRrRwP5fVxvSrBo6eHqnhTS9gPC0Mc7YVnCpBKNixVw8VmqtXje70CmCipdklyNI10SiqBbbw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjrEXF8eFRrVajZBKmx-aw6RXbFUWDojAfK116LQF47K3ovW2HAe3fp0ZN63qe2Q_imSxlDpr37CMxQreRrq2eZ2NMSFqFEBA8cBBUC-zdd9W6k-MRrRwP5fVxvSrBo6eHqnhTS9gPC0Mc7YVnCpBKNixVw8VmqtXje70CmCipdklyNI10SiqBbbw" title="2024-0202-215604.png" alt="2024-0202-215604.png" class="original-size">
</a></p>
<p>排名第9的是「<a href="/2023/02/can-clip-interrogator-be-an-ai-indexer.html">新的圖片索引工具:CLIP Interrogator</a>」,點閱數為1165。CLIP Interrogator是Stable Diffusion 1.5模型訓練的重要工具,也是為什麼使用Stable Diffusion 1.5的時候常常要加上「1girl」等奇妙咒語的主要原因。雖然就技術上Stable Diffusion的原理是文生圖,但實際上大家訓練模型的時候,其實連文字都是用CLIP Interrogator來作圖生文。這已經是一個AI對AI互打的時代了,真是令人感慨。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhHLB4dQ5Fn8DDZbCK1sAB1z-aOd0Ic6L0zSPT1mHGLV0Z7cHrwvxkMZwXBqgSfG4G3sKs-2SAorOI73Ok3rXhsz0XyVxas1sG_WygeaHIOqX0HB-A-pKfwh3y1lUwa9Jc5EMZj67y6J5T9Io-m1B10t_6uaw-HBjLqOtW5TrkMY2IwWGgorHeRng">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhHLB4dQ5Fn8DDZbCK1sAB1z-aOd0Ic6L0zSPT1mHGLV0Z7cHrwvxkMZwXBqgSfG4G3sKs-2SAorOI73Ok3rXhsz0XyVxas1sG_WygeaHIOqX0HB-A-pKfwh3y1lUwa9Jc5EMZj67y6J5T9Io-m1B10t_6uaw-HBjLqOtW5TrkMY2IwWGgorHeRng" title="2024-0202-220319.png" alt="2024-0202-220319.png" class="original-size">
</a></p>
<p>排名第8名的是「<a href="/2023/03/blog-post_19.html">Docker的rootless模式特別麻煩</a>」,瀏覽數為1191。像我一樣主要以Linux工作的使用者並不會直接使用root帳號,因此就得要使用Docker的rootless模式來操作。相較之下,使用Windows或只是遠端操作Linux的人大多時候都會用root直接控制Linux作業系統,因此比較不會遇上rootless模式的限制。但沒想到這篇的瀏覽數量竟然這麼多,真讓我意外。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgBCzFmMZxw6LrPzcZ6UD2k5rosuac00uWYhioMnwX_LwFPX_ETAheEDg6SzGYMxTdJkyCdFAtaywJlqNrH4jWHbagq1AvY2qT-lzRajGb-dNl24iwD_uzf5XROH4zDkPsA3uXpzs_9jkrZX9K9hXtXmKzDWo-V-HY8B5hkaxUj9i8SkciToSN1Lg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgBCzFmMZxw6LrPzcZ6UD2k5rosuac00uWYhioMnwX_LwFPX_ETAheEDg6SzGYMxTdJkyCdFAtaywJlqNrH4jWHbagq1AvY2qT-lzRajGb-dNl24iwD_uzf5XROH4zDkPsA3uXpzs_9jkrZX9K9hXtXmKzDWo-V-HY8B5hkaxUj9i8SkciToSN1Lg" title="2024-0202-220628.png" alt="2024-0202-220628.png" class="original-size">
</a></p>
<p>排名第7名的是「<a href="/2023/02/blog-post_100.html">在Linux查詢NVIDIA顯示卡狀態</a>」。這篇的瀏覽數來到了1612,跟第八名有明顯的差距。這篇只是單純地提到了nvidia-smi跟nvitop兩個工具的使用方法,沒想到可以引來這麼多的流量。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhl3H73mHH2BVFwl2WhW6M1ytmlX5zUigbHnRUsZGDlvw1R9kX6KymRKM1xGagUXH7nESLKYGJ0rbmiXGAz82HlfzGd9eT7yyKClH47oAn1yrA_x3oAjQeu9VEoV3vM3Cb1UscaQ956UAetiolFobrrwQJWBBLvLgV8aV0Mn8HNkTc8jicNGXP0NQ"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhl3H73mHH2BVFwl2WhW6M1ytmlX5zUigbHnRUsZGDlvw1R9kX6KymRKM1xGagUXH7nESLKYGJ0rbmiXGAz82HlfzGd9eT7yyKClH47oAn1yrA_x3oAjQeu9VEoV3vM3Cb1UscaQ956UAetiolFobrrwQJWBBLvLgV8aV0Mn8HNkTc8jicNGXP0NQ" title="2024-0202-220851.png" alt="2024-0202-220851.png" class="original-size">
</a></p>
<p>排名第六的是「<a href="/2023/03/blog-post_790.html">插頭與插座的方向</a>」,瀏覽數為1815。這是一篇非常日常生活的問題,但卻是困擾我已久的大問題。看到這篇文章的流量能夠排名在第六名,我就覺得很欣慰,果然大家都跟我一樣啊。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjd9WIkTmWJxE34yTHAsoIr9lC0AsBgGtSIhnaixzYuyB4hq8DXZDPMdU6uXIyZXCsOZp8ZF3Bz_uKYLXmggcQ1yQ0VPbnoh5RyARn3ZCD2fCIcDe5dq-ZSardSZkZjJ-XDlCW7ZJ5-WKFWhZPxW_q_quMhwoyRPn_1Y16rbPxzNrzJqoThvuEbDg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjd9WIkTmWJxE34yTHAsoIr9lC0AsBgGtSIhnaixzYuyB4hq8DXZDPMdU6uXIyZXCsOZp8ZF3Bz_uKYLXmggcQ1yQ0VPbnoh5RyARn3ZCD2fCIcDe5dq-ZSardSZkZjJ-XDlCW7ZJ5-WKFWhZPxW_q_quMhwoyRPn_1Y16rbPxzNrzJqoThvuEbDg" title="2024-0202-221242.png" alt="2024-0202-221242.png" class="original-size">
</a></p>
<p>排名第五的是「<a href="/2023/03/blog-post_532.html">在Ubuntu安裝Stable Diffusion Web UI</a>」,瀏覽數為1818,其實跟第六名也沒有差距多少。這篇其實是跟「<a href="/2023/03/blog-post_139.html">Stable Diffusion的畫外畫功能</a>」同期撰寫的文章,兩者都獲得了不錯的流量。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg-q2W9syU2bShn40c9GHZ3INnNyRFMWkpK2nb5sSzGdKJ4wG5IRhDSHAe5e11YOW9Rh2DgGT-n4mEvnxK-UVus4dtaIjcyCmRfsue8ELcZMjgGnTUfhUfoOkGFhxMHscwlKMkbr9ebpGcyjObLZgDMPDMHfvun20fn-3LZRlb2KF1XfHW_EMZqLg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEg-q2W9syU2bShn40c9GHZ3INnNyRFMWkpK2nb5sSzGdKJ4wG5IRhDSHAe5e11YOW9Rh2DgGT-n4mEvnxK-UVus4dtaIjcyCmRfsue8ELcZMjgGnTUfhUfoOkGFhxMHscwlKMkbr9ebpGcyjObLZgDMPDMHfvun20fn-3LZRlb2KF1XfHW_EMZqLg" title="2024-0202-221410.png" alt="2024-0202-221410.png" class="original-size">
</a></p>
<p>排在第4名的是「<a href="/2023/04/blog-post_238.html">NGINX作為反向代理伺服器的規劃</a>」,瀏覽數為2099,至此以上名次都突破了2000。這篇跟傳統的NGINX設定有點不一樣,考慮了反向代理伺服器所需要的五個不同層面。我自己覺得整理得很好,能獲得如此多的流量,也是給我的一大鼓勵。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi1GgOLhYCdelbF19FhkUVEeiEd3QpLHmDGwm2LjUVTSEFKbs0_T214EsKopb9sHauJY7JGos_5TaHpCrBUInUfmsiUaYjnL7jot1zeCOCiRlrd2FZCzTdkCAHofC0iuzuNdpX6CvKuCheoLB48N5lS18J77WOqbCm0aVmgzT4SVhusHGSoCixlDQ"> <img src="https://blogger.googleusercontent.com/img/a/AVvXsEi1GgOLhYCdelbF19FhkUVEeiEd3QpLHmDGwm2LjUVTSEFKbs0_T214EsKopb9sHauJY7JGos_5TaHpCrBUInUfmsiUaYjnL7jot1zeCOCiRlrd2FZCzTdkCAHofC0iuzuNdpX6CvKuCheoLB48N5lS18J77WOqbCm0aVmgzT4SVhusHGSoCixlDQ" title="2024-0202-221849.png" alt="2024-0202-221849.png" class="original-size">
</a></p>
<p>接下來終於要進入前三名了。排行第三名的是「<a href="/2023/02/autoit-powerful-script-language-for-windows.html">用AutoIT撰寫Windows的自動化腳本</a>」,瀏覽數為2157。這篇屬於介紹性質,其實沒有太多額外的資訊。記得當初是為了開發<a href="/2024/01/how-to-use-docker-app.html">Docker APP</a>而回去使用AutoIT,不過文章中並沒有特別提及這件事。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhAa4ZmHrmX_rvv6x59OOgipRPzCqJFlpxrDeay047FYjNSl07Pa4U2uhlzUpJ1EZ-ByuI_tw_OjTntREBLGRQB2Gh_r0XI7JUKtgzcR_QRzjh-15rhRRS1_mRqfQDOchMJSISr1CXaAkIbWfuXWDNtIS-SgMjrcDnto6dqUBma9U7yRknRq-bBsQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhAa4ZmHrmX_rvv6x59OOgipRPzCqJFlpxrDeay047FYjNSl07Pa4U2uhlzUpJ1EZ-ByuI_tw_OjTntREBLGRQB2Gh_r0XI7JUKtgzcR_QRzjh-15rhRRS1_mRqfQDOchMJSISr1CXaAkIbWfuXWDNtIS-SgMjrcDnto6dqUBma9U7yRknRq-bBsQ" title="2024-0202-222109.png" alt="2024-0202-222109.png" class="original-size">
</a><br></p>
<p>第二名是「<a href="/2023/06/blog-post_211.html">LibreOffice Writer使用APA第七版圖片與表格標號最完整的做法</a>」,瀏覽數為2339。我在進入淡江任教之後就大力推廣LibreOffice。為了讓研究生寫論文更順利一些,我也將整個論文可能會用到的技巧整理成這份文章。看來這篇可能是很多學術研究者都會用到的內容,因此流量也是明顯較多。我在2024年又寫了很多LibreOffice的相關教學,希望Open Document Format能夠在臺灣越來越蓬勃發展。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj2hpzzNRPKzji3K654ge2DISi-1yCrYbZRUbQeuZLJjPqTj9IqSqep3utq5kuLqXoiWWRvoblybN-6v_VvHnPIeOLGRswNnJc2TsHtJXA5lLZbGYtYAVSfIfogN257FB-xSFQXEswLTBCBHveCQ3sX-J4meCFNQE3g2s_uFWR8jU6jI5J8leCGdg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEj2hpzzNRPKzji3K654ge2DISi-1yCrYbZRUbQeuZLJjPqTj9IqSqep3utq5kuLqXoiWWRvoblybN-6v_VvHnPIeOLGRswNnJc2TsHtJXA5lLZbGYtYAVSfIfogN257FB-xSFQXEswLTBCBHveCQ3sX-J4meCFNQE3g2s_uFWR8jU6jI5J8leCGdg" title="2024-0202-222540.png" alt="2024-0202-222540.png" class="original-size">
</a></p>
<p>最後排名第一的是「無線滑鼠的電池」。瀏覽數來到了驚人的3357,幾乎是第二名的150%。這篇也是整理了既有的資訊,並且我給出了我的選擇建議。不過我總覺得這應該是很多人本來就知道的知識了,怎麽現在還會那麼多人查詢呢?流量真的是令人難以預測啊!</p>
<hr>
<h2>結語 / In closing</h2>
<p>「布丁布丁吃什麼?」自2005年開始經營之後,目前也已經走到了第19個年頭。經歷了Blog、短文為主的社群媒體、影音為主的創作平台,現在來到了以演算法主導的短影音時代,但「布丁布丁吃什麼?」依然是以圖文形式記錄著各種我所關心的事情。這是因為文字是所有載體中,最容易被人索引與檢索的類型。</p>
<p>我不指望這些內容能讓大眾喜愛,但會只要對這世界上的某個人有所幫助,那就夠了。<br></p>
<hr>
<p>這篇「布丁布丁吃什麼?」2023年的文章統計就到這邊結束了。文章最後的問題是:你是因為什麼緣故才發現「布丁布丁吃什麼?」呢?</p>
<ul>
<li>1. 搜尋引擎找到的。<br></li>
<li>2. 看到有人在轉貼,我就過來看看了。</li>
<li>3. 布丁我認識啊,來捧場一下。</li>
<li>4. 其他:歡迎在下面留言,分享你的意見喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?
今年,我想跟大家分享一下我個人網誌「布丁布丁吃什麼?」在2023年的表現。這個平台從2005年開始,到現在已經是第19個年頭,見證了從Blog時代到現在短影音內容為王的轉變。但我依然堅持以圖文記錄我關心的事情,因為文字是最容易被索引和檢索的。
去年,我發布了180篇文章,覆蓋了從教學應用、技術分享到日常生活的各個面向。文章的流量分布顯示,並非發布時間越早的文章流量就越高,而是受到文章主題影響很大。我們來看看流量排名前十的文章,它們涵蓋了從技術解決方案到生活小知識的各種主題,顯示出讀者的多樣化需求。
意外的是,「無線滑鼠的電池」這篇文章竟然成為了全年閱讀數量最多的文章。這讓我感到非常驚訝,也讓我意識到,有時候那些我們認為平凡無奇的資訊,可能正是大家最需要的。
經過這麼多年,我意識到我的寫作並不是為了迎合大眾,而是希望能對這世界上的某些人有所幫助。即使是在現今這個以影音內容為主的時代,我相信文字仍有其獨特的價值和意義。謝謝大家的支持,讓我們一起期待「布丁布丁吃什麼?」接下來的旅程。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-23870040719679662972024-01-29T12:00:00.008+08:002024-01-29T12:00:00.137+08:00如何使用Docker APP? / How to Use Docker APP?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgqT1uh0wRrBAluXD9azRvB4JNDYt9BsOFkez2ib1SdK9b4-LugZB8K-t6C70atDr12ZFZ3QCqtNQx_vNnNX6-Iaq1WtS5KCeopxI9-F_cDy7rs9EjHnbsw1sbYKLVvA1MoNjjiUIhp3NVYnPtrAEWO92q4rxnDJ4qR19WCkjFY6DXFrFZJxsEafQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgqT1uh0wRrBAluXD9azRvB4JNDYt9BsOFkez2ib1SdK9b4-LugZB8K-t6C70atDr12ZFZ3QCqtNQx_vNnNX6-Iaq1WtS5KCeopxI9-F_cDy7rs9EjHnbsw1sbYKLVvA1MoNjjiUIhp3NVYnPtrAEWO92q4rxnDJ4qR19WCkjFY6DXFrFZJxsEafQ" title="2024-0119-235133.png" alt="2024-0119-235133.png" class="original-size">
</a></p>
<p>你可以在線上透過Colab使用Docker APP,也可以在本機端使用Docker APP喔。</p>
<a name='more'></a>
<hr>
<h2>什麼是Docker APP? / What is Docker APP</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEikWkyuYZr52C0-FS8memVsal4cUwFya_IL0i53Akd6IshEGOJCWyi4ZHmxsI_cA5jbxIcWTzur2VHHLEAMAcZKAqu6T3Jp-KjeCZyTKgLZoboG70BbEdIYyiSt-ACAV3HS2T9hf1j-KZXoxZfIJR-h1KbrYDzZEORUd0oIzlevrN5bka1RlS-09Q"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEikWkyuYZr52C0-FS8memVsal4cUwFya_IL0i53Akd6IshEGOJCWyi4ZHmxsI_cA5jbxIcWTzur2VHHLEAMAcZKAqu6T3Jp-KjeCZyTKgLZoboG70BbEdIYyiSt-ACAV3HS2T9hf1j-KZXoxZfIJR-h1KbrYDzZEORUd0oIzlevrN5bka1RlS-09Q" title="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" alt="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" class="original-size"></a><br></p>
<p><a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" target="_blank">https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG</a></p>
<p>Docker APP是我以Docker容器虛擬化技術包裝建立的跨平臺工具種類。Docker APP通常用於檔案格式的轉換或是資料分析上。如果我在工作時需要對檔案執行一連串的資料處理動作,通常我就會把它做成Docker APP,下次就能一口氣自動地轉換與分析,並直接產生處理後的結果。</p>
<p>舉例來說,「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」就是將PDF檔案轉換成SVG、裁邊、再轉換成EMF跟PNG的格式。有些Docker APP還能直接用來架站,例如「<a href="https://github.com/pulipulichen/docker-web-Apache-Solr">docker-web-apache-solr</a>」就能直接架設Apache Solr全文檢索引擎,並且直接用Cloudflare建立臨時的公開網址。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgxatfrG4HHVQFUF3GPKgkbPr7iPKynSNlkQEOZmO4ML9zk72esTBqoXUSuAV-tvxv9rx9c2R1cWv5NPAUq8hGwKs65GN8ETPc4Kcm39ibWIarq2mwj_F349LSG86WHliLnLYBHjhX3IGUNpeUNr10wCRPrqQ9ApBq9ZEZuoI-KJf6cQ1qgSxmcLA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgxatfrG4HHVQFUF3GPKgkbPr7iPKynSNlkQEOZmO4ML9zk72esTBqoXUSuAV-tvxv9rx9c2R1cWv5NPAUq8hGwKs65GN8ETPc4Kcm39ibWIarq2mwj_F349LSG86WHliLnLYBHjhX3IGUNpeUNr10wCRPrqQ9ApBq9ZEZuoI-KJf6cQ1qgSxmcLA" title="2024-0119-233013.png" alt="2024-0119-233013.png" class="original-size">
</a></p>
<p>在我的GitHub裡搜尋「docker-app」即可找到更多Docker APP。網址如下:</p>
<p><a href="https://github.com/pulipulichen?tab=repositories&q=docker-app&type=&language=&sort=">https://github.com/pulipulichen?tab=repositories&q=docker-app&type=&language=&sort=</a><br></p>
<p>Docker APP並不是單純的腳本檔,而是將所有會用到的環境、軟體都包含到Docker映像檔的工具。因此Docker APP可以在能夠安裝Docker環境的本機端上執行,包括了Linux、Windows、Mac OS等電腦環境。此外,Docker APP也能夠在Google提供的Colab平臺上執行。在Colab執行Docker APP時只需要瀏覽器,不用另外安裝Docker環境,因此即使是手機或平板電腦也可以透過Colab執行Docker APP。</p>
<p>接下來我們就來看看怎麽使用Docker APP吧。</p>
<hr>
<h2>在Colab使用Docker APP / Use Docker APP in Colab</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjeOR0RYqGkAK7-xeioGGev_xFw52eXb1E3cUF5aPt2nWdAm4aNhsOP0VgShSs6AgFQ3IDyF0jN4WKwnbs9ospNZd0Iwf_tDMIqYH6SgxSHF5k576Hxfih9TcHRrWankxzXlSIn1rjtMiVRbDb80DQnGTq9RRdkYpq7BqLc_p4HtlTkrWn5i8UYKQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjeOR0RYqGkAK7-xeioGGev_xFw52eXb1E3cUF5aPt2nWdAm4aNhsOP0VgShSs6AgFQ3IDyF0jN4WKwnbs9ospNZd0Iwf_tDMIqYH6SgxSHF5k576Hxfih9TcHRrWankxzXlSIn1rjtMiVRbDb80DQnGTq9RRdkYpq7BqLc_p4HtlTkrWn5i8UYKQ" title="2024-0119-223354.png" alt="2024-0119-223354.png" class="original-size">
</a></p>
<p>通常我會在Docker APP的README.md裡面註明Colab的網址。舉例來說,「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」的Colab網址如下:</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjSqcBryVCQML8UFeQbYXXZ_QADSTufVVE-o6B0EXc3g3PYeOvYH2SCxr5GYg3_Tan9O2H85aJDtFWozvtQPYSZ_JdvklUcFK2OIdS7c9dYVdB_QaH563hoAu3W-5fSUEXIHQWa5UYkQmmB1xGDgYVTG8KZ3e2bBtvXKiNEJ7h84fmdXOEvphu-rg"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjSqcBryVCQML8UFeQbYXXZ_QADSTufVVE-o6B0EXc3g3PYeOvYH2SCxr5GYg3_Tan9O2H85aJDtFWozvtQPYSZ_JdvklUcFK2OIdS7c9dYVdB_QaH563hoAu3W-5fSUEXIHQWa5UYkQmmB1xGDgYVTG8KZ3e2bBtvXKiNEJ7h84fmdXOEvphu-rg" title="2024-0119-223704.png" alt="2024-0119-223704.png" class="original-size">
</a></p>
<p><a href="https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing" target="_blank">https://colab.research.google.com/drive/1QCoI7jq8OPvIoNfBItxD6w_gW7ab3jAT?usp=sharing</a></p>
<p>接著我們就以「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」的Colab作為例子,說明如何在Colab上使用Docker APP。</p>
<h3>Step 1. 登入 / Login</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiAbYreEJnuuyPtI29tYEz9UPG3ZdEoOlzu1SpP7MlW_yNPA-GmZzutas62-Pmg9SlpWGSKp5SkZgLGVTG9GGaDN0BqOwsiAhdvYt4ji8sMsO3zA21G0VJosBGkjbheaA1Fo5xJq1YBCuZ8zsxZFCdc6ULbH96CSUuLEB8xGTzLimYs0IRYxxUwKg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiAbYreEJnuuyPtI29tYEz9UPG3ZdEoOlzu1SpP7MlW_yNPA-GmZzutas62-Pmg9SlpWGSKp5SkZgLGVTG9GGaDN0BqOwsiAhdvYt4ji8sMsO3zA21G0VJosBGkjbheaA1Fo5xJq1YBCuZ8zsxZFCdc6ULbH96CSUuLEB8xGTzLimYs0IRYxxUwKg" title="2024-0119-223818.png" alt="2024-0119-223818.png" class="original-size"></a></p>
<p>如果你還沒登入的話,第一件事情是登入你的帳號。使用免費的Google帳號即可。</p>
<p>如果已經登入的話,就直接進入下一步吧。</p>
<h3>Step 2. 上傳檔案 / Upload file</h3>
<p>我們的範例檔案是「派架導航員」的系統架構圖PDF檔案。你可以在下面的連結取得PDF檔案的備份:</p>
<ul>
<li>檔案備份:<a href="https://drive.google.com/file/d/1LEDKl6BzzhwfLm--JA-ogJKytEX_ka-h/view?usp=drive_link" target="_blank">Google Drive</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/01/%E6%B4%BE%E6%9E%B6%E5%B0%8E%E8%88%AA%E5%93%A1%20%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B%E5%9C%96.drawio.pdf" target="_blank">GitHub</a>、<a href="https://1drv.ms/b/s!AjpBE212arKQgUs7qDyegPFUclwN?e=mv5NFS" target="_blank">One Drive</a>、<a href="https://mega.nz/file/xf9CUJIA#DDSaBILdnXoppIrvJgkbC9jTBwThhNqMGppNliPhNpY" target="_blank">Mega</a>、<a href="https://app.box.com/s/q7cnxp9tydmf31d2eq446ernw2sh6h65" target="_blank">Box</a>、<a href="https://www.mediafire.com/file/w2enq7iqlq3thov/%25E6%25B4%25BE%25E6%259E%25B6%25E5%25B0%258E%25E8%2588%25AA%25E5%2593%25A1_%25E7%25B3%25BB%25E7%25B5%25B1%25E6%259E%25B6%25E6%25A7%258B%25E5%259C%2596.drawio.pdf/file" target="_blank">MediaFire</a>、<a href="https://e.pcloud.link/publink/show?code=XZy21eZ9jge2PEbWLBHuYRb6Fgk5H0OkxGk" target="_blank">pCloud</a>、<a href="https://cloud.degoo.com/share/b4FO-JllXL5iQgez-N04xg" target="_blank">Degoo</a>、<a href="https://www.4shared.com/s/fMDhLiD-gjq" target="_blank">4shared</a>、<a href="https://www.asuswebstorage.com/navigate/a/#/s/0F20CD84DC6B40369EEAE8FAA0156FCCY" target="_blank">ASUS WebStorage</a></li>
</ul>
<p>接著進行以下操作:</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi6y14VA3e3rgyBmqbKSfdf58KLKaZRJGU7WWyKtMS7jIpDATww33p2tP_-q-NVFTeKYQHK1rEwVhksjMmeNlPrl8LIPLGdIYMJNWLg2uCkqKp4j0UrkwFXTE8DOTKvY4smjm2rZHWPaMxSfKgv-oVOgTkf6BAnddSLQWC8sy-tWgEuo73xYatkcg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi6y14VA3e3rgyBmqbKSfdf58KLKaZRJGU7WWyKtMS7jIpDATww33p2tP_-q-NVFTeKYQHK1rEwVhksjMmeNlPrl8LIPLGdIYMJNWLg2uCkqKp4j0UrkwFXTE8DOTKvY4smjm2rZHWPaMxSfKgv-oVOgTkf6BAnddSLQWC8sy-tWgEuo73xYatkcg" title="2024-0119-224034.png" alt="2024-0119-224034.png" class="original-size">
</a></p>
<ol>
<li>開啟「Files」。</li>
<li>按下「Upload to session storage」。</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhnyGU9D3N14wiWJDzNKRowiF3PazMSJvZbTZBuqN0YdhKw5AO3mFcAZTh1Bhh7bhF2g3RonHMbIALQogl3T033wShaX9P_kmVwDg_Br3ngGFyAq4gwM_GYa39yEkMjza_9v8mQL2MUduMAF2U1kRNyyH7q1aVcq1eWL4TiEC192s2OEWhqx2qNFA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhnyGU9D3N14wiWJDzNKRowiF3PazMSJvZbTZBuqN0YdhKw5AO3mFcAZTh1Bhh7bhF2g3RonHMbIALQogl3T033wShaX9P_kmVwDg_Br3ngGFyAq4gwM_GYa39yEkMjza_9v8mQL2MUduMAF2U1kRNyyH7q1aVcq1eWL4TiEC192s2OEWhqx2qNFA" title="2024-0119-224141.png" alt="2024-0119-224141.png" class="original-size">
</a></p>
<p>選擇欲處理的檔案。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEinLzkff_lE-BI_QOS8FmrclOrmtB7spG4q5TiTz0_xhSDdumdelIh6AvCHA7aTnp-zKENgtTLSQyE6B4CGiTDRP-PKa70dcTFYSl0EIPhdDz1hVim6qNxWv4NR968mH3Z2fCXL5Qd4agdpdnkEnAvjTpWnGuVgwapzHpPjj30yZXmv5f8_hy40hg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEinLzkff_lE-BI_QOS8FmrclOrmtB7spG4q5TiTz0_xhSDdumdelIh6AvCHA7aTnp-zKENgtTLSQyE6B4CGiTDRP-PKa70dcTFYSl0EIPhdDz1hVim6qNxWv4NR968mH3Z2fCXL5Qd4agdpdnkEnAvjTpWnGuVgwapzHpPjj30yZXmv5f8_hy40hg" title="2024-0119-224213.png" alt="2024-0119-224213.png" class="original-size">
</a></p>
<p>此時Colab會跳出「Warning」警告。這個意思是上傳的檔案會在Colab的執行機器關機後刪除,提醒你要保留檔案。按下「OK」即可。這個警告只會第一次上傳的時候出現。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjARVCdkEqN6gT8pIKCu7fT8Mw0f-2Yizhe45p1OIs5oStk0F1dB9hfrhwTTVpTXYS79PJiOicggxnxnm0y9gs4q5Rh5r3C9PR4OrB-91OcyU0pUn7txTEJPnKEknvC0PSsXIi6S1UDWk5k13cdqXq4zv-M4lYOG60Vtm9Vap48v0uqT9yVStio9A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjARVCdkEqN6gT8pIKCu7fT8Mw0f-2Yizhe45p1OIs5oStk0F1dB9hfrhwTTVpTXYS79PJiOicggxnxnm0y9gs4q5Rh5r3C9PR4OrB-91OcyU0pUn7txTEJPnKEknvC0PSsXIi6S1UDWk5k13cdqXq4zv-M4lYOG60Vtm9Vap48v0uqT9yVStio9A" title="2024-0119-224332.png" alt="2024-0119-224332.png" class="original-size">
</a></p>
<p>確認檔案已經上傳到Files裡面,就算是完成了。</p>
<p>當然,你也可以用拖曳檔案的方式,從另一個視窗將檔案拖到Colab來上傳。但是要小心,不要傳到「sample_data」裡面了。</p>
<h3>Step 3. 執行 / Run</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjthYt36_ndIqVEg6c711_BamXp1IadQs2sU7UAN8Fn20mpGl6nCb7wYOt0-3TaorD5Dn4QT_1Qa6FrDmRgYuByAnFaInUojYXIaal7d2eV48QspHGCufD8_5Lab5voPf39Gy167EqHBb0ahWzgyn38hHg370wIiVyPiJFDQ43tUxaeR-6qcUIxNg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjthYt36_ndIqVEg6c711_BamXp1IadQs2sU7UAN8Fn20mpGl6nCb7wYOt0-3TaorD5Dn4QT_1Qa6FrDmRgYuByAnFaInUojYXIaal7d2eV48QspHGCufD8_5Lab5voPf39Gy167EqHBb0ahWzgyn38hHg370wIiVyPiJFDQ43tUxaeR-6qcUIxNg" title="2024-0119-224431.png" alt="2024-0119-224431.png" class="original-size"></a></p>
<p>接著進行以下操作:</p>
<ol>
<li>在導覽列進入「Runtime」。</li>
<li>按下「Run all」。</li>
</ol>
<p>你也可以按「Ctrl + F9」快速鍵來執行。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgs7wasPZbRtmOOkfiWdzccradWQC2I7VtU0RseTtJJ2IRyafgV6fxmZNZavsOU0yRQFQ_7iLxTcROsdvGXI_Igk4OyCy4u7KCJzJ8YxcpSpgCYPqpVWJaLCwRP45MivyD5G-9s_kMgVWZhXpBLQt0X7HoOQ25l7jD5DV3gX2UwCxelQM3P_hK97A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgs7wasPZbRtmOOkfiWdzccradWQC2I7VtU0RseTtJJ2IRyafgV6fxmZNZavsOU0yRQFQ_7iLxTcROsdvGXI_Igk4OyCy4u7KCJzJ8YxcpSpgCYPqpVWJaLCwRP45MivyD5G-9s_kMgVWZhXpBLQt0X7HoOQ25l7jD5DV3gX2UwCxelQM3P_hK97A" title="2024-0119-224532.png" alt="2024-0119-224532.png" class="original-size">
</a></p>
<p>此時可以看到下方的資訊列出現了「Executing」的字樣,表示Docker APP正在執行中。第一次執行會花比較久的時間。</p>
<h3>Step 4. 取得結果 / Get Output</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgD6dYNoLdXUtG_YIB_dE5uDyXa2KNUqT8rMMA6H53YHv5MSHp3BH3cGDn8r8mj7VgpWdzEWRBQhtXmuFf0N42RABnYe4tYyA1dA_ra0Q-4YVM7INgvCqGsnK8fjnfvt5PbZcHXrhSvHpHkJIXV5LIs_kSIPVMka-MkA2lCz9cNEKt-hof4YcWK8g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgD6dYNoLdXUtG_YIB_dE5uDyXa2KNUqT8rMMA6H53YHv5MSHp3BH3cGDn8r8mj7VgpWdzEWRBQhtXmuFf0N42RABnYe4tYyA1dA_ra0Q-4YVM7INgvCqGsnK8fjnfvt5PbZcHXrhSvHpHkJIXV5LIs_kSIPVMka-MkA2lCz9cNEKt-hof4YcWK8g" title="2024-0119-224741.png" alt="2024-0119-224741.png" class="original-size">
</a></p>
<p>注意一下地方:</p>
<ol>
<li>當資訊列出現「completed at」的訊息時,表示Docker APP已經執行完成。</li>
<li>Files裡面新增了「output」資料夾。</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjS-MZiqmjVKt4YPVhFXhRFjFsf-OGManGi4hA4BPJHrfFNIrqC4Rbbmhq84voBeeE6lWdYRkrdGbLUpcxMSCHzLH6gse7lKWK11R3PrVAm8dU-YM2cr_CKP4_nJsl0r3XxdzeoEG8w7UuQNp77nEM9kYQewo8ZB1rQ0OcrGHpcrm4EU9h5yRJGxg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjS-MZiqmjVKt4YPVhFXhRFjFsf-OGManGi4hA4BPJHrfFNIrqC4Rbbmhq84voBeeE6lWdYRkrdGbLUpcxMSCHzLH6gse7lKWK11R3PrVAm8dU-YM2cr_CKP4_nJsl0r3XxdzeoEG8w7UuQNp77nEM9kYQewo8ZB1rQ0OcrGHpcrm4EU9h5yRJGxg" title="2024-0119-224841.png" alt="2024-0119-224841.png" class="original-size">
</a></p>
<p>如果有看到資訊列的「completed at」訊息,卻看不到「output」資料夾的話,可以按「Refresh」按鈕讓檔案狀態重新整理一下。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg_hFZoLEkbDl4cbPGspq1LyxmcV-vWk97TwbbbyDqFsog24WEtQFz5LGUoVWQJVQKYB_rY1PR8yZ6Y5arizYzlYQRWbCNmdpATglfH0wNLwk92nj5eV_QIJNkNYj05chxKaM3zIldrhiHQjqQBx-gJYihCk-7INiUrpE8biIYNYMtQe3k-LLf6NQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg_hFZoLEkbDl4cbPGspq1LyxmcV-vWk97TwbbbyDqFsog24WEtQFz5LGUoVWQJVQKYB_rY1PR8yZ6Y5arizYzlYQRWbCNmdpATglfH0wNLwk92nj5eV_QIJNkNYj05chxKaM3zIldrhiHQjqQBx-gJYihCk-7INiUrpE8biIYNYMtQe3k-LLf6NQ" title="2024-0119-224945.png" alt="2024-0119-224945.png" class="original-size">
</a></p>
<p>點選「output」資料夾可以檢視裡面的檔案。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiVvFXo67SBo8BR_J5QgZ1VWW_kwWT_B9DUmlHLZkNuqCgzvmAsIhXhp_5U5mVihw9ICHO3qi-Y5RIMkD8GN__uA0jPLm2bvKsEryDwZt9d0xssFsHkmeCZGf3zeYJCYRSEB8P3lQ4FSLItvCnEWFSEWQk1UvOUgTF6OELi-XZ3l7seXOMwuMapNA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiVvFXo67SBo8BR_J5QgZ1VWW_kwWT_B9DUmlHLZkNuqCgzvmAsIhXhp_5U5mVihw9ICHO3qi-Y5RIMkD8GN__uA0jPLm2bvKsEryDwZt9d0xssFsHkmeCZGf3zeYJCYRSEB8P3lQ4FSLItvCnEWFSEWQk1UvOUgTF6OELi-XZ3l7seXOMwuMapNA" title="2024-0119-225013.png" alt="2024-0119-225013.png" class="original-size">
</a></p>
<p>在需要的檔案上按右鍵或旁邊的「...」即可出現選單,按「Download」就能下載檔案。</p>
<h3>Step 5. 處理另一個檔案 / Change another file</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgyJbJITs1CP7SIRBcgPsjVO50gXJgXZOQEjuQrmD26_CZ62HjERXZ3Frcf_J5fWxbMZn1pXf1M5MXX8eEdTRmsjxWB3Rc8rn-AtMpM64-w4kz3twhvmABJWnPu_LTamkt1o4fWtGxpSCU1fo35Fz6h8zF2zqBOQHjLDdmgdYq_Riezs825PI1oPA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgyJbJITs1CP7SIRBcgPsjVO50gXJgXZOQEjuQrmD26_CZ62HjERXZ3Frcf_J5fWxbMZn1pXf1M5MXX8eEdTRmsjxWB3Rc8rn-AtMpM64-w4kz3twhvmABJWnPu_LTamkt1o4fWtGxpSCU1fo35Fz6h8zF2zqBOQHjLDdmgdYq_Riezs825PI1oPA" title="2024-0119-225209.png" alt="2024-0119-225209.png" class="original-size">
</a></p>
<p>如果你要處理另一個檔案的話,你可以直接上傳另一個需要處理的檔案。但如果你不想要Docker APP處理的結果混在一起,那麼也可以先先移除掉既有的檔案。做法如下:</p>
<ol>
<li>在之前的檔案上按右鍵,出現選單。</li>
<li>選擇「Delete file」</li>
</ol>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhmcF9PwNxpUOvPy8jtsHf9CSwSj1kTiThKJELfgCfATfH81L_TXb1gBZw0oLvSvkObql0uyCdoT8dqaM2Y-teUOqA6CtW-LqB8pybw6BwDFrMiFKxX3X9iLf3Xj41v1xRJWS59j6DHtOk7puP_PMpOw0LM8pcfMbI1iv7B5cV_sGdtD-Fya-5ydA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhmcF9PwNxpUOvPy8jtsHf9CSwSj1kTiThKJELfgCfATfH81L_TXb1gBZw0oLvSvkObql0uyCdoT8dqaM2Y-teUOqA6CtW-LqB8pybw6BwDFrMiFKxX3X9iLf3Xj41v1xRJWS59j6DHtOk7puP_PMpOw0LM8pcfMbI1iv7B5cV_sGdtD-Fya-5ydA" title="2024-0119-225334.png" alt="2024-0119-225334.png" class="original-size">
</a></p>
<p>出現警告訊息,按「OK」確認。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiPajwSGsjnWeGkIyp017WoiQw_3ClOHh6DmlxuvFb5KziBnYusswxk_DGcHTPDOkrQn3rgD1GsqDz-vXeQ5zc9_olqEOgEYdXvF-Pntk3h4woXc3wrMgazHFXwPzTjYhsNvqcCEB76bLO0E55CvtQfGCTJPAHAwtLbvpJB1XH89OoWmQuzAWd0yg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiPajwSGsjnWeGkIyp017WoiQw_3ClOHh6DmlxuvFb5KziBnYusswxk_DGcHTPDOkrQn3rgD1GsqDz-vXeQ5zc9_olqEOgEYdXvF-Pntk3h4woXc3wrMgazHFXwPzTjYhsNvqcCEB76bLO0E55CvtQfGCTJPAHAwtLbvpJB1XH89OoWmQuzAWd0yg" title="2024-0119-225517.png" alt="2024-0119-225517.png" class="original-size">
</a></p>
<p>確認檔案已經刪除了。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjwP6N9tFRuhA1PvGw7CG49BIeWsZkS0kfWgz8mJ52o9nMVgn_-J486oYcd0R2aizgew5CWz8xY9vehVxIJitazL4HAV629olkzC0pQJoYAY1gMy3kV9ETRPR20oLYYVpOC6uieLheIlF2u8usXEnqYi8cAkvmCrcO9o4j4Dr8QRZVyADjvRNAjyg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjwP6N9tFRuhA1PvGw7CG49BIeWsZkS0kfWgz8mJ52o9nMVgn_-J486oYcd0R2aizgew5CWz8xY9vehVxIJitazL4HAV629olkzC0pQJoYAY1gMy3kV9ETRPR20oLYYVpOC6uieLheIlF2u8usXEnqYi8cAkvmCrcO9o4j4Dr8QRZVyADjvRNAjyg" title="2024-0119-225734.png" alt="2024-0119-225734.png" class="original-size">
</a></p>
<p>接下來你就可以回去以Step 2到Step 4的步驟重新操作,並取得另一個檔案的處理結果。</p>
<hr>
<h2>如何在本機端使用Docker APP? / How to use Docker APP in local computer?</h2>
<p>除了在Colab使用Docker APP之外,你也可以在本機端使用Docker APP。再處理較大的檔案時,可以省下跟Colab之間上傳與下載檔案的時間。如果你的電腦等級不錯的話,執行Docker APP的速度也會比Colab還要快。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhkhoEo0Mj7-itW-V5U0Sx3wab-GrHVnHHnjICMdEOqqAv5OVscZ1WW23nuzMMuTsaTGFkKLJOUk-e1oJiign5vxYv8pS-5X_-eapMbYl92xJN1ob5Q0mP4cRUQeZxMXSCPAmbOMjZsQlOSeIMgC3iAVVGq8UjraizbnVOnh3IgrtNrHtJG3zc3eA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhkhoEo0Mj7-itW-V5U0Sx3wab-GrHVnHHnjICMdEOqqAv5OVscZ1WW23nuzMMuTsaTGFkKLJOUk-e1oJiign5vxYv8pS-5X_-eapMbYl92xJN1ob5Q0mP4cRUQeZxMXSCPAmbOMjZsQlOSeIMgC3iAVVGq8UjraizbnVOnh3IgrtNrHtJG3zc3eA" title="Peek_2024-01-19_23-44.gif" alt="Peek_2024-01-19_23-44.gif" class="original-size">
</a></p>
<p>一旦設定完成,Docker APP就能直接跟作業系統整合在一起。你可以直接用Docker APP開啟檔案,然後轉換後的檔案就會出現在旁邊了。</p>
<h3>注意事項 / Warning</h3>
<p>要在本機端執行Docker APP的門檻不低,常常有很多限制。目前我的Docker APP主要是針對x86核心的Linux桌上型電腦開發,我大多時候也只確認它能在Linux和Colab上能夠運作。Windows或Mac OS可能運作起來會有些問題。如果你電腦的CPU不是使用x86架構,那可能會遭遇更多問題。不過還好Mac OS上有轉換套件可供使用,目前執行下來大致上都沒什麼問題。</p>
<p>在本機執行Docker APP的另一個問題是Docker APP非常佔檔案空間。因為Docker容器技術是將所有要用到的工具都封裝在特定檔案中,而這些檔案又得在你的電腦執行。以「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」為例,映像檔本身即佔據了435.29 MB的檔案大小。部分更複雜的Docker APP甚至可能會佔用到1GB以上。</p>
<p>如果你的電腦等級或空間不夠的話,建議先嘗試在Colab上執行Docker APP即可。</p>
<h3>取得Docker APP執行檔案 / Get Script or Executable File</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjLMfdtyhyfP2Ja2JYlNXTq8waJSyqGSljw4Irbu0MQ82xQAds0WqkLJWnGO3uQf4XdOpj86MinmumxIpnhPwbujOraWZOmg0nvzro2DM9JaFrzlcxSJ5iIjJeLzVdi_ul0nmZydh9hH6jIINnUGCpzxh2bc-CFkvGSC6yIwTSds_-u-ZoMY9wcnQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjLMfdtyhyfP2Ja2JYlNXTq8waJSyqGSljw4Irbu0MQ82xQAds0WqkLJWnGO3uQf4XdOpj86MinmumxIpnhPwbujOraWZOmg0nvzro2DM9JaFrzlcxSJ5iIjJeLzVdi_ul0nmZydh9hH6jIINnUGCpzxh2bc-CFkvGSC6yIwTSds_-u-ZoMY9wcnQ" title="2024-0119-230403.png" alt="2024-0119-230403.png" class="original-size">
</a></p>
<p>如果要在本機端執行Docker APP的話,通常我會在Docker APP的README.md裡面註明Windows、Linux跟Mac OS執行檔案的下載網址。以「<a href="https://github.com/pulipulichen/docker-app-PDF-to-Crop-SVG" style="font-weight: 400; background-color: rgb(255, 255, 255);">docker-app-PDF-to-Crop-SVG</a>」為例子來說,它們的執行檔案下載網址如下:</p>
<ul>
<li>For Windows: <a href="https://pulipulichen.github.io/docker-app-PDF-to-Crop-SVG/bin/pdf-to-svg.exe" target="_blank">https://pulipulichen.github.io/docker-app-PDF-to-Crop-SVG/bin/pdf-to-svg.exe</a> </li>
<li>For Linux and Mac OS: <a href="https://pulipulichen.github.io/docker-app-PDF-to-Crop-SVG/bin/pdf-to-svg.sh" target="_blank">https://pulipulichen.github.io/docker-app-PDF-to-Crop-SVG/bin/pdf-to-svg.sh</a> </li>
</ul>
<p>接下來要依照作業系統的不同,而有不同的處理方法。<br></p>
<hr>
<h3>在Linux作業系統執行Docker APP的執行檔案 / Run Docker APP in Linux</h3>
<h4>下載檔案 / Script</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjbikxwmlKTqzHcOmZ-ocbHyADCs9ogMAr_t77JmmrbPxxsZ4nNBUOl9nIor2v3xa917d4UeWKgFkFP9bG_n0kZbXRLSf-fxD0NvugrpvwYz_DgbsmM8Dax5NU3am4i1_GA97rgWl8KPbcEvIz83qWnpINTP0SX-ABiNvCKB7vzPYzE5Y5hrwENnQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjbikxwmlKTqzHcOmZ-ocbHyADCs9ogMAr_t77JmmrbPxxsZ4nNBUOl9nIor2v3xa917d4UeWKgFkFP9bG_n0kZbXRLSf-fxD0NvugrpvwYz_DgbsmM8Dax5NU3am4i1_GA97rgWl8KPbcEvIz83qWnpINTP0SX-ABiNvCKB7vzPYzE5Y5hrwENnQ" title="2024-0119-230739.png" alt="2024-0119-230739.png" class="original-size">
</a></p>
<p>Linux使用者需要下載的是「.sh」結尾的腳本檔案。</p>
<h4>Docker APP執行環境 / Environment</h4>
<p>在執行之前,Linux使用者需先確保電腦上已經安裝了以下套件:</p>
<ul>
<li>Docker: <a href="https://docs.docker.com/engine/install/ubuntu/" target="_blank">https://docs.docker.com/engine/install/ubuntu/</a></li>
<li>Git: <a href="https://git-scm.com/downloads" target="_blank">https://git-scm.com/downloads</a></li>
</ul>
<p>上述套件只需要確認已經安裝即可。<br></p>
<h4>Docker APP權限設定 / Permission setup</h4>
<p>接著需要為腳本檔案增加執行權限。你可以打開終端機,用「cd」移動到腳本檔案所在的資料夾,並執行「chmod +x *.sh」的指令。詳情做法請參考「<a href="https://kodekloud.com/blog/make-bash-script-file-executable-linux/">How to Make a Bash Script File Executable in Linux</a>」。</p>
<p>上述動作是每次使用不同的Docker APP都要設定一次。<br></p>
<h4>執行Docker APP / Run Docker APP</h4>
<p>接著你就可以用該腳本檔案開啟你要處理的檔案。或著是你也可以直接開啟腳本檔案,並在檔案選取對話視窗中,選擇你要處理的檔案即可。</p>
<hr>
<h3>在Mac OS作業系統執行Docker APP的執行檔案 / Run Docker APP in Mac OS</h3>
<h4>下載檔案 / Script</h4>
<p>Mac OS使用者需要下載的也是「.sh」結尾的腳本檔案。</p>
<h4>Docker APP執行環境 / Environment</h4>
<p>在執行之前,Mac OS使用者需先確保電腦上已經安裝了以下套件:</p>
<ul>
<li>Docker Desktop: <a href="https://docs.docker.com/engine/install/ubuntu/" target="_blank">https://www.docker.com/products/docker-desktop/</a></li>
<li>Git: <a href="https://git-scm.com/downloads" target="_blank">https://git-scm.com/downloads</a></li>
</ul>
<p>Mac OS使用者如果使用的是M1、M2等ARM架構的晶片,則需要另外安裝轉換套件。執行指令是「softwareupdate --install-rosetta」。詳細做法請參考<a href="https://support.apple.com/en-us/HT211861">How to install Rosetta</a>的說明。</p>
<p>上述套件及設定只需要操作一次即可。</p>
<h4>Docker APP權限設定 / Permission setup</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg2nL7ow63WqYB973yQfRPzhmc9X0rW0W1lIwskeGFUTr3syGKJ4TOHqFc9rjit397uXeyDOhGpQFcFgn8ps8SP11SpOcPoUNJUYQNd1RquzVfMZHaPAvLEwHCnTIadetxZ2cHDCjTbuMvBvDkIkXYaMkAVsh44byIhNvbwCz6pRLBLfW9bBN5RAA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg2nL7ow63WqYB973yQfRPzhmc9X0rW0W1lIwskeGFUTr3syGKJ4TOHqFc9rjit397uXeyDOhGpQFcFgn8ps8SP11SpOcPoUNJUYQNd1RquzVfMZHaPAvLEwHCnTIadetxZ2cHDCjTbuMvBvDkIkXYaMkAVsh44byIhNvbwCz6pRLBLfW9bBN5RAA" title="2024-0119-231915.png" alt="2024-0119-231915.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://techwiser.com/run-shell-script-mac/" target="_blank">https://techwiser.com/run-shell-script-mac/</a> </p>
<p>接著需要為腳本檔案增加執行權限。你可以打開終端機(Terminal),用「cd」移動到腳本檔案所在的資料夾,並執行「chmod +x *.sh」的指令。詳情做法請參考「<a href="https://techwiser.com/run-shell-script-mac/" style="font-weight: 400; background-color: rgb(255, 255, 255);">How to Run Shell Script on Mac</a>」。</p>
<p>上述動作是每次使用不同的Docker APP都要設定一次。</p>
<h4>執行Docker APP / Run Docker APP</h4>
<p>接著你就可以用該腳本檔案開啟你要處理的檔案。或著是你也可以直接開啟腳本檔案,並在檔案選取對話視窗中,選擇你要處理的檔案即可。</p>
<hr>
<h3>在Windows作業系統執行Docker APP的執行檔案 / Run Docker APP in Windows</h3>
<h4>下載檔案 / Executable File</h4>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgzN38kApSNhehgXcJ5UPHTUFbPomARooaNLUW2aDxDCz_dQHd3vmNYNtCnQaTCqko60jouftMrRBylydYt7nnOpEJhV5KaGGFXLmcxJ3kN3raaYyJ1t_8z7zyPPakYjaho7Zh3M-ENcjWFkchsqq7d4-e0Sg_ZkisDlgroEvD4JGfwM08Hx-xCog">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgzN38kApSNhehgXcJ5UPHTUFbPomARooaNLUW2aDxDCz_dQHd3vmNYNtCnQaTCqko60jouftMrRBylydYt7nnOpEJhV5KaGGFXLmcxJ3kN3raaYyJ1t_8z7zyPPakYjaho7Zh3M-ENcjWFkchsqq7d4-e0Sg_ZkisDlgroEvD4JGfwM08Hx-xCog" title="2024-0119-232011.png" alt="2024-0119-232011.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://commons.wikimedia.org/wiki/File:Autoit-icon.png" target="_blank">https://commons.wikimedia.org/wiki/File:Autoit-icon.png</a> </p>
<p>Windows使用者需要下載的是「.exe」結尾的執行檔案。</p>
<h4>Docker APP執行環境 / Environment</h4>
<p>在執行之前,Windows使用者需先確保電腦上已經安裝了以下套件:</p>
<ul>
<li>Docker Desktop: <a href="https://docs.docker.com/engine/install/ubuntu/" target="_blank">https://www.docker.com/products/docker-desktop/</a></li>
<li>Git: <a href="https://git-scm.com/downloads" target="_blank">https://git-scm.com/downloads</a></li>
</ul>
<p>在Windows安裝Docker Desktop需要額外開啟WSL2的功能,步驟較複雜,請參考「<a href="https://dockerdocs.cn/docker-for-windows/install/">在Windows上安装Docker桌面</a>」的說明。 </p>
<p>上述套件及設定只需要操作一次即可。</p>
<h4>避免Docker APP被防毒軟體刪除 / Add Docker App to antivirus software's exclusions</h4>
<p>這個exe執行檔案會被防毒軟體視為不明來源的病毒。請你手動將該exe執行檔案加入到防毒軟體的排除清單中。ClarieC介紹了如何將exe執行檔案加入到Windows Defender的排除項目裡,詳情請看「<a href="https://www.kocpc.com.tw/archives/382740">特定應用軟體或文件夾常被 Windows Defender 誤判?教你如何設定排除</a>」。</p>
<p>上述動作是每次使用不同的Docker APP都要設定一次。</p>
<h4>執行Docker APP / Run Docker APP</h4>
<p>接著你就可以用該執行檔案開啟你要處理的檔案。或著是你也可以直接開啟執行檔案,並在檔案選取對話視窗中,選擇你要處理的檔案即可。</p>
<hr>
<p>Docker APP的介紹就到這裡為止了。文章最後要來問的是:你通常是怎麽執行應用程式的呢?</p>
<p>1. 我都開啟電腦上預先安裝好的程式。</p>
<p>2. 我會下載並安裝其他程式來執行。</p>
<p>3. 我喜歡不用安裝的綠色軟體或可攜程式。</p>
<p>4. 工程師都寫腳本檔啦,不喜歡用滑鼠點來點去的。</p>
<p>5. 其他:下面留言分享喔!</p>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?今天我要跟大家介紹了一個非常有用的工具類型——Docker APP。這篇文章詳細介紹了Docker APP的概念與使用方法,無論是在線上平台如Google Colab,還是在各種作業系統的本機端,如Linux、Windows、和Mac OS上的運用。
Docker APP是一種利用Docker容器技術打造的跨平臺工具,主要用於檔案格式轉換或資料分析。文章中,我提供了豐富的圖文解說和步驟,教導讀者如何在Colab上使用Docker APP,包括檔案的上傳、執行和結果下載。
此外,我還說明了如何在個人電腦上安裝和運行Docker APP。在電腦上執行Docker APP的效率更高,但是安裝與配置的門檻也相對較難。請大家斟酌使用。
透過這篇文章,我希望能幫助大家更好地理解和使用Docker APP。希望Docker APP能降低技術門檻跟提高工作效率,改善大家的生活。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-16077827014840912262024-01-26T12:00:00.009+08:002024-01-26T12:00:00.256+08:00如何讓手機通知不會半夜吵到你睡覺? / How to Prevent Your Mobile Phone Notifications From Disturbing Your Sleep at Night?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjVvrlvGQjGvrgQIpWD6uz0rO4rotdtHkF0kEwDSbATb9q2Q5XoolHOqvuLYDOIfU8aQ1Fse-M91BoCCgYJBUsy7Waac3RBgka0AUgq1S33hmVvwkuP-j0Yt96VFbscYtgxmojLzZKlpyBbI_zXuoLZv0GzDDh6WVUfGdLiGDkDAL0jBaQx5obH1g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjVvrlvGQjGvrgQIpWD6uz0rO4rotdtHkF0kEwDSbATb9q2Q5XoolHOqvuLYDOIfU8aQ1Fse-M91BoCCgYJBUsy7Waac3RBgka0AUgq1S33hmVvwkuP-j0Yt96VFbscYtgxmojLzZKlpyBbI_zXuoLZv0GzDDh6WVUfGdLiGDkDAL0jBaQx5obH1g" title="2024-0119-200746.png" alt="2024-0119-200746.png" class="original-size">
</a></p>
<p>可以善用手機的「<a href="https://support.google.com/android/answer/9887159?hl=zh-Hant">就寢時間表</a>」或「<a href="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios">睡眠專注模式</a>」的功能來讓你一覺好眠。</p>
<p>The "<a href="https://support.google.com/android/answer/9887159?hl=en&sjid=10002420398759705821-AP">Bedtime Schedule</a>" or "<a href="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios">Sleep Focus</a>" features on your smartphone can help you sleep better.</p>
<a name='more'></a>
<hr>
<h2>什麼是就寢模式? / What is Bedtime Mode?</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhyYYs-h7dkD3_8GCaZzL7__P1_S0deRIoVg1cVGWNAH95mzs1TfNx3IJKbU5xOZBJdwsYTCQV4avEbu97LWaHsYF3wTQzW82G9egxiXxGjAV52s6F6m0wUgceusqZDatEVZAP3K2n_hGJm8p3Rx5Vvuo5d9sLOOzg0h9t8BPmr8BQGy03BD_f2Vg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhyYYs-h7dkD3_8GCaZzL7__P1_S0deRIoVg1cVGWNAH95mzs1TfNx3IJKbU5xOZBJdwsYTCQV4avEbu97LWaHsYF3wTQzW82G9egxiXxGjAV52s6F6m0wUgceusqZDatEVZAP3K2n_hGJm8p3Rx5Vvuo5d9sLOOzg0h9t8BPmr8BQGy03BD_f2Vg" title="2024-0119-194543.png" alt="2024-0119-194543.png" class="original-size"></a></p>
<p>不論是Android或iOS系統,現在都有具備了就寢模式的功能。以下是<a href="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios">iPhone說明手冊</a>中介紹屬於該系統的「睡眠專注模式」的內容:</p>
<blockquote>若你設定了睡眠排程,「睡眠專注模式」可幫助你在睡前和睡覺期間減少干擾。例如,它會過濾掉通知和電話,並向其他人送出你不方便的訊號。你也可以在睡前 15 分鐘至 3 小時排程「睡前放鬆」期間。你的「睡眠專注模式」會在睡前放鬆開始時啟動。<br>為幫助你準時起床,你可以選取鬧鐘聲音、震動及稍後提醒選項。或者,你也可以選擇不要設定鬧鐘。</blockquote>
<p>有些系統將它稱為「夜間模式」、「睡眠模式」。儘管各個系統在此功能的實作上會有些微的不同,但就寢模式通常用於在晚上或就寢時減少手機的干擾和光線,以確保使用者的睡眠不受打擾。</p>
<p>這種模式通常有以下功能:</p>
<ul>
<li>自動定時:使用者可以根據使用者的就寢時間表或偏好來設定就寢模式,手機會在指定的時間自動開啟該模式,並在使用者設定的時間段內開啟以下功能。<br></li>
<li>靜音通知:就寢模式會關閉或限制手機的通知聲音、振動和螢幕亮度,以防止來電、短信、社交媒體通知,讓使用者不會在睡覺時遭受打擾。</li>
<li>暖色調螢幕:有些手機就寢模式還可以調整螢幕的色溫,使其變得較溫暖,減少藍光的輻射,這有助於改善使用者的睡眠質量。<br></li>
<li>自動關閉通知:某些就寢模式也會自動將來電和通知轉送到靜音或無打擾模式,從而確保在使用者睡覺時不會受到打擾。<br></li>
</ul>
<p>總之,手機上的就寢模式是一個旨在提供更好的睡眠環境和減少干擾的功能,使使用者在夜間能夠更好地休息。不同的手機和操作系統可能具有不同的名稱和設置,但它們的基本功能通常是相似的。</p>
<hr>
<h2>在Android手機上設定「就寢時間表」 / To set a "Bedtime" schedule on an Android phone</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhzY3WO6U9t4j50aQB8Hf9CUco7zwHcxQZBU2ETNKPpAYpzOKOM_IksYgHOSQvK9f4p2jRh1BRNM1wv3nG788d3tUO8zL2F7tBHqkaavUaXbhdOusvb5OAYoLzU4jKkaFTkIlm6IcTAOTBmQw2MDd_c77e41yQRDpTlElPpTwK3RmuSIeMvuIpL9w"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhzY3WO6U9t4j50aQB8Hf9CUco7zwHcxQZBU2ETNKPpAYpzOKOM_IksYgHOSQvK9f4p2jRh1BRNM1wv3nG788d3tUO8zL2F7tBHqkaavUaXbhdOusvb5OAYoLzU4jKkaFTkIlm6IcTAOTBmQw2MDd_c77e41yQRDpTlElPpTwK3RmuSIeMvuIpL9w" title="2024-0119-193624.png" alt="2024-0119-193624.png" class="original-size"></a><br></p>
<p>不同版本的Android手機會有不同的設定方式。大致上都是在「時鐘」應用程式裡面操作。詳細設定請看Google的說明:</p>
<p><span style="color: rgb(55, 65, 81); white-space-collapse: preserve;">Different versions of Android phones have different settings methods. Generally, they are operated within the "Clock" application. For detailed settings, please refer to Google's instructions:</span></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgCLGtzSv7N1aqJ3IS-Sz4xk4yjg9lS_zTELaxoqZKZvQkmVled2rHo-_8Ey3g5mdfFRuYDYidjkKa3Rb2v7F8tiMVs8rzbc6Fg1BZzET0kytMO6eIpar-4t-DdwpMrele8c6bk4MLQojI37Q-LA6m7dbCqpPJuuq_4H62AVzpVaWr3epiE3OuYzw" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgCLGtzSv7N1aqJ3IS-Sz4xk4yjg9lS_zTELaxoqZKZvQkmVled2rHo-_8Ey3g5mdfFRuYDYidjkKa3Rb2v7F8tiMVs8rzbc6Fg1BZzET0kytMO6eIpar-4t-DdwpMrele8c6bk4MLQojI37Q-LA6m7dbCqpPJuuq_4H62AVzpVaWr3epiE3OuYzw" title="https://support.google.com/android/answer/9887159?hl=en&sjid=10002420398759705821-AP" alt="https://support.google.com/android/answer/9887159?hl=en&sjid=10002420398759705821-AP" class="original-size"></a><br></p>
<p><a href="https://support.google.com/android/answer/9887159?hl=en&sjid=10002420398759705821-AP" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">https://support.google.com/android/answer/9887159?hl=en&sjid=10002420398759705821-AP</a> </p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEirbmEr1-U3KVV-FrAyv5DHyV9oY3D3PmrN2BmHu0GjFcQVEZtqyO-xXGXmcBu9G1sTfXssM1f3yQUYaHHsQ_2CWr2H_St_TWp4w5OgAoH-HqBM4NrRlMtsuQKrlLjy2oVQjUsovpx9uJUWro44-Psp1scP8EL2XvUsCZy4X6Ht9dtkom07CNZNOQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEirbmEr1-U3KVV-FrAyv5DHyV9oY3D3PmrN2BmHu0GjFcQVEZtqyO-xXGXmcBu9G1sTfXssM1f3yQUYaHHsQ_2CWr2H_St_TWp4w5OgAoH-HqBM4NrRlMtsuQKrlLjy2oVQjUsovpx9uJUWro44-Psp1scP8EL2XvUsCZy4X6Ht9dtkom07CNZNOQ" title="2024-0119-194031.png" alt="2024-0119-194031.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://axiang.cc/archives/65893" target="_blank">https://axiang.cc/archives/65893</a> </p>
<p>如果你的手機是Android 9版本的話,相關功能成為「就寢模式」。請到設定裡面的「數位健康與家長監護」裡面設定「就寢模式」的細節。你可以設定要開啟的星期與時間。詳細操作請參考「<a href="https://axiang.cc/archives/65893">阿祥的網路筆記本</a>」的教學。<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh9j4Zr76IK1Wop41G5pAOl25CefVRdZpmfvUznmIKJtZmGAA1WggdESqfeFMX8LyteKP3jFgleIOe1nXi0briDJ5vu4b6q_3Q_W1wTWZ8xqThQnWbJmeLMoDQr_0DRXQ6kRtWfahgttSjp1cNUMTKViL9V_gYwArPAmhMz_Nhd6N8PpdxUwgqrQg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh9j4Zr76IK1Wop41G5pAOl25CefVRdZpmfvUznmIKJtZmGAA1WggdESqfeFMX8LyteKP3jFgleIOe1nXi0briDJ5vu4b6q_3Q_W1wTWZ8xqThQnWbJmeLMoDQr_0DRXQ6kRtWfahgttSjp1cNUMTKViL9V_gYwArPAmhMz_Nhd6N8PpdxUwgqrQg" title="2024-0119-195426.png" alt="2024-0119-195426.png" class="original-size"></a></p>
<p>圖片來源:<a href="https://www.samsung.com/tw/support/mobile-devices/android-13-uses-bixby-routines-to-turn-off-the-sound-of-the-camera/" target="_blank">https://www.samsung.com/tw/support/mobile-devices/android-13-uses-bixby-routines-to-turn-off-the-sound-of-the-camera/</a> </p>
<p>如果你的手機是Android 13版本以上的三星手機的話,相關功能現在移到設定裡面的「模式與日常行程」功能裡。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgWXA5mmHB2uczIn_hvWg9fzUgCNa5FwRIBz1HXhLwkLQ-Qhz-vEz9J8yh0UzvnVXaDW42Dd5cYMjAAjwYpfDmkwkgBzost5WgwRRSKEaaTT6CV2PGecatfGRyp5MsAQDdgbEKQCEaaPS7cFsRGyIqwIOqrJq6uLVTpaco1w23LLbpZd3AbZTaHhg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgWXA5mmHB2uczIn_hvWg9fzUgCNa5FwRIBz1HXhLwkLQ-Qhz-vEz9J8yh0UzvnVXaDW42Dd5cYMjAAjwYpfDmkwkgBzost5WgwRRSKEaaTT6CV2PGecatfGRyp5MsAQDdgbEKQCEaaPS7cFsRGyIqwIOqrJq6uLVTpaco1w23LLbpZd3AbZTaHhg" title="2024-0119-195616.png" alt="2024-0119-195616.png" class="original-size">
</a></p>
<p><a href="https://www.androidpolice.com/how-to-use-bedtime-mode-on-android/" target="_blank">https://www.androidpolice.com/how-to-use-bedtime-mode-on-android/</a> <br></p>
<p>Android Police彙整了<span style="color: rgb(55, 65, 81); white-space-collapse: preserve;">各種不同Android手機上的就寢模式的詳細介紹,需要的人可以參考</span>「<a href="https://www.androidpolice.com/how-to-use-bedtime-mode-on-android/">How to set up and use Bedtime mode on your Android phone</a>」。</p>
<hr>
<h2>在iOS上設定「睡眠專注模式」 / Setup "Sleep Focus" on iOS</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhHCYcRMRYw2mEAlGs4KaSzuMZN0WjBoq0AHyZ_K1lRT2MPlwI8qiQesDMlk68GoXV7x8_NQQiSBeN27ePlFM19O2qpOKep8S0BIVZIQ5WJf-SRomb8leeLLwQmR_VQzLmIKDsuXhR6b7ipMWHfej0DzXBtUPDRXPQabEuZCO4kb34dKI4QJl2o0g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhHCYcRMRYw2mEAlGs4KaSzuMZN0WjBoq0AHyZ_K1lRT2MPlwI8qiQesDMlk68GoXV7x8_NQQiSBeN27ePlFM19O2qpOKep8S0BIVZIQ5WJf-SRomb8leeLLwQmR_VQzLmIKDsuXhR6b7ipMWHfej0DzXBtUPDRXPQabEuZCO4kb34dKI4QJl2o0g" title="2024-0119-195922.png" alt="2024-0119-195922.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios" target="_blank">https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios</a> </p>
<p>iPhone或iPad都是使用iOS系統。在iOS 17的版本中,你可以在「設定」找到「專注模式」,然後點一下「睡眠」來設定。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjWQuPc82SfBhSAYGkB9avN6DpzD5DP85Kip69rKctnaDrP6WKsj7_LsNo8JzilmoN0spdWWd6Q5hcph9MCvcpzbfNIrXhLogHchSs0dq9DRsfPcQsh87Zk4irOPDDtpbfeqvxUOZgXuA-iRDVOvaV1COQRtXL1usdKAzAbuknqt10LOEnZd8aRzA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjWQuPc82SfBhSAYGkB9avN6DpzD5DP85Kip69rKctnaDrP6WKsj7_LsNo8JzilmoN0spdWWd6Q5hcph9MCvcpzbfNIrXhLogHchSs0dq9DRsfPcQsh87Zk4irOPDDtpbfeqvxUOZgXuA-iRDVOvaV1COQRtXL1usdKAzAbuknqt10LOEnZd8aRzA" title="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios" alt="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios" class="original-size">
</a></p>
<p><a href="https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios" target="_blank">https://support.apple.com/zh-tw/guide/iphone/iphaf56dceb4/ios</a> <br></p>
<p>其他的iOS版本請參考iPhone使用手冊的說明。</p>
<p><iframe frameborder="0" src="//www.youtube.com/embed/6I-vfDy0_b8" width="640" height="360" class="note-video-clip"></iframe></p>
<p>也可以參考The Cell Guide拍攝的「<a href="https://youtu.be/6I-vfDy0_b8?si=bFsFWj-IPJ-mb8ZI&t=27">How To Set Up Sleep Focus On Apple iPhone 14 Pro</a>」教學。</p>
<hr>
<p>那就先寫到這裡啦。文章最後要來問大家的是:你知道手機上有就寢模式的功能嗎?</p>
<ul>
<li>1. 知道,我都會使用就寢功能讓我一覺好眠。</li>
<li>2. 知道,但因為需要熬夜工作的時間不固定,我通常不會用它。</li>
<li>3. 不知道,就算不用這個功能我也可以一覺到天亮。</li>
<li>4. 把手機關機就好了,還設這個幹嘛?</li>
<li>5. 其他:歡迎在下面留言分享喔!</li>
</ul>
<p>封面圖片來源:<a href="https://pixabay.com/photos/boy-sleeping-smartphone-study-6890119/">https://pixabay.com/photos/boy-sleeping-smartphone-study-6890119/</a></p>
<pre class="abstract" style="display: none;">大家好,我是布丁。我在這篇文章探討了手機上的「就寢模式」功能,其目的是在晚間或就寢時減少干擾,從而改善睡眠質量。文章首先介紹了就寢模式的概念,指出無論是Android或iOS系統,都配備了這項功能。我解釋了這種模式通常包括的功能,如自動定時、靜音通知、暖色調螢幕和自動關閉通知等,這些都有助於為使用者提供更好的睡眠環境。
接著,文章詳細說明了在Android和iOS手機上如何設定這些就寢功能。針對Android系統,我提供了Android 9和Android 13不同版本的設定方法,並附上了Google和其他資源的說明鏈接。至於iOS系統,我則聚焦於最新的iOS 17版本,展示了如何在「設定」中找到並配置「專注模式」中的「睡眠」選項,同時也參考了Apple的官方支援和YouTube上的教學影片。
文章的最後,我邀請讀者回答一個問題:他們是否知道手機上有就寢模式的功能,並根據自己的情況選擇最合適的回答選項。這不僅是對文章主題的一種回應,也是對讀者日常生活習慣的一種探討。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-24651226763665698492024-01-23T12:00:00.004+08:002024-01-23T12:00:00.235+08:00如何編輯ODT檔案? / How to Edit ODT Files?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiRVxb8XZzfN4mma_De1zaIwE0xADnIPoTqKNLSLpTwyQoeVcZB1MRFqvxMB2tgxP9PTJImmWfgXuDIKs1cItKvNRMx2eUNoUFnI0TnjGwowauvcEUs3XtSjlmysrzD4G_6GwtQhKcXc8XIPJrhXjuqz317dEkAyWe0itPgbNqcYxAuiYZ3x3pGJw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiRVxb8XZzfN4mma_De1zaIwE0xADnIPoTqKNLSLpTwyQoeVcZB1MRFqvxMB2tgxP9PTJImmWfgXuDIKs1cItKvNRMx2eUNoUFnI0TnjGwowauvcEUs3XtSjlmysrzD4G_6GwtQhKcXc8XIPJrhXjuqz317dEkAyWe0itPgbNqcYxAuiYZ3x3pGJw" title="2024-0122-234948.png" alt="2024-0122-234948.png" class="original-size">
</a></p>
<p>如果要編輯<a href="https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=office">ODT (Open Document Text)檔案</a>的話,Linux、MacOS跟Windows等桌面版電腦可以使用<a href="https://zh-tw.libreoffice.org/discover/writer/">LibreOffice Writer</a>;Android跟iOS的使用者可以使用<a href="https://www.collaboraoffice.com/collabora-office-android-ios/">Collabora Office</a>;如果都不想安裝軟體的話,也可以透過瀏覽器使用<a href="https://products.groupdocs.app/editor/total">GroupDocs的Online Document Editor</a>。</p>
<p>If you want to edit <a href="https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=office">ODT (Open Document Text)</a> files, users of desktop computers like Linux, MacOS, and Windows can use <a href="https://zh-tw.libreoffice.org/discover/writer/">LibreOffice Writer</a>; Android and iOS users can use <a href="https://www.collaboraoffice.com/collabora-office-android-ios/">Collabora Office</a>; if you do not want to install any software, you can also use <a href="https://products.groupdocs.app/editor/total">GroupDocs' Online Document Editor</a> in browser.</p>
<a name='more'></a>
<hr>
<h2>ODT 開放文件格式 / ODT: Open Document Text</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhNx1VzXpYKgcxXr0ppFEKYqn4CvNQFtdaG88jAtFY1tv8rbpetI4vGHJvAL2mUPK09zU3XkzyGHhmrKym6oXl-ibXQJczZBhfkJ4I34o0Q3DAAjaETrQH7CAwi2OQUmpfWT4yTFqoJ2_NqRWKOkSwavSwDpcAKUPB-2nRIEfOjGJkvd0PuyhqsEA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhNx1VzXpYKgcxXr0ppFEKYqn4CvNQFtdaG88jAtFY1tv8rbpetI4vGHJvAL2mUPK09zU3XkzyGHhmrKym6oXl-ibXQJczZBhfkJ4I34o0Q3DAAjaETrQH7CAwi2OQUmpfWT4yTFqoJ2_NqRWKOkSwavSwDpcAKUPB-2nRIEfOjGJkvd0PuyhqsEA" title="180861.png" alt="180861.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.flaticon.com/free-icon/odt_180861" target="_blank">https://www.flaticon.com/free-icon/odt_180861</a></p>
<p>ODT檔案格式,全稱為OpenDocument Text,是一種用於文字處理的開放標準檔案格式。這種格式主要用於儲存和交換編輯文字的資料,它由國際組織ODF (OpenDocument Format)標準化委員會研發,旨在提供一種自由且開放的檔案格式選擇。ODF除了是組織名稱之外,它也是ODT、ODS、ODP等檔案格式的統稱。</p>
<p>ODT格式的特點在於其開放性和通用性。由於是基於XML (Extensible Markup Language)技術開發的,因此ODT檔案不僅能夠在多種作業系統上使用,還可以被多種不同的文字處理軟體讀取和編輯。這包括了知名的自由和開源軟體,如<a href="https://zh-tw.libreoffice.org/">LibreOffice</a>和<a href="https://www.openoffice.org/zh-tw/">Apache OpenOffice</a>,以及一些商業軟體。由於其開放性,使用ODT格式的檔案可以確保長期的可存取性和資料的完整性,不會因軟體的過時或廢棄而無法讀取。</p>
<p>ODT檔案格式支援豐富的排版和格式化選項,如文字樣式、表格、圖片插入和超連結等。這使它成為處理專業文件和學術論文的理想選擇。此外,ODT格式還具有良好的互操作性(interoperability),支援與其他流行的檔案格式,如Microsoft Word的DOC和DOCX格式的轉換。這一特性使得使用者可以在不同的軟體環境下自由地交換和編輯檔案,不受特定軟體限制。因此,在開源社群裡,以及希望避免受到軟體專利限制的使用者中,ODT格式非常受歡迎。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgt6usXh_XKPeaaDFLzKZrOE1efjh2aZuGC92idjRqkgfMjq9C34-cPaDO-AxmmnvRMaHRF4eOEbhtjhXTaCDknSB8s0qT4Ur_inEWQmq76pZcdDm8IkbHHaYz5GlUrjr2sw3VOeQkmzyjiyoOrsWB-R2FsfY5pdrrnYqxZbWHYjAvuLVaiHqM0qQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgt6usXh_XKPeaaDFLzKZrOE1efjh2aZuGC92idjRqkgfMjq9C34-cPaDO-AxmmnvRMaHRF4eOEbhtjhXTaCDknSB8s0qT4Ur_inEWQmq76pZcdDm8IkbHHaYz5GlUrjr2sw3VOeQkmzyjiyoOrsWB-R2FsfY5pdrrnYqxZbWHYjAvuLVaiHqM0qQ" title="https://www.cc.ncku.edu.tw/odf/" alt="https://www.cc.ncku.edu.tw/odf/" class="original-size">
</a></p>
<p><a href="https://www.cc.ncku.edu.tw/odf/" target="_blank">https://www.cc.ncku.edu.tw/odf/</a> <br></p>
<p>為了推動政府資訊公開政策及機關之間的資料交換,臺灣的行政院也從自2015年1月1日起推動ODF-CNS15251為政府文件標準格式。目前國內各個單位大多都已經開始提供ODF標準所延伸的檔案格式,包括文件檔案使用的ODT以及試算表檔案使用的ODS。為了讓學生能夠跟政府和世界接軌,我也會在課堂上鼓勵學生以ODT格式撰寫作業和報告,讓學生早日習慣開放文件格式的使用。</p>
<p>然而,目前在許多消費性非開放授權的作業系統中,對ODT、ODS等開放文件標準的檔案格式的支援仍然不足。這一部分的原因是來自於非開放授權的商業公司更希望消費者付費購買他們的專屬格式,以此壟斷商業市場的份額;另一部分的原因則是ODF格式知名度不足,因此仍未受到開發者的重視。</p>
<p>不論如何,為了推廣ODF的知名度,讓使用電腦、手機、平板等各類型使用者都能夠順利編輯ODT,同時也要讓大家順利完成作業,以下就讓我們來看看要用什麼軟體才能編輯ODT吧。</p>
<hr>
<h2>給桌面型電腦的使用者:LibreOffice / For desktop computer users: LibreOffice</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiBbNcO95N4qTPvYniB76dtzIg7tnIZ1vSWlMYE4unqTPbfJ9l2KxWvn3d7YCj2oCAEEGH0_R-M8uuDJv4C9giFlKkI38dibdj_80T_-7uRwTN6jxgWpIDibpO3xdu4tHWRNktjMSlHFvO0VKnKgM9AuETh7Z0rI9FzjMeYa1IdcK0Y-ZFpxPnkrg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiBbNcO95N4qTPvYniB76dtzIg7tnIZ1vSWlMYE4unqTPbfJ9l2KxWvn3d7YCj2oCAEEGH0_R-M8uuDJv4C9giFlKkI38dibdj_80T_-7uRwTN6jxgWpIDibpO3xdu4tHWRNktjMSlHFvO0VKnKgM9AuETh7Z0rI9FzjMeYa1IdcK0Y-ZFpxPnkrg" title="2024-0122-213556.png" alt="2024-0122-213556.png" class="original-size">
</a></p>
<p>如果你在使用的是Linux (包含Ubuntu、Fedora、Manjoro,甚至是Chrome OS)、Mac OS、Windows等桌面型電腦,不論它是安裝在桌機機殼、筆電、還是掌上型裝置內,你都可以安裝LibreOffice來編輯ODT檔案格式。LibreOffice可以從下面網址免費取得:</p>
<ul>
<li>LibreOffice 下載位置:<a href="https://zh-tw.libreoffice.org/download/libreoffice-still/" target="_blank">https://zh-tw.libreoffice.org/download/libreoffice-still/</a> </li>
</ul>
<p>LibreOffice的概念跟Microsoft Office很像,它也是多個軟體組合在一起的辦公室生產力套件。LibreOffice包含了用來編輯文件的LibreOffice Writer、用來編輯試算表資料的LibreOffice Calc、用來編輯投影片的LibreOffice Impress、以及其他用於各種用途的軟體。如果你要編輯ODT檔案格式的話,使用LibreOffice底下的LibreOffice Writer來開啟就對了。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhe1eGzf8PN7EtFskM3VC2mti8OEnkZf4L7Om_jIxxbcKo8vFjeKLRHKGDHPapDx3dnXoSZkaIIhBQ9VQcMwJR9bY2jQEtq8B7h1_HU_WOU8QUln3Bmy8dZf0yHjOLjayhzhn58TvPVCex_ADPen3kz8F4ePUw9BxFN74Hy4uB7Fu3M8iHz7sEm1g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhe1eGzf8PN7EtFskM3VC2mti8OEnkZf4L7Om_jIxxbcKo8vFjeKLRHKGDHPapDx3dnXoSZkaIIhBQ9VQcMwJR9bY2jQEtq8B7h1_HU_WOU8QUln3Bmy8dZf0yHjOLjayhzhn58TvPVCex_ADPen3kz8F4ePUw9BxFN74Hy4uB7Fu3M8iHz7sEm1g" title="https://www.ithome.com.tw/pr/134231" alt="https://www.ithome.com.tw/pr/134231" class="original-size">
</a></p>
<p><a href="https://www.ithome.com.tw/pr/134231" target="_blank">https://www.ithome.com.tw/pr/134231</a> <br></p>
<p>附帶一提,Microsoft Office也內建了能夠開啟跟編輯ODF的功能。不過在這幾年的使用經驗中,用Office編輯的ODT檔案通常會有很多相容性問題,排版也很容易跑掉。如果可以的話,我還是建議大家安裝LibreOffice,確保ODT檔案在不同編輯時能盡可能保持一致。</p>
<hr>
<h2>給行動裝置的使用者:Collabora Office / For mobile devices users: Collabora Office </h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiK0cJASiZID0kuDzuhYxUTqILOtxxvscZfcHO1HPvej1ct1RJyuU5URtdTi-FCpmxg9PwKbwqw7faPJHQskAD16rEzUz0W2nQtjWHcxXbiruVCaCqmE0TR7MtBqhA_I80bAto71NIgKiwbELDqHq0A3zwO9wn3CkBXUWImfihvtVD0Ke3UuQUWoA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiK0cJASiZID0kuDzuhYxUTqILOtxxvscZfcHO1HPvej1ct1RJyuU5URtdTi-FCpmxg9PwKbwqw7faPJHQskAD16rEzUz0W2nQtjWHcxXbiruVCaCqmE0TR7MtBqhA_I80bAto71NIgKiwbELDqHq0A3zwO9wn3CkBXUWImfihvtVD0Ke3UuQUWoA" title="2024-0122-223110.png" alt="2024-0122-223110.png" class="original-size">
</a></p>
<p>圖片來源:<a href="https://www.collaboraoffice.com/collabora-office-android-ios/" target="_blank">https://www.collaboraoffice.com/collabora-office-android-ios/</a> </p>
<p>如果你使用的是Android (安卓)或iPhone與iPad等iOS的裝置,不論是手機還是平板,你都可以安裝Collabora Office來編輯ODT檔案。你可以從以下網址免費取得與下載Collabora Office:</p>
<ul>
<li>Collabora Office的下載網址:<a href="https://www.collaboraoffice.com/collabora-office-android-ios/" target="_blank">https://www.collaboraoffice.com/collabora-office-android-ios/</a> <br></li>
<li>Collabora Office在Google Play的網址:<a href="https://play.google.com/store/apps/details?id=com.collabora.libreoffice" target="_blank">https://play.google.com/store/apps/details?id=com.collabora.libreoffice</a> </li>
<li>Collabora Office在App Store的網址:<a href="https://apps.apple.com/us/app/collabora-office/id1440482071" target="_blank">https://apps.apple.com/us/app/collabora-office/id1440482071</a> <br></li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgQjAK2BkcW861m7Kj79WRd_6IAaVzmVlqA3P6U2JdNJAtifB2QiQp5NJzEayhI30tNbNhBNJo7YHo9S9Eeaon2dSRBi728NtBEBosq1Sp6DsZdVu747vx2nTTzQY1nZo9Nkwpreu2Sx-MxWlmzVmuSENuoonnAWPTwkh8zLPw08sHEq8j1Iynekw" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEgQjAK2BkcW861m7Kj79WRd_6IAaVzmVlqA3P6U2JdNJAtifB2QiQp5NJzEayhI30tNbNhBNJo7YHo9S9Eeaon2dSRBi728NtBEBosq1Sp6DsZdVu747vx2nTTzQY1nZo9Nkwpreu2Sx-MxWlmzVmuSENuoonnAWPTwkh8zLPw08sHEq8j1Iynekw" title="Screenshot_20240122-215238.png" alt="Screenshot_20240122-215238.png" class="original-size"></a><br></p>
<p>跟LibreOffice這種非盈利組織不同,Collabora Office是盈利為導向的企業。Collabora Office的主要業務是解決企業使用ODF標準的問題,而Android跟iOS上的APP只是它們提供給終端使用者的免費入口,目的是為了讓更多人習慣使用ODF標準。</p>
<p>然而由於手機或平板的硬體效能有限,Collabora Office的APP版本所能夠編輯的功能就比LibreOffice Writer少了很多。但還是能做到基本的設定字型格式、插入圖片、建立與編輯表格。另一點要注意的是,Collabora Office所處理的檔案也不能太大,否則容易當機。</p>
<h3>Android手動安裝apk檔案 / Manually installing APK files on Android</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiFM9gGW3voMQJcfp9CgvknWUYDOH8VNZeQ8O55UAN0o-IHEcSNBGmBrLRMum7l4-A4wxM-qJbPkrCpnhcwAysETFIZBvfmZShwKvftmPAsxegy129MQL4BcDrnKSdR68JMeqXeDskCzBY5gtNygg4D_L1rLSMhJW0oQ5a_IqV8wQAotxJ6wAP52g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiFM9gGW3voMQJcfp9CgvknWUYDOH8VNZeQ8O55UAN0o-IHEcSNBGmBrLRMum7l4-A4wxM-qJbPkrCpnhcwAysETFIZBvfmZShwKvftmPAsxegy129MQL4BcDrnKSdR68JMeqXeDskCzBY5gtNygg4D_L1rLSMhJW0oQ5a_IqV8wQAotxJ6wAP52g" title="https://www.collaboraoffice.com/downloads/Collabora-Office-Android-Snapshot/" alt="https://www.collaboraoffice.com/downloads/Collabora-Office-Android-Snapshot/" class="original-size">
</a></p>
<p><a href="https://www.collaboraoffice.com/downloads/Collabora-Office-Android-Snapshot/" target="_blank">https://www.collaboraoffice.com/downloads/Collabora-Office-Android-Snapshot/</a> <br></p>
<p>有些Android裝置可能會受到國家與地區限制,而沒辦法透過Google Play安裝Collabora Office。這時候你可以從Collabora Office的官方網站下載他們提供的APK安裝檔,並自行在Android裝置上安裝Collabora Office。</p>
<ul>
<li>Collabora Office APK檔案下載網址:<a href="https://www.collaboraoffice.com/downloads/Collabora-Office-Android-Snapshot/" target="_blank">https://www.collaboraoffice.com/downloads/Collabora-Office-Android-Snapshot/</a> </li>
<li>collabora-office-mobile-23.05-snapshot-arm64-v8a-2023-12-10.apk 檔案備份:<a href="https://drive.google.com/file/d/1mYLOZJ5YUXuB3QXbTLgxAEdMP8NRNHrU/view?usp=drive_link" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">Google Drive</a>、<a href="https://pulipulichen.github.io/blog-pulipuli-info-data-2020-2025/24/01/collabora-office-mobile-23.05-snapshot-arm64-v8a-2023-12-10.apk" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">GitHub</a>、<a href="https://1drv.ms/u/s!AjpBE212arKQgU1DIY9tK8Qj0eBv?e=hKn9nS" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">One Drive</a>、<a href="https://mega.nz/file/Mb82Sbhb#zumoZBHHh19qnqIwtjsYKv00UiUeuLttXSgzYK7iECM" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">Mega</a>、<a href="https://app.box.com/s/5m84odhjk2qdpvth0rnyqgeb2xtiyh39" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">Box</a>、<a href="https://www.mediafire.com/file/bkhy512dntmmnws/collabora-office-mobile-23.05-snapshot-arm64-v8a-2023-12-10.apk/file" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">MediaFire</a>、<a href="https://e.pcloud.link/publink/show?code=XZw3TeZO4SvhwPPd8LYp9HfbvGiK4yXSDqX" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">pCloud</a>、<a href="https://www.4shared.com/mobile/iQ7HZesbfa/collabora-office-mobile-2305-s.html" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">4shared</a>、<a href="https://www.asuswebstorage.com/navigate/a/#/s/EB34D3E2FE584EB2BBE8C44EA15AB018Y" target="_blank" style="font-weight: 400; background-color: rgb(255, 255, 255);">ASUS WebStorage</a></li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhE7IzMscU-FiYay-BlkTkrKKV_K3y1gmdAFzdLAjqxCwpKsjEALTYaMtZkbIfYbeeT2JAWrBhzEAWn6Wc5ucJa7xIYb9tSn2WBkFmDXNrXRSDCf9_BqWMjtzzHJzmSL4dpc9NWBsZO9lA-I5OyE6n1Bd8Yp1CCO81MENpT2C4YnpjotkKJBu5l2Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhE7IzMscU-FiYay-BlkTkrKKV_K3y1gmdAFzdLAjqxCwpKsjEALTYaMtZkbIfYbeeT2JAWrBhzEAWn6Wc5ucJa7xIYb9tSn2WBkFmDXNrXRSDCf9_BqWMjtzzHJzmSL4dpc9NWBsZO9lA-I5OyE6n1Bd8Yp1CCO81MENpT2C4YnpjotkKJBu5l2Q" title="https://www.kocpc.com.tw/archives/4231" alt="https://www.kocpc.com.tw/archives/4231" class="original-size">
</a></p>
<p><a href="https://www.kocpc.com.tw/archives/4231" target="_blank">https://www.kocpc.com.tw/archives/4231</a> <br></p>
<p>如果你不知道怎麽如何安裝apk,請參考電腦王阿達的「<a href="https://www.kocpc.com.tw/archives/4231">「Android基本教學」如何自行安裝由網路下載的APK檔</a>」。</p>
<hr>
<h2>給能夠開啟網頁的使用者:GroupDocs Online Document Editor / For modern browser users: GroupDocs Online Document Editor</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj7plsELwYJ6moXepSXdthjJsAFuswDyDK4Ru_oVr2qPqzqSQu4V9FHD9sRpHBmD2m_VMeou8Dnw3xdsiKo1MLySG1VkI7lEsZ7iguQrXE2dbVBZ8TAfYbQwF8TCRvgjUIh9J_wXwCCPanmfpqdCP4iO22R4wUxdCguuUOWYIfQ9AVl2YwDiMBOgA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj7plsELwYJ6moXepSXdthjJsAFuswDyDK4Ru_oVr2qPqzqSQu4V9FHD9sRpHBmD2m_VMeou8Dnw3xdsiKo1MLySG1VkI7lEsZ7iguQrXE2dbVBZ8TAfYbQwF8TCRvgjUIh9J_wXwCCPanmfpqdCP4iO22R4wUxdCguuUOWYIfQ9AVl2YwDiMBOgA" title="https://products.groupdocs.app/editor/odt" alt="https://products.groupdocs.app/editor/odt" class="original-size">
</a></p>
<p><a href="https://products.groupdocs.app/editor/odt" target="_blank">https://products.groupdocs.app/editor/odt</a> <br></p>
<p>如果你不想要在電腦安裝任何軟體,又想要編輯ODT檔案的話,最簡單的做法就是用<a href="https://www.google.com/intl/zh-TW/chrome/">Google Chrome</a>或<a href="https://www.mozilla.org/zh-TW/firefox/new/">Firefox</a>等現代瀏覽器開啟GroupDocs的Online Document Editor。Online Document Editor可以讓你直接將ODT檔案拖曳到網頁上、開啟編輯器並修改ODT檔案的內容、最後下載到你的電腦內。GroupDocs的Online Document Editor免費而且不需要帳號登入,你可以透過以下網址開啟它:</p>
<ul>
<li>GroupDocs Online Document Editor: <a href="https://products.groupdocs.app/editor/odt" target="_blank">https://products.groupdocs.app/editor/odt</a> <br></li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg5SW16q8HpIec6vM81yU-tGh7jnTwFnRmOEh1Yqrbt6F76oUEjn_EzKL8rg-QWBj7eWSEuHigj6DJPYlgxU89F4wC5GlZw070KnGteSRJBOz6ZFeqOpHQN22oFcuuKZ9FmYod_HMR2uFEG676KoWFOoCDEZvpmKf62Y1BIxXtxdjwiw5qbQTx2HA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg5SW16q8HpIec6vM81yU-tGh7jnTwFnRmOEh1Yqrbt6F76oUEjn_EzKL8rg-QWBj7eWSEuHigj6DJPYlgxU89F4wC5GlZw070KnGteSRJBOz6ZFeqOpHQN22oFcuuKZ9FmYod_HMR2uFEG676KoWFOoCDEZvpmKf62Y1BIxXtxdjwiw5qbQTx2HA" title="2024-0122-224204.png" alt="2024-0122-224204.png" class="original-size">
</a></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhDaHRYL7xTBeeEOgcjs_-437uMdV34KZiQzf0z30U_idpd8rRtTkFjW9NMkXZraKnLs8xKZ3gJoOaWYdMz8q9-SaSbVMtNbSbwpu6GDIPA1HAoLwWQQQppLaMy7e53gQ0xq1L025v7F7c-eR0YobcEUXQZG3DKhoFLvbZ2yCHEzWLzOHkGdCIFcg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhDaHRYL7xTBeeEOgcjs_-437uMdV34KZiQzf0z30U_idpd8rRtTkFjW9NMkXZraKnLs8xKZ3gJoOaWYdMz8q9-SaSbVMtNbSbwpu6GDIPA1HAoLwWQQQppLaMy7e53gQ0xq1L025v7F7c-eR0YobcEUXQZG3DKhoFLvbZ2yCHEzWLzOHkGdCIFcg" title="Screenshot_20240122-224326.png" alt="Screenshot_20240122-224326.png" class="original-size">
</a></p>
<p>GroupDocs Online Document Editor主要是透過瀏覽器來編輯ODT,因此只要你的裝置能夠開啟瀏覽器,不論是用桌面型電腦或是行動裝置,都能夠使用GroupDocs Online Document Editor。然而跟前面提到的軟體相比,GroupDocs Online Document Editor的功能更少,而且能夠處理的檔案大小也不能太大。儘管如此,如果只是要撰寫文字、插入圖片跟表格的話,使用GroupDocs Online Document Editor會是一個簡單且門檻極低的好選擇。</p>
<hr>
<h2>結語 / In closing</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjCNUU6VV40WcPFFEG6Ux3bqP1qImWx137-LDRah5L46G6LaVSIjoC64Csog03m53fTi4iIdm5I_PkR-6EssSmBcQqEsWYeJROzm4h3xIQfhYf2D1Nj6QO9vsLqa-35bPB9BSqOCoYIEiNOh5kyhbKCCECBDmP4JnkQwN-q7hBGUYbctg1FOWk0Wg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjCNUU6VV40WcPFFEG6Ux3bqP1qImWx137-LDRah5L46G6LaVSIjoC64Csog03m53fTi4iIdm5I_PkR-6EssSmBcQqEsWYeJROzm4h3xIQfhYf2D1Nj6QO9vsLqa-35bPB9BSqOCoYIEiNOh5kyhbKCCECBDmP4JnkQwN-q7hBGUYbctg1FOWk0Wg" title="2024-0122-224843.png" alt="2024-0122-224843.png" class="original-size">
</a></p>
<p>很多學生會問我說:「為什麼堅持要用ODT、ODS這些檔案格式?」我通常會提供容易理解的回答:「因為老師使用的是Linux,而內建的LibreOffice軟體在讀取ODT格式檔案比較不會發生問題。為了避免同學繳交的作業老師無法讀取,因此推薦你也使用ODT格式來編輯文件。」</p>
<p>但這個回答的背後,其實有著更深一層的理由:</p>
<p>「我是為了問問題的學生,以及為了各位需要用電腦編輯文件的人們。」</p>
<p>Microsoft Office的確相當知名,docx也是非常流行的檔案格式。但是別忘了,Office本身是付費軟體。也許你所在的學校跟企業有合法購買授權,可以自然地使用Office軟體。然而,很多人離開學校、不在公司的時候,就會發現到要取得Office的門檻遠比你想象中的還要高。</p>
<p>當然,Office本身有著對應價格的實際價值。在操作界面、進階的編輯與排版、甚至是近年來的人工智慧應用上,Office仍然是相當優秀的生產力工具。可惜的是,對大多數的人來說,Office只是用來寫一些文字、插入圖片、編輯表格的工具。請你回想看看,很多時候我們在編輯的都是一、二頁的表格檔案。需要撰寫超過30頁以上報告的人,其實仍是少數。</p>
<p>如果只是為了簡單的編輯需求,那我更建議使用ODT檔案格式。如此一來,不論是使用那種設備或作業系統,都可以用LibreOffice、Collabora Office或是GroupDocs Online Document Editor來編輯。你不需要在每種設備購買只能適用於該設備的軟體,也不會受到訂閱制的限制,更不希望大家下載盜版軟體反而遭受病毒攻擊。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjmKMyxEclyYBls5g_U-g7x1pP2qwNt-7m4dIpkVXlYTOImKhqRGLwNWs9aIodJXAfoY5LoxcL0X0_2JuIEp44RFWyHyZZPTqFru_wT_VQRjeI7WpqE1wVWxPUIVqmj1-dSsvCFOGM5h00HspFA6aDKmrYJFX5oDMJYUN1rOoY4wH74mMWCJRs-OA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjmKMyxEclyYBls5g_U-g7x1pP2qwNt-7m4dIpkVXlYTOImKhqRGLwNWs9aIodJXAfoY5LoxcL0X0_2JuIEp44RFWyHyZZPTqFru_wT_VQRjeI7WpqE1wVWxPUIVqmj1-dSsvCFOGM5h00HspFA6aDKmrYJFX5oDMJYUN1rOoY4wH74mMWCJRs-OA" title="2024-0122-231129.png" alt="2024-0122-231129.png" class="original-size">
</a></p>
<p>更何況,其實用LibreOffice Writer也可以編輯長篇的專業論文。不論是樣式、目錄、整合Zotero的文獻引用等的功能可說是一應俱全。我也在陸陸續續撰寫使用LibreOffice寫論文的相關教學,例如「<a href="/2023/06/blog-post_211.html">LibreOffice Writer使用APA第七版圖片與表格標號最完整的做法</a>」或是「<a href="/2023/06/import-styles-from-an-odt-file-in-libreoffice-writer.html">LibreOffice Writer複製其他ODT的樣式</a>」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgyGE9975RUoR9hxAYuMQiCk_x4AL2TH0oof_wObdJwr30izH_qjGug-KrGHboCIHWKDsjcAbcis0O1f_h8JXCXtEwwHpr4_03hmXVkPk8o9KRIzREh3uF1y0ovvnW_d3pga-QbIecdTuzycTuLhPWcJEWyk1hQZDOJTihfJf2jOEHzaVQLBRuwTg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgyGE9975RUoR9hxAYuMQiCk_x4AL2TH0oof_wObdJwr30izH_qjGug-KrGHboCIHWKDsjcAbcis0O1f_h8JXCXtEwwHpr4_03hmXVkPk8o9KRIzREh3uF1y0ovvnW_d3pga-QbIecdTuzycTuLhPWcJEWyk1hQZDOJTihfJf2jOEHzaVQLBRuwTg" title="https://ooo.tn.edu.tw/modules/tad_book3/page.php?tbsn=7&tbdsn=154" alt="https://ooo.tn.edu.tw/modules/tad_book3/page.php?tbsn=7&tbdsn=154" class="original-size">
</a></p>
<p><a href="https://ooo.tn.edu.tw/modules/tad_book3/page.php?tbsn=7&tbdsn=154" target="_blank">https://ooo.tn.edu.tw/modules/tad_book3/page.php?tbsn=7&tbdsn=154</a></p>
<p>LibreOffice Writer當然也能做到一般企業最常用的合併列印功能。除此之外,我個人特別私心喜歡LibreOffice Writer的小細節,那就是LibreOffice能夠直接插入SVG向量格式。相關的介紹可以看看「<a href="/2023/02/blog-post_62.html">在LibreOffice插入Google Slide繪製的向量圖片</a>」這篇。</p>
<p>總之,儘管個人能做到的事情十分渺小,但我還是希望能夠一點一滴地推動各種開放標準與開放原始碼精神。科技的進步固然可以為經濟能力許可的人們帶來優勢,不過更重要的是,同時也要讓所有人的水準一起提升,讓世界的文明持續成長、茁壯。</p>
<hr>
<p>本來我只想寫一下要怎麼編輯ODT檔案,不知不覺變得超級長了。文章最後要來問大家的是,你通常會編輯什麼類型的文件呢?</p>
<ul>
<li>1. 1到3頁的doc或docx文件檔,但是裡面是表格。</li>
<li>2. xls或xlsx的試算表檔,而且是真的表格。</li>
<li>3. 超過10頁以上的文件檔,主要是報告。</li>
<li>4. 更專業的出版品排版。</li>
<li>5. 其他:歡迎在下面留言分享喔!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁。大家最近在吃什麼呢?
今天想和大家分享我寫的關於如何編輯ODT檔案的文章。ODT,全稱OpenDocument Text,是一種開放標準的文字處理文件格式,適合於多種作業系統和軟體使用,特別受到學術和專業文件編輯者的喜愛,我也在上課時鼓勵學生使用ODT格式寫作業跟報告。
對於不同裝置的使用者,我提供了三種編輯ODT檔案的方法。桌面電腦使用者可以選擇LibreOffice,這是一個功能全面的辦公室套件。行動裝置使用者則可以使用Collabora Office,雖然功能有限,但足夠應付基本需求。如果不想安裝任何軟體,使用者也可以選擇通過瀏覽器使用GroupDocs的Online Document Editor,它能夠滿足簡單編輯的需求。
我還分享了自己對ODT格式的看法。雖然Microsoft Office功能強大,但考慮到其付費性質和一般使用者的需求,基於ODF標準的ODT格式會是一個免費且自由開放的選擇。它不僅滿足基本編輯需求,還能跨平台使用。這篇文章不僅是技術指南,也展現了我對技術普及和知識分享的熱情,希望能夠推廣開放標準的文件格式。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-77396574153422982912024-01-19T12:00:00.008+08:002024-01-19T12:43:13.197+08:00公式的樣式小不同:IEEE跟APA的比較 / Differences in Equation Formatting: A comparison between IEEE and APA<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj7SY1hiGrJaR1SNGDzbDk9rWPafQACYEiYN-kOLouyuvDPZu0usfp1KK-XCT7yvwt0GdgZsrbVvtIaPqwLgaa0ZzkH0nOHIXvkNpVj7ufehv29xbDdmuyS0XF97WFLExyyAx-6LSBmgoe9mgFRvh7Axwt1hzyStt4gSk8mfv_yKVEdcsZt0si_qw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj7SY1hiGrJaR1SNGDzbDk9rWPafQACYEiYN-kOLouyuvDPZu0usfp1KK-XCT7yvwt0GdgZsrbVvtIaPqwLgaa0ZzkH0nOHIXvkNpVj7ufehv29xbDdmuyS0XF97WFLExyyAx-6LSBmgoe9mgFRvh7Axwt1hzyStt4gSk8mfv_yKVEdcsZt0si_qw" title="2024-0119-024843.png" alt="2024-0119-024843.png" class="original-size">
</a></p>
<p>IEEE跟APA不僅僅是參考文獻的格式,論文寫作的樣式都是它們管轄的範圍,當然也包括公式(equation)了。</p>
<a name='more'></a>
<hr>
<h2><span style="color: inherit;">IEEE樣式 / IEEE Style</span><br></h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjAHJB5dIe27nxail3_ZI_r70A1fJLfg8dAECOJfD1KLhJNZW-xzfHzT3mWGS_unT7bZER19Qz5h7OYNE_QwkSaHJgdXfjqi4-bL-P9LJVI58fdJjnixU1e5CWmCwdpijMnWY6vklHE15tAH1MbzeAQnfKHYPXQvEWLSJ6iiNogegSphy09qAObHA"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjAHJB5dIe27nxail3_ZI_r70A1fJLfg8dAECOJfD1KLhJNZW-xzfHzT3mWGS_unT7bZER19Qz5h7OYNE_QwkSaHJgdXfjqi4-bL-P9LJVI58fdJjnixU1e5CWmCwdpijMnWY6vklHE15tAH1MbzeAQnfKHYPXQvEWLSJ6iiNogegSphy09qAObHA" title="2024-0119-021850.png" alt="2024-0119-021850.png" class="original-size"></a></p>
<p><a href="https://owl.purdue.edu/owl/research_and_citation/ieee_style/tables_figures_and_equations.html" target="_blank">https://owl.purdue.edu/owl/research_and_citation/ieee_style/tables_figures_and_equations.html</a> <br></p>
<p>如果論文內容涉及演算法、計算方程式等內容,我們會需要在論文中插入公式(equation)。公式樣式的定義大多寫在工程領域常用的IEEE樣式裡面,例如Purdue Online Writing Lab的<a href="https://owl.purdue.edu/owl/research_and_citation/ieee_style/tables_figures_and_equations.html">Tables, Figures, and Equations</a>。IEEE的公式通常以獨立的區塊方式呈現。中間是完整的公式,右邊是半形圓括號包裹著編號。</p>
<p>如果要在文中提及該公式,則應該將圓括號帶著數字一起撰寫,例如「as seen in (3)」或「如(3)所示」,而不是寫「as seen in Equation (3)」或「如式(3)所示」。不過如果你要在句子開頭提到該公式的話,用圓括號與數字作為開頭可能會被誤會為編號清單,因此應該加上「Equation」或「式」,寫法則會是「Equation (3) show...」或「式(3)表示...」。</p>
<hr>
<h2>APA樣式 / APA Style</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhWOpqMTJSsD4bkYGdZsx7lNCP5olhFRJSI5AKjzJZ6q-qeGhHQpL450LMZ2ObAJ4mpcf4DKBW-D6qXSRY17awD4jXNIUMB2Mp9HO4qREAaADd6qz2RCxALgYZOyaBSuQP5xGgEBQOJxulFz4HLE0oKEOKkvlCggiaJ0wJm9BwTiU9tHuATSDHF_g" style="color: rgb(35, 82, 124); outline: 0px;"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhWOpqMTJSsD4bkYGdZsx7lNCP5olhFRJSI5AKjzJZ6q-qeGhHQpL450LMZ2ObAJ4mpcf4DKBW-D6qXSRY17awD4jXNIUMB2Mp9HO4qREAaADd6qz2RCxALgYZOyaBSuQP5xGgEBQOJxulFz4HLE0oKEOKkvlCggiaJ0wJm9BwTiU9tHuATSDHF_g" title="2024-0119-021702.png" alt="2024-0119-021702.png" class="original-size"></a></p>
<p>Publication manual of the American psychological association (Seventh edition). (2020). American Psychological Association. <a href="https://search.worldcat.org/title/1257387666">https://search.worldcat.org/title/1257387666</a></p>
<p>APA第七版也有提到如何撰寫公式。公式可能會以兩種形式出現在論文中。一個是在行內,另一種則是加上編號之後的完整內容。</p>
<p>行內撰寫的公式例如 a = [(1 + b)/x]<sup class="" undefined="">1/2</sup> 。如果要在行內撰寫公式,有兩點需要注意的事情:</p>
<ol>
<li>分數的撰寫請用斜線「/」來區隔分子與分母。</li>
<li>盡量使用括弧來區隔公式與其他行內的文字。括弧的順序依序是 ()、 [()]、 {[()]}。</li>
</ol>
<p>完整內容則是我們比較熟悉的形式。通常公式會單獨以一行或一整個區塊呈現。左邊是公式本身,置左排列。不過在<a href="https://graduate.asu.edu/sites/default/files/apa-quick-reference_0.pdf">APA第六版</a>中常見是用置中排列。右側靠近頁緣的地方,則常有用半形圓括號包裹起來的編號,例如(3)。以下是完整內容的例子。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj9M9TfZ-Vsz63A6IpqebPPKifhR0t89cEiaOuNQ7wQXrkyA8zTTVk1AJGMuXEzCZxA_enrozLcwRla7UOkQJqH1aRy9QP3U3fL_Np6sMADw8T_-Uq_M3-NNyFdBApNcPm8bt9QzKgGAkMJpCYywJBBXsnq7ye_7Jkmsy_4hFKK6Q1d1B8M_Xq8Bw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEj9M9TfZ-Vsz63A6IpqebPPKifhR0t89cEiaOuNQ7wQXrkyA8zTTVk1AJGMuXEzCZxA_enrozLcwRla7UOkQJqH1aRy9QP3U3fL_Np6sMADw8T_-Uq_M3-NNyFdBApNcPm8bt9QzKgGAkMJpCYywJBBXsnq7ye_7Jkmsy_4hFKK6Q1d1B8M_Xq8Bw" title="2024-0119-023803.png" alt="2024-0119-023803.png" class="original-size"></a></p>
<p><a href="https://owl.purdue.edu/owl/research_and_citation/apa_style/apa_formatting_and_style_guide/apa_numbers_statistics.html" target="_blank">https://owl.purdue.edu/owl/research_and_citation/apa_style/apa_formatting_and_style_guide/apa_numbers_statistics.html</a> <br></p>
<p>我們可以看到APA的範例中,公式本身的左右區塊很明顯地離頁緣有段距離。但APA並沒有明確定義它到頁緣的距離,反而是各個公式的距離都不一樣。</p>
<p>如果要在文中講到該公式時,寫法必須註明完整的「equation」,而不可以用簡稱「Eq.」。可以使用的寫法包括了「Equation 3」或是「the third equation」。</p>
<p>由此可見,IEEE跟APA對公式樣式的要求並不相同。在撰寫論文時,請遵循發表刊物的樣式。</p>
<hr>
<p>這篇簡單的介紹就到此為止了。文章最後要來詢問的是:你在論文中都是用那種樣式撰寫公式呢?</p>
<ul>
<li>1. IEEE樣式:工程師當然用IEEE啊。</li>
<li>2. APA樣式:現在社會科學研究也要懂得演算法啊。</li>
<li>3. 不寫公式:我文組我驕傲。</li>
<li>4. 自我流派或其他:在下面留言吧!</li>
</ul>
<pre class="abstract" style="display: none;">大家好,我是布丁,今天要為大家簡要介紹IEEE和APA兩種常見的論文公式樣式。兩者對論文中的公式呈現方式皆有不同的要求,所以選擇合適的樣式非常重要。
首先,IEEE樣式是工程領域常用的,公式通常以獨立的區塊方式呈現,公式置左,而編號則以半形圓括號包裹著。在提及公式時,可以簡單地寫成「如(3)所示」。
而APA樣式則是社會科學研究中常見的樣式,公式可以以行內或完整內容的方式呈現。完整呈現時通常是讓公式置左、編號置右。在提及公式時,應該註明完整的「equation」,例如「Equation 3」。
希望這個簡單的介紹能幫助你在論文撰寫中做出合適的選擇。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-78303637472349033582024-01-05T12:00:00.011+08:002024-01-05T12:00:00.277+08:00臨時要傳送檔案的話,怎麽辦好呢? / Temporarily Transferring Files Between Different Computers via Internet<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjKBVIlbk_pUEZGp3-sI9my3YW7S2nM40RQ53Vg7m7AZObD8If-hsSqEnsjrGj617IDlOrW-685FWa_EZcmBaOaXKtq96m67XKtFk9EMaCJJDxaFi27LFXZr0ehX31lCJDFQZKBKJmZAvfjpp4xRfzs7lTnnFQ1-ofTJgdJbwLkjKDoMQchWfwUjA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjKBVIlbk_pUEZGp3-sI9my3YW7S2nM40RQ53Vg7m7AZObD8If-hsSqEnsjrGj617IDlOrW-685FWa_EZcmBaOaXKtq96m67XKtFk9EMaCJJDxaFi27LFXZr0ehX31lCJDFQZKBKJmZAvfjpp4xRfzs7lTnnFQ1-ofTJgdJbwLkjKDoMQchWfwUjA" title="2024-0102-112755.png" alt="2024-0102-112755.png" class="original-size">
</a></p>
<p>以前要臨時傳送檔案的時候總是會靠隨身碟,然後每次插著就忘記了。現在可以試試看<a href="https://tmpfiles.org/">/tmp/files</a>。</p>
<a name='more'></a>
<hr>
<h2>100MB以下小檔案適用 / For Small Files under 100MB</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjQCtIS8x1cQUEq_vmpOEnvsccFHXZz4QtqQB-OXg-DCzJCWC2YnlEhrASIdfg2y6bvkI8Z_k9rjM4w_dP1Q6z93RWJTNjBTiTPM-tAVCDYJKb3NsdbDot9ItMxUhJoyrVfn-znkMM9hpQshN_CSG4ZnQP8NUweaTddRzvvlODIbl1YXN6dqB8qrQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjQCtIS8x1cQUEq_vmpOEnvsccFHXZz4QtqQB-OXg-DCzJCWC2YnlEhrASIdfg2y6bvkI8Z_k9rjM4w_dP1Q6z93RWJTNjBTiTPM-tAVCDYJKb3NsdbDot9ItMxUhJoyrVfn-znkMM9hpQshN_CSG4ZnQP8NUweaTddRzvvlODIbl1YXN6dqB8qrQ" title="2024-0102-111406.png" alt="2024-0102-111406.png" class="original-size">
</a></p>
<p><a href="https://tmpfiles.org/" target="_blank">https://tmpfiles.org/</a></p>
<p>「/tmp/files」並不是Linux的路徑名稱,而是這個網站的名字。它的用途很簡單,上傳100MB以下的檔案,然後就能取得下載檔案的網址。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiB1ykBNs2eLS-vZls0cptdb_-pecRdQAl5oNYyYOL6MelD9dodirGH-cXCrVjByueicttQDjzqdG05r7qQ313hrzIeFlDQx1F1bNKDBp-CzjmUM7eFub38FDdPXnAufijFFKMNGdkTNFmEPV3KG9a1EaXpfeqfYSlIA59v7YokS5mJfgT4tj-W4w">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiB1ykBNs2eLS-vZls0cptdb_-pecRdQAl5oNYyYOL6MelD9dodirGH-cXCrVjByueicttQDjzqdG05r7qQ313hrzIeFlDQx1F1bNKDBp-CzjmUM7eFub38FDdPXnAufijFFKMNGdkTNFmEPV3KG9a1EaXpfeqfYSlIA59v7YokS5mJfgT4tj-W4w" title="2024-0102-111607.png" alt="2024-0102-111607.png" class="original-size">
</a></p>
<p>舉例來說,我上傳了「412000043 期末報告 - 資訊圖表街訪.odt」以上面的例子來說,最後我取得的網址就是「<span style="white-space: normal;">https://tmpfiles.org/dl/3737333/412000043-.odt</span>」。該網址會在60分鐘之後到期移除。因此非常適合用來傳輸臨時的小檔案。</p>
<h3>檔名會被修改的問題 / The Issue of File Names Being Altered</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjGnHAqYtUsIEKnQdTI1WqU_VokxoPUCpY3J8L5UDKncb-Av3iGphUWI_be0EuVYQCuS9IARjLvAXZZo0w7c1VJ1VAiiAb3_A_NPHg8N6ik_pyeKDx1ml5PEAoPKEZrkPTewAA8hPNXuahVAXqWL3cY12MoEpCm_NlqCpc212t2ixa5S_w9nRzCSg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjGnHAqYtUsIEKnQdTI1WqU_VokxoPUCpY3J8L5UDKncb-Av3iGphUWI_be0EuVYQCuS9IARjLvAXZZo0w7c1VJ1VAiiAb3_A_NPHg8N6ik_pyeKDx1ml5PEAoPKEZrkPTewAA8hPNXuahVAXqWL3cY12MoEpCm_NlqCpc212t2ixa5S_w9nRzCSg" title="2024-0102-112025.png" alt="2024-0102-112025.png" class="original-size">
</a></p>
<p>需要注意的是,它的檔案名稱只會留下英文、數字跟部分的標點符號,不會保留中文。如果你需要保留完整的檔案,不妨先把檔案用7zip之類技術壓縮後再上傳。如此一來,就算下載的檔案名稱不會保持原本的中文,也不會影響到解壓縮後的結果。</p>
<h3><span style="color: rgb(0, 0, 0); font-weight: 700;">用QR碼取得網址 / Get URL from QR Code</span></h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiNZ-Lj_iXpwGe0x5Rh6xvCl_bWK3eILSnZ24xwGpRpLazZQihWmzUi_AAhK_AISB6AC-1G5MWhCJPvdB_0UnQPn6Kxwpw0Sz8oBPdL-6raZsAa6WRwYcBbXZ7oPHxUmALpf9bCVduJh4JjwFqUnrb0QvyyUyMhKiAaMLHHgP99IitHHVIJc3OZWA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiNZ-Lj_iXpwGe0x5Rh6xvCl_bWK3eILSnZ24xwGpRpLazZQihWmzUi_AAhK_AISB6AC-1G5MWhCJPvdB_0UnQPn6Kxwpw0Sz8oBPdL-6raZsAa6WRwYcBbXZ7oPHxUmALpf9bCVduJh4JjwFqUnrb0QvyyUyMhKiAaMLHHgP99IitHHVIJc3OZWA" title="2024-0102-112144.png" alt="2024-0102-112144.png" class="original-size"></a></p>
<p>如果你想要用手機快速取得該網頁的網址,不妨按右鍵開啟選單,使用「Create QR Code for this page」。現在大多瀏覽器都有支援類似的功能。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhH3Yx-HWLOa8RrR7500_AdRegipw25gZfAp5rkabJ8s0ydJxsyuhdY-EHk-1nffcy8iX1HM4YenFfq8mnryX0mvbv_DqXxhxZ1mW481aR-QL-Zgde5DA8nnxicArSBX_so-7zEJcQ_RpOSjDaxF7y45KyXqNPNlXhNu_B9DmgYQfbg5o3LED7Qww">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhH3Yx-HWLOa8RrR7500_AdRegipw25gZfAp5rkabJ8s0ydJxsyuhdY-EHk-1nffcy8iX1HM4YenFfq8mnryX0mvbv_DqXxhxZ1mW481aR-QL-Zgde5DA8nnxicArSBX_so-7zEJcQ_RpOSjDaxF7y45KyXqNPNlXhNu_B9DmgYQfbg5o3LED7Qww" title="2024-0102-112229.png" alt="2024-0102-112229.png" class="original-size">
</a></p>
<p>手機掃描這個帶有小恐龍的QR Code,這樣就可以取得網址、輕鬆在手機上下載檔案了。</p>
<h3>供開發者用的API / RESTful API for Developers</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjT7_jM3-5SrXMBhV6GVf_CFA--hXVh7wxJCaFVAXNOhM38jWB3V5FWefY_3By2zWS6DGc0WTTONRvngx32KY9vrsV-Sz5TQAvQp0S9Y6H5ct5CxCv_UBGCC2mtE3rzQafywhUuXeS6fPLOCq7EOjweWzE-eIO9Z84Bf4HQUUTkDzFpHeut6iELSg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjT7_jM3-5SrXMBhV6GVf_CFA--hXVh7wxJCaFVAXNOhM38jWB3V5FWefY_3By2zWS6DGc0WTTONRvngx32KY9vrsV-Sz5TQAvQp0S9Y6H5ct5CxCv_UBGCC2mtE3rzQafywhUuXeS6fPLOCq7EOjweWzE-eIO9Z84Bf4HQUUTkDzFpHeut6iELSg" title="2024-0102-113025.png" alt="2024-0102-113025.png" class="original-size">
</a></p>
<p><a href="https://tmpfiles.org/api" target="_blank">https://tmpfiles.org/api</a></p>
<p>/tmp/files還支援了RESTful API的功能。開發者可以使用POST方法將檔案傳送到「<a href="https://tmpfiles.org/api/v1/upload">https://tmpfiles.org/api/v1/upload</a>」,然後便能取得臨時取用的網址。這真的是很方便呢!</p>
<p>不過最後還是要提醒大家,儘管傳送到/tmp/files的檔案會在60分鐘後刪除,但它仍然會公開在網際網路上。請不要傳送私密、具有機密的檔案喔!</p>
<hr>
<p>這個簡單的分享就到這裡了。最後要來問大家的是:你之前是怎麽傳送檔案的呢?</p>
<ul>
<li>1. LINE。因為長官都用LINE。</li>
<li>2. Email電子信箱吧。可以搜尋跟保存也是不錯。</li>
<li>3. USB隨身碟。這是我弄丟後的第三隻了。</li>
<li>4. 其他:歡迎在下面留言分享喔!</li>
</ul>
<pre class="abstract" style="display: none;">在這篇文章中,我介紹了一種便利的檔案傳輸網站服務,其名為「/tmp/files」。這個網站允許使用者上傳最大100MB的檔案,並提供臨時的下載連結,有效期為60分鐘。這個方法非常適合傳送臨時性的小檔案。我還提到了該網站在檔案名稱上的限制,比如它不會保留中文的文字。為了解決這個問題,我建議可以使用7zip等工具先行壓縮檔案。此外,我也提到了利用QR碼快速分享下載連結的方法,方便從手機上訪問和下載檔案。
此外,「/tmp/files」還提供了一個RESTful API,讓開發者能透過程式碼上傳檔案,進一步擴展其應用場景。最後,我提醒讀者雖然這個服務會在60分鐘後自動刪除上傳的檔案,但因為檔案在這段時間內是公開的,所以不建議上傳敏感或機密資料。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com6tag:blogger.com,1999:blog-16607461.post-4972143280339012952024-01-01T21:23:00.001+08:002024-01-01T21:23:33.747+08:00索引的忠實支持者 / The Dedicated Index Fan<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh-T6OMcSo5fSaJhIGituz71UQEMm65wQjJR_D01PoycB_gIWCjJNMxO7GKk_OIb5unLf1gl4n-_cG90UmvwyRxSiH_4ckh2IGFX--1viJWup7SJiJETmG7HdT2Vl8vEP3bADRn8K_fBkUHxiraeXjTOk0yvHwwMcEmt4R3ka1ZySfwwFn8E3BnQg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh-T6OMcSo5fSaJhIGituz71UQEMm65wQjJR_D01PoycB_gIWCjJNMxO7GKk_OIb5unLf1gl4n-_cG90UmvwyRxSiH_4ckh2IGFX--1viJWup7SJiJETmG7HdT2Vl8vEP3bADRn8K_fBkUHxiraeXjTOk0yvHwwMcEmt4R3ka1ZySfwwFn8E3BnQg" title="2024-0101-211231.png" alt="2024-0101-211231.png" class="original-size">
</a></p>
<p>很多人會問我:「為什麼要學索引呢?」我想,如果製作出好的索引的話,夏洛克・福爾摩斯(Sherlock Holmes)一定會非常愛你!</p>
<a name='more'></a>
<hr>
<h2>必修課程:索引與摘要 / Required Courses: Indexing and Abstracting</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEja4WYiyV8MLkHi_FPHn8DJEL3xsrX3LL5oPMXgLSZUPY0ype_7jcdM22vZLjfRIVI7oelFu_B6QH9BjQ3AurxMJr98ry38k_-3YHso_JhxzDQKVqZP7IqCPA5RF_91f5-v3W3jA5b7xqufM44AKtCUrrlNa4Ep7pPeJjkL65-eoU4wb-SBK27GtQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEja4WYiyV8MLkHi_FPHn8DJEL3xsrX3LL5oPMXgLSZUPY0ype_7jcdM22vZLjfRIVI7oelFu_B6QH9BjQ3AurxMJr98ry38k_-3YHso_JhxzDQKVqZP7IqCPA5RF_91f5-v3W3jA5b7xqufM44AKtCUrrlNa4Ep7pPeJjkL65-eoU4wb-SBK27GtQ" title="2024-0101-201452.png" alt="2024-0101-201452.png" class="original-size">
</a></p>
<p>我在淡江資圖系任教的其中一個重要職責是負責大三的必修課程「索引與摘要」(indexing and abstracting)。大部分的人可能聽到「摘要」就點點頭,表示這的確很重要,不過課程設計上我卻是以「索引」為重點。</p>
<p>「索引?那是什麼?那有什麼重要的嗎?」說真的,一開始我還真沒想過為什麼要解釋「索引很重要」的這件事情。由於圖書館大多時候都面臨著人力難以處理的大量資訊,利用索引來快速找到需要的段落就是一件理所當然的事情。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEieaQnIA4GzhCTnH-4MYoJHY03HK17aniAxz4FqLperdWnIJmKL1J9L4QWfhHl0-QR-IjwLpnyXUgli8pomTRsL4mRTpxCqco0AUxWBCurDyZYsqoyAZ58NJZuaKnQPRHkQYtPMJn9A7wnF8zKyFiIponxUTdE-xqynCqsXEfUTM3P_2SfrSsGBAw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEieaQnIA4GzhCTnH-4MYoJHY03HK17aniAxz4FqLperdWnIJmKL1J9L4QWfhHl0-QR-IjwLpnyXUgli8pomTRsL4mRTpxCqco0AUxWBCurDyZYsqoyAZ58NJZuaKnQPRHkQYtPMJn9A7wnF8zKyFiIponxUTdE-xqynCqsXEfUTM3P_2SfrSsGBAw" title="3._Types_of_Indexes_-_112-1_Indexing_and_Abstracting_-_image20.png" alt="3._Types_of_Indexes_-_112-1_Indexing_and_Abstracting_-_image20.png" class="original-size">
</a></p>
<p>要說現代仍會被冠以「索引」之名而廣為人知的,大概是上圖的這種書後索引。書後索引將書中提及的關鍵詞(keyword)轉換成描述詞(descriptor),並將頁碼作為定位器(locator),指示讀者可以翻向前面的頁數。國外的非虛構書籍大多都有編制索引,但臺灣出版的圖書中,僅有部分教科書才有索引的編制。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiCgUdKaqlSpFESbqsIbAtcP0mADecyrDN9xmyqAl1nBkRpq80yTjJSy_X0UWLYjdHvIQW710i4ybLVGGZN-7_bnr_YFElyV72lqPem_thoqTV0WH_WwwKq0zZ4S9JxiI3ZrCB0yst63ZTYxX4ybF_N6NNwpB6Ajxr7if6b-awL7OK5X4VmVOz0Xg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiCgUdKaqlSpFESbqsIbAtcP0mADecyrDN9xmyqAl1nBkRpq80yTjJSy_X0UWLYjdHvIQW710i4ybLVGGZN-7_bnr_YFElyV72lqPem_thoqTV0WH_WwwKq0zZ4S9JxiI3ZrCB0yst63ZTYxX4ybF_N6NNwpB6Ajxr7if6b-awL7OK5X4VmVOz0Xg" title="2._Basic_Indexing_Concepts_-_112-1_Indexing_and_Abstracting.png" alt="2._Basic_Indexing_Concepts_-_112-1_Indexing_and_Abstracting.png" class="original-size">
</a></p>
<p><a href="https://indexhistory.wordpress.com/2015/06/04/the-poets-tongue-the-index-as-argument/" target="_blank">https://indexhistory.wordpress.com/2015/06/04/the-poets-tongue-the-index-as-argument/</a> <br></p>
<p>索引在文學、歷史等擁有大量經典的科系中特別重要。上圖由W. H. Auden跟他的同事John Garrett所著的The Poet's Tongue中,他們以詩詞的第一行作為索引款目,後面的定位器(locator)則標示著對應的作者與日期,方便讀者用詩詞來找尋對應的作者。沒錯,這就是「啊、啊,有,我有聽過那首歌,那個是誰誰誰...唱的...誰?」的古代版本。</p>
<p>儘管課堂上如此闡述,實際上學生還是很難理解索引的重要性。就算我跟他們說:「其實你在Google搜尋關鍵字、找到對應的網頁,這就是現代索引的使用喔!」(然後順便推銷研究所的課程「資訊儲存與檢索」),但同學茫然的表情顯示出他們依然無法把課程介紹的書後索引跟Google搜尋引擎連結在一起。</p>
<p>最近我終於發現一個更好的索引代言人了,他就是鼎鼎大名的名偵探:夏洛克・福爾摩斯。</p>
<hr>
<h2>夏洛克・福爾摩斯喜歡好的索引 / Sherlock Holmes Loves a Good Index</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEikXt1oYJw1_wImnKhOVQQBz4cBdTHWMIc6-iupzNO87S8gohVETVhrZoFakasl2BthxFx29X7EB9Cb4wXNQW8DBkNLnw5Q02OH6HjHVRSH_slyQTb9eXi-3alRgm_BjXB2E_fJCOUzzH716RAfOAXGoqgd0dO_yZAytLuxOFenpvjiiyFj54_nkg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEikXt1oYJw1_wImnKhOVQQBz4cBdTHWMIc6-iupzNO87S8gohVETVhrZoFakasl2BthxFx29X7EB9Cb4wXNQW8DBkNLnw5Q02OH6HjHVRSH_slyQTb9eXi-3alRgm_BjXB2E_fJCOUzzH716RAfOAXGoqgd0dO_yZAytLuxOFenpvjiiyFj54_nkg" title="london-244261_1920.jpg" alt="london-244261_1920.jpg" class="original-size">
</a></p>
<p><a href="https://pixabay.com/photos/london-sherlock-holmes-244261/">https://pixabay.com/photos/london-sherlock-holmes-244261/</a><br></p>
<p>夏洛克・福爾摩斯是柯南·道爾(沒錯,就是名偵探柯南的命名由來)筆下的名偵探。同時,他也是以無所不知到近乎像是超能力般的腦袋而吸引讀者。但福爾摩斯並不是純粹靠過人的記憶而做到這件事情,沒錯,他靠的是豐富的索引:</p>
<blockquote>“華生,麻煩你查一下這個艾琳.艾德勒,我的資料索引中就有。”福爾摩斯仍舊是閉著眼睛低聲說道。這是他常年以來特有的習慣,把許多人和事的資料整理起來貼上標簽以備查看。所以,幾乎沒有什么人和事是他難以及時提供情況的。很快,我就找到了艾琳.艾德勒的資料——它夾在一個猶太裔的法學博士和熱衷于研究深海魚類的參謀官的資料中間。<br><a href="https://www.sanmin.com.tw/product/index/004283552" target="_blank">https://www.sanmin.com.tw/product/index/004283552</a> </blockquote>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhH-Q0B4a9UZY_ws-kKkI70tMPuz-hY_co81crqMaVzpZY4KgltVr2Xtk9YMsRIjZLzHqcMt4IIBSvI3i22zzPftQ47ty9Tio6JY3h8i6bZLwAHEWBUqoHRtZZsGxEy4FYvKer7L9dU9oOlpt5Fqd6b8QiLMjny9p9HnBXXpT8SdzSyIWpvrhANZA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhH-Q0B4a9UZY_ws-kKkI70tMPuz-hY_co81crqMaVzpZY4KgltVr2Xtk9YMsRIjZLzHqcMt4IIBSvI3i22zzPftQ47ty9Tio6JY3h8i6bZLwAHEWBUqoHRtZZsGxEy4FYvKer7L9dU9oOlpt5Fqd6b8QiLMjny9p9HnBXXpT8SdzSyIWpvrhANZA" title="http://www.undertheoaksindexing.com/sherlock-holmes/" alt="http://www.undertheoaksindexing.com/sherlock-holmes/" class="original-size">
</a></p>
<p><a href="http://www.undertheoaksindexing.com/sherlock-holmes/" target="_blank">http://www.undertheoaksindexing.com/sherlock-holmes/</a> <br></p>
<p>在故事中可以看到福爾摩斯多次維護並整理索引,或著是「陰沉地坐在壁爐前,比對犯罪記錄索引」。如果你有興趣的話,Under The Oaks Indexing將福爾摩斯使用索引的段落製作成了一個「索引」的網頁,方便讀者回顧福爾摩斯使用索引的各個場景。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhb7pK938nu60KhFPVP0zglVL1dp3STbPG37bUtz37GefME8NSKap-O7nIOW3GkkQ1dK8i4V6z32tuuEqcL_yLYcvu_6Ujp_Rp7EtPB1L5Ydscx6Tk2_tHaNpmt0rfZY7ygGLUp6ewDeBulqetN1AsZHsY_FwcOnxvyPhx2Euq2ARgLU5RI2bqqGw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhb7pK938nu60KhFPVP0zglVL1dp3STbPG37bUtz37GefME8NSKap-O7nIOW3GkkQ1dK8i4V6z32tuuEqcL_yLYcvu_6Ujp_Rp7EtPB1L5Ydscx6Tk2_tHaNpmt0rfZY7ygGLUp6ewDeBulqetN1AsZHsY_FwcOnxvyPhx2Euq2ARgLU5RI2bqqGw" title="2024-0101-205821.png" alt="2024-0101-205821.png" class="original-size"></a></p>
<blockquote><span style="color: inherit;">Duncan, D.(2023)。索引,知識的鑰匙:從書本到數位搜尋時代,索引如何打造我們的知識體系,型塑我們的世界觀(陳岳辰譯;初版)。商周出版。</span></blockquote>
<p>福爾摩斯喜歡索引的這件事情,是我在閱讀「索引,知識的鑰匙」這本書之後才學到的知識。這本書講述了很多索引相關的小故事,未來有機會再跟大家分享吧。</p>
<hr>
<p>那麼今天的分享就到這裡了。最後要來問大家的是:你有聽過索引(index)嗎?</p>
<p>1. 書本最後面的那個?</p>
<p>2. <a href="https://zh.wikipedia.org/wiki/%E8%8C%B5%E8%92%82%E5%85%8B%E7%B5%B2">魔法禁書目錄</a>?</p>
<p>3. 我只聽過福爾摩斯。</p>
<p>4. 其他:在下面留言吧!</p>
<pre class="abstract" style="display: none;">大家好,今天我想來講講索引重要性跟福爾摩斯之間的關係。這篇文章首先介紹了為什麼索引是如此重要,特別是在資訊爆炸的時代,快速找到需要的資訊變得至關重要。然後,我分享了「索引與摘要」課程中介紹的書後索引跟詩詞索引的例子,並強調索引在文學和歷史等領域的重要性。
為了幫助學生更能瞭解索引的價值,我想也許未來可以介紹一位索引的忠實粉絲:夏洛克・福爾摩斯。作為一個索引的愛好者,福爾摩斯在故事中多次使用了索引。甚至還有粉絲將福爾摩斯使用索引的片段整理成了索引。
總結來說,這篇文章強調了索引的重要性,並通過夏洛克・福爾摩斯的故事豐富了我們對索引的理解。索引不僅存在於書本中,還存在於我們日常生活中,幫助我們快速找到需要的資訊。所以,無論你是書本的愛好者還是網路使用者,索引都是你不可或缺的知識工具。你聽過索引嗎?如果有其他關於索引的看法或想法,歡迎在下方留言分享。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-64193888645163632712023-12-29T12:00:00.008+08:002023-12-29T12:00:00.237+08:00好想要視窗群組功能 / A Missing Feature: Windows Grouping in KDE<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg4B5liAeTMJLrB49vuQHkequLYsSlyKg-2kYEXXV7riLy5tX-XVFyk19Y6Y_pRn-UsKCnseoaLx4T2ksZP_6qz6a372QqvYBy7ZWpjhrzUq-83jmB9a8CbKkOcK0TxHteBBBIufD_wPeZkwWWSASU-A0FoL3UOxpFlI3lL4vinzNVH0XcxWPD9Cw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg4B5liAeTMJLrB49vuQHkequLYsSlyKg-2kYEXXV7riLy5tX-XVFyk19Y6Y_pRn-UsKCnseoaLx4T2ksZP_6qz6a372QqvYBy7ZWpjhrzUq-83jmB9a8CbKkOcK0TxHteBBBIufD_wPeZkwWWSASU-A0FoL3UOxpFlI3lL4vinzNVH0XcxWPD9Cw" title="2023-1229-053222.png" alt="2023-1229-053222.png" class="original-size">
</a></p>
<p>視窗群組功能是我認為數一數二重要的生產力功能啊。真希望能在KDE裡面使用。</p>
<a name='more'></a>
<hr>
<h2>視窗群組 / Grouping Windows</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhTS9vdnojjdOhbDiLHAHrXGPAElNkpqFHYkOnLpnB50Rbd48I7Of3tJz16UY6HB-rqQc3Zre5aRERslVLAfmwWhsPSRp_WW2irYr9OkhZgv2uGCqjAbn4U3KG0I3MMWS2N3ab6Ai06-7xErkA-EJMhwAfoDbWvtexw6CnCL_B30jSALebTIqhkNQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhTS9vdnojjdOhbDiLHAHrXGPAElNkpqFHYkOnLpnB50Rbd48I7Of3tJz16UY6HB-rqQc3Zre5aRERslVLAfmwWhsPSRp_WW2irYr9OkhZgv2uGCqjAbn4U3KG0I3MMWS2N3ab6Ai06-7xErkA-EJMhwAfoDbWvtexw6CnCL_B30jSALebTIqhkNQ" title="2023-1229-040415.png" alt="2023-1229-040415.png" class="original-size">
</a></p>
<p><a href="https://www.youtube.com/watch?v=8IF_YFcSgAc" target="_blank">https://www.youtube.com/watch?v=8IF_YFcSgAc</a> <br></p>
<p>什麼是視窗群組功能呢?目前最知名的大概是Windows 11的Snap Groups。在Windows 11中,當你指定多個視窗的排版、將多個視窗平鋪在整個螢幕時,Windows 11會將它視為一個群組,並在任務列上以一個圖示來表示整個群組。你可以將整個群組最小化、最大化,就跟管理一般的視窗一樣。你也可以儲存群組,下次就能一口氣開啟多個視窗,並依照你的需求來排版。</p>
<p>當你需要同時開啟多個視窗的時候,視窗群組的功能就特別重要。舉例來說,研究生要打逐字稿時,我們可能就是用左半邊的視窗播放錄影影片,右半邊則是打逐字稿。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhXV2ySE0ToZfm7mBU86LkIObGCY9Ksxo2vuJZVBcWsxd7wpVV8sodbivaz7BDvqA8ULvQh8Qbv6l7KNyhepBAlzgp8vQLHpTnvJlaIus9zCbjky4Hv7ZNsO9pN6ASutYSPmZHeCn3UHDGvSNGKr9CoYMaljtWtUNK91COWQMqM0OXj6u14Fu3Ghg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhXV2ySE0ToZfm7mBU86LkIObGCY9Ksxo2vuJZVBcWsxd7wpVV8sodbivaz7BDvqA8ULvQh8Qbv6l7KNyhepBAlzgp8vQLHpTnvJlaIus9zCbjky4Hv7ZNsO9pN6ASutYSPmZHeCn3UHDGvSNGKr9CoYMaljtWtUNK91COWQMqM0OXj6u14Fu3Ghg" title="2023-1229-041354.png" alt="2023-1229-041354.png" class="original-size">
</a></p>
<p><a href="https://www.l10nsoftware.com/thunderbird/" target="_blank">https://www.l10nsoftware.com/thunderbird/</a> <br></p>
<p>日常工作要處理信件時,我會開啟三個視窗,並將它排版成左半邊、右上角與右下角,左邊是Gmail的網頁,右上角是Google日曆、右下角則是待辦事項清單。雖然很多人可能會說,很多生產力軟體都能做到這個功能啊,例如<a href="https://www.thunderbird.net/zh-TW/">Thunderbird</a>。但比起仰賴特定的應用程式,我更希望的是能夠將包含Google Chrome瀏覽器在內的任意應用程式視窗群組在一起的功能啊。</p>
<h2>視窗頁籤化 / Grouping Windows as Tabs</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhMR5C0qCdyvUrOiG_cUFnTOdr97hKNmr7iRKP1mjLeTDW_5lJro4JaPwZLHRaB32JxgpPZHJY9tDmr4gJzrlSq4bs8o9z9_AH-Mumi1wPm_JZLj6S0iOnCQWJwS9dMNp6lD51ac52uovy7J6CnIlTTxi9Dq_9LtgElafMCGp9A7ntEUTlXLQyRGg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhMR5C0qCdyvUrOiG_cUFnTOdr97hKNmr7iRKP1mjLeTDW_5lJro4JaPwZLHRaB32JxgpPZHJY9tDmr4gJzrlSq4bs8o9z9_AH-Mumi1wPm_JZLj6S0iOnCQWJwS9dMNp6lD51ac52uovy7J6CnIlTTxi9Dq_9LtgElafMCGp9A7ntEUTlXLQyRGg" title="2023-1229-044639.png" alt="2023-1229-044639.png" class="original-size">
</a></p>
<p><a href="https://www.stardock.com/products/groupy/" target="_blank">https://www.stardock.com/products/groupy/</a></p>
<p>在Windows 11的Snap Groups之前,其實Windows已經有很多類似的方案。其中一個令我印象深刻的是Stardock出的<a href="https://www.stardock.com/products/groupy/">Groupy</a>。Groupy可以將多個視窗合併成一個視窗,而多個視窗之間則可以用頁籤來切換。這種視窗頁籤化做法的好處在於每個視窗都可以用較大的畫面來呈現,但缺點就是沒辦法像是Snap Groups一樣,同時將多個視窗以特定排版來呈現。</p>
<h2>視窗平鋪 / Tiling Windows</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjqJ5PGsrQtZH7uNIpELHZDFlpoF7wYqarQu_3Ifd_WxyObqBvO7nydeo3Xq2dB-7haYWJZDDFLEXYCNf5HW54kOn6D4KCErxFR45rbBnAebjSNthnzeQwNtr-ZEzyLHMUGXFkDBKvfEeGGKBmBrf_f6q0QFealbVN_lpnCpS3TlIqKkDjcRqwejA"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjqJ5PGsrQtZH7uNIpELHZDFlpoF7wYqarQu_3Ifd_WxyObqBvO7nydeo3Xq2dB-7haYWJZDDFLEXYCNf5HW54kOn6D4KCErxFR45rbBnAebjSNthnzeQwNtr-ZEzyLHMUGXFkDBKvfEeGGKBmBrf_f6q0QFealbVN_lpnCpS3TlIqKkDjcRqwejA" title="2023-1229-045858.png" alt="2023-1229-045858.png" class="original-size"></a></p>
<p><a href="https://www.zdnet.com/article/the-best-tiling-window-managers-for-linux-and-what-they-can-do-for-you/" target="_blank">https://www.zdnet.com/article/the-best-tiling-window-managers-for-linux-and-what-they-can-do-for-you/</a> <br></p>
<p>Snap Groups其中一個特點就是可以將視窗依照指定的排版來呈現。說到視窗排版,類似的概念就是視窗平鋪(tiling windows)。視窗平鋪這個詞在Linux使用者的心中別有含義。視窗平鋪通常是一種視窗管理工具,稱為平鋪視窗管理器(tiling window manager)。平鋪視窗管理會將螢幕上所有開啟的應用程式視窗填滿整個螢幕,而使用者能做的是改變平鋪的排版、以及調整視窗平鋪的順序。</p>
<p>雖然很多Linux使用者都覺得平鋪視窗管理器是他們的驕傲。但老實說,在只有指令列的環境下,平鋪視窗管理器還算可以用,但如果是需要顯示較多元素的普通圖形化介面的視窗,平鋪視窗管理器就不太實用。這是因為平鋪視窗管理器的規則是強制將所有視窗顯示在整個畫面上。你不能指定特定視窗暫時縮小或隱藏,也不能讓特定視窗縮放成任意大小並挪動。簡單來說,平鋪視窗管理器跟一般使用者操作視窗的邏輯,其實還是有相當大的差異。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiCAt0qUHIyLKRRs9FfNI1Jsgq0onXccPdoEkldcLeeE5wqqLv-eO5TU4LTTCzyOUoC3XsOg5tAahSU2ArTVJ9V0kOS5NxA35B-YArG12kAzo5zKC1EI0yTBPw7I3697uj__F-KLUZX4tIgx5CDO06IdkR8eo0NG7BkSsjkV0sqFKAgzcdHiwzO_Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiCAt0qUHIyLKRRs9FfNI1Jsgq0onXccPdoEkldcLeeE5wqqLv-eO5TU4LTTCzyOUoC3XsOg5tAahSU2ArTVJ9V0kOS5NxA35B-YArG12kAzo5zKC1EI0yTBPw7I3697uj__F-KLUZX4tIgx5CDO06IdkR8eo0NG7BkSsjkV0sqFKAgzcdHiwzO_Q" title="2023-12-29_03-56.png" alt="2023-12-29_03-56.png" class="original-size">
</a></p>
<p>但如果只是要將視窗調整成特定排版的話,這點倒是很容易做到。現代的桌面環境大多都支援視窗移動並縮放的功能,而且還可以用快速鍵來將視窗縮放在螢幕的左半邊或是螢幕的右半邊。KDE的擴充套件Exquisite更是提供了圖形化的介面,能夠讓人快速將視窗縮放並擺放到特定的位置。</p>
<p>然而我安裝了Exquisite大概快一年了,實際把它開啟的機率真的是少之又少。一部分的原因是我在桌面工作時使用了多個螢幕,比起在單一螢幕上顯示多個視窗,我更寧願將視窗移動到不同螢幕上、每個視窗都用最大化顯示,這樣更能利用多螢幕的特性。</p>
<p>另一個更根本的問題是,視窗平鋪只是將視窗排版,並不能做到將多個視窗群組在一起,進而大到一起開啟、一起放大、一起縮小、一起關閉的管理。</p>
<h2>KDE的視窗群組 / Window Grouping in KDE</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh2gJqKqVOxxoyQgzbZ-C5sVZkrPMS1szggWDDeoeI9heHzSFx_S_ALZ7jXAUaAKvsaz1ctV2_au91fGgBZ4ukWO_eLYG-BmNJzPC1OdFBjtKMRIhrBSVYgjmsG6l4-5a-dCkRz742LZWu0rdF8C0TdUHV4wgMJHB5JqvAHB1XZ-72IST0QAjtVjA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh2gJqKqVOxxoyQgzbZ-C5sVZkrPMS1szggWDDeoeI9heHzSFx_S_ALZ7jXAUaAKvsaz1ctV2_au91fGgBZ4ukWO_eLYG-BmNJzPC1OdFBjtKMRIhrBSVYgjmsG6l4-5a-dCkRz742LZWu0rdF8C0TdUHV4wgMJHB5JqvAHB1XZ-72IST0QAjtVjA" title="2023-1229-051116.png" alt="2023-1229-051116.png" class="original-size">
</a></p>
<p><a href="https://store.kde.org/p/1080966" target="_blank">https://store.kde.org/p/1080966</a></p>
<p>事實上,KDE真的有過視窗群組的功能,Kontainer就是其中一個擴充套件。但很遺憾的是,Kontainer的相關資訊已經不太可考,我也只是猜測它可能可以做到像是Snap Groups的功能。這是因為Kontainer只能在KDE 4之前使用,目前主要使用的KDE Plasma 5已經移除掉了視窗群組功能,未來似乎也沒有將它加回去的打算。</p>
<p>想到最近在用的新Android平板。以往Android的確具備應用程式分割的功能,但最近很多廠商都加入了多個應用程式群組在一起的功能,就能達到類似於Windows 11的Snap Groups的效果。連Android都能做到了,號稱桌面環境終極選擇的KDE Plasma到底何時才能做到呢?就讓我們繼續關注吧。</p>
<hr>
<p>這篇閒聊的內容差不多到這裡了。接下來要問大家的事情是:使用電腦或筆電的時候,你是怎麽使用視窗呢?</p>
<p>1. 最大化視窗。整個螢幕一次顯示一個視窗就好,這樣比較簡單。</p>
<p>2. 漂浮視窗。這樣螢幕上可以顯示多個視窗,方便在多個視窗之前拖曳、比對。</p>
<p>3. 平鋪視窗。在螢幕上顯示多個視窗,並讓它們佔據所有螢幕空間。</p>
<p>4. 其他:在下面留言吧!</p>
<pre class="abstract" style="display: none;">在這篇文章中,我探討了視窗管理功能在不同操作系統和桌面環境中的應用,特別是視窗群組、視窗頁籤化以及視窗平鋪。這些功能可以極大地提高工作效率,尤其是在需要同時處理多個應用程式視窗的情況下。
然而,我們也發現KDE Plasma 5在此方面似乎缺乏一個強大的內建解決方案,而Kontainer擴充套件則已經過時。這讓我們期待KDE團隊未來是否能夠加強這方面的功能,以提供更好的視窗管理體驗。
最後,我問了讀者在使用電腦或筆電時如何使用視窗的偏好,包括最大化、漂浮、平鋪視窗或其他方式。視窗管理是個人工作習慣的一部分,不同人可能有不同的偏好,這也是桌面環境需要不斷改進的地方。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com4tag:blogger.com,1999:blog-16607461.post-83724083701542051862023-12-26T03:06:00.008+08:002023-12-26T03:07:50.761+08:00如何查看PDF裡面的註解? / How to View Annotations in a PDF?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjN17TwmkSNExg0bmjrUi-ZS_VuPL9OCohX4DRtM73zGUlvXeF_PASkeonSlIxyMomdlYWifxU1SvFllirYzVABQjgZUywiuQ20nBHui4RYffSmR9vp8E2zAgXnfM-OEzHTZJejR7qslnjs6oagHQcRZQBV8jZvsBRKJWGGy_1nsmDyl2qrmRnipw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjN17TwmkSNExg0bmjrUi-ZS_VuPL9OCohX4DRtM73zGUlvXeF_PASkeonSlIxyMomdlYWifxU1SvFllirYzVABQjgZUywiuQ20nBHui4RYffSmR9vp8E2zAgXnfM-OEzHTZJejR7qslnjs6oagHQcRZQBV8jZvsBRKJWGGy_1nsmDyl2qrmRnipw" title="2023-1226-025936.png" alt="2023-1226-025936.png" class="original-size">
</a></p>
<p>請使用PDF-XChange Editor來檢視PDF的註解,不要用瀏覽器內建的陽春PDF檢視器來看。</p>
<a name='more'></a>
<hr>
<h2>PDF-XChange Editor</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhn1pwCdXMvxf3CxDseX3A_KqU6GC51HFat4YdZRsWB_l3O9AVTYyrEr02Sz-ih34F3FOkGJOUoaXgCyu8o8B6KdJ4poYj-8sNRW8wpPCO-8eXcdwGhesaWhQ1Ko5uhBZBuNAfU9TQvIwGc4ZDUjI1zdjrTNoiBi9lWwQJmzLa8h_V-kE0Ak34eMg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhn1pwCdXMvxf3CxDseX3A_KqU6GC51HFat4YdZRsWB_l3O9AVTYyrEr02Sz-ih34F3FOkGJOUoaXgCyu8o8B6KdJ4poYj-8sNRW8wpPCO-8eXcdwGhesaWhQ1Ko5uhBZBuNAfU9TQvIwGc4ZDUjI1zdjrTNoiBi9lWwQJmzLa8h_V-kE0Ak34eMg" title="https://pdf-xchange.eu/pdf-xchange-editor/" alt="https://pdf-xchange.eu/pdf-xchange-editor/" class="original-size">
</a></p>
<p><a href="https://pdf-xchange.eu/pdf-xchange-editor/" target="_blank">https://pdf-xchange.eu/pdf-xchange-editor/</a></p>
<p>PDF-XChange Editor是Windows上專門用來閱讀與編輯PDF檔案的應用程式。它的免費版本提供足夠的功能,能夠滿足大多數閱讀和添加PDF註解的需求,因此我在課堂上推薦學生使用此PDF應用程式。即使在Linux作業系統中,PDF-XChange Editor也可以在WINE的支援下運行,並受到Linux使用者的廣泛好評。</p>
<ul>
<li>PDF-XChange Edtior下載:<a href="https://pdf-xchange.eu/DL/pdf-xchange-editor.htm" target="_blank">https://pdf-xchange.eu/DL/pdf-xchange-editor.htm</a></li>
<li>PDF-XChange Editor 6.0.317.1 (Editor Portable Version) 備份 (43MB):<a href="https://drive.google.com/file/d/0B5UXWzdIPpm0WTNubGZnOUZCYjg/view?usp=sharing&resourcekey=0-kZPssZqH2hhEFuZ9zjXnbg" target="_blank" style="margin: 0px; padding: 0px; list-style: none; border: none; outline: none; color: rgb(189, 130, 66);">Google Drive</a><span style="color: rgb(0, 0, 0);">、</span><a href="https://app.box.com/s/p771nwin0ln2vtclht3gbq0lrxdhi9gv" target="_blank" style="margin: 0px; padding: 0px; list-style: none; border: none; outline: none; color: rgb(189, 130, 66);">OneDrive</a><span style="color: rgb(0, 0, 0);">、</span><a href="https://mega.nz/#!QtomATRD!spTGuRO9sdeGcmCS0lDvgJOnbkAjxLb4ovMlcJHxCM0" target="_blank" style="margin: 0px; padding: 0px; list-style: none; border: none; outline: none; color: rgb(189, 130, 66);">Mega</a><span style="color: rgb(0, 0, 0);">、</span><a href="https://app.box.com/s/p771nwin0ln2vtclht3gbq0lrxdhi9gv" target="_blank" style="margin: 0px; padding: 0px; list-style: none; border: none; outline: none; color: rgb(189, 130, 66);">Box.net</a><span style="color: rgb(0, 0, 0);">、</span><a href="http://www.mediafire.com/download/421rz5b1bub2l66/PDFXEdit_Portable.zip" target="_blank" style="margin: 0px; padding: 0px; list-style: none; border: none; outline: none; color: rgb(189, 130, 66);">MediaFire</a></li>
</ul>
<h2>在PDF撰寫文字註解 / Adding Text Annotations in a PDF</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjQl_uFKimRW_QN4BYIj4Xk8XtMOrUeU9j3VJJrFN_14xncVaRR1QwhnG92hiiKNgPWX49hxBRSQByAIgullSzHoWzvAIuyDjAFZ_v7fHsUemtj7VBew4KZVIK6WdVItb8dNF-1wYgdB8-2t_fVw6ofXP9VsxTjee9Yio5Heen6pwoWiXIPd4yhHg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjQl_uFKimRW_QN4BYIj4Xk8XtMOrUeU9j3VJJrFN_14xncVaRR1QwhnG92hiiKNgPWX49hxBRSQByAIgullSzHoWzvAIuyDjAFZ_v7fHsUemtj7VBew4KZVIK6WdVItb8dNF-1wYgdB8-2t_fVw6ofXP9VsxTjee9Yio5Heen6pwoWiXIPd4yhHg" title="2023-1226-024144.png" alt="2023-1226-024144.png" class="original-size">
</a></p>
<p>很多人都知道PDF可以標亮、劃底線,但似乎並不知道PDF也能加上自己輸入的文字註解。在PDF-XChange Editor裡面,讓使用者自己撰寫文字註解功能叫做「跳出式便箋(ㄐㄧㄢ)」;在其他PDF閱讀器裡面,有些將之成為「便利貼」。但這種在原本PDF的文字上添增標亮、底線或便箋的內容,在PDF標準裡面一律稱之為「註解」(annotation)。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiOHmIvhhBDc53ZTf7s6WWcAf-Yp1d_MlPFhdZ6NI9ZBUB5XtkvnGWx0ziYtJ5Asvl4gPwkhzR8iBRYYBPXftKcOE8OZDFIaXxFPVXsvNtihEDNsxl-Zj6GTj7UkSaQRaJaeSON1ZO_GC2xHJRaKgXr4ZwhSByFIOtIp8nyy2CyFRzs3cSyu5Ir5A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiOHmIvhhBDc53ZTf7s6WWcAf-Yp1d_MlPFhdZ6NI9ZBUB5XtkvnGWx0ziYtJ5Asvl4gPwkhzR8iBRYYBPXftKcOE8OZDFIaXxFPVXsvNtihEDNsxl-Zj6GTj7UkSaQRaJaeSON1ZO_GC2xHJRaKgXr4ZwhSByFIOtIp8nyy2CyFRzs3cSyu5Ir5A" title="2023-1226-024515.png" alt="2023-1226-024515.png" class="original-size">
</a></p>
<p>因此我們可以為特定文字,例如原本內文中的「DSpace」,加上文字註解「數位典藏系統」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEheZ7Kg1wYUvrWOhewLqhWO8478jeEHwU4vx64ZW-8UgZNwuWedXK-gsxsm75SZla8B7mu5NO9bIT391KJrUq22rlhjf4Pc7rS0SnXhaAG5xJGpW92uIySwjvkTTPjrQFncgROkGfHVQ5_Dgt6MFwJ6LaF43Jx9Fl-1iEfw32IL7gaGYMfRWvYJUQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEheZ7Kg1wYUvrWOhewLqhWO8478jeEHwU4vx64ZW-8UgZNwuWedXK-gsxsm75SZla8B7mu5NO9bIT391KJrUq22rlhjf4Pc7rS0SnXhaAG5xJGpW92uIySwjvkTTPjrQFncgROkGfHVQ5_Dgt6MFwJ6LaF43Jx9Fl-1iEfw32IL7gaGYMfRWvYJUQ" title="2023-1226-024620.png" alt="2023-1226-024620.png" class="original-size">
</a></p>
<p>除此之外,我們也可以不要依附特定文字,在頁面上的任意位置撰寫文字註解。在文字註解特別長的時候,這個功能特別好用。平常它會以圖示標示,需要的時候可以打開它、檢視文字註解的全文。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhQnljfoM8Qgn1IzCIPFhmenxxbKZwx4uW2vsFSGRaxZl9LFqywuXXJ76-fbNdEZfqLvsYX1VLUACBJbQgeond5bAw4kqCTYtg4USsDmyaS9IIquCyWStMbi0ENh8pzXF709mouersArkvSYhh7ZB0EJfrSn78KEF3xyr62T0rAh72tKfNJpLJ1zw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhQnljfoM8Qgn1IzCIPFhmenxxbKZwx4uW2vsFSGRaxZl9LFqywuXXJ76-fbNdEZfqLvsYX1VLUACBJbQgeond5bAw4kqCTYtg4USsDmyaS9IIquCyWStMbi0ENh8pzXF709mouersArkvSYhh7ZB0EJfrSn78KEF3xyr62T0rAh72tKfNJpLJ1zw" title="2023-1226-024743.png" alt="2023-1226-024743.png" class="original-size">
</a></p>
<p>如果我們要讓註解文字註解直接呈現在頁面上,那麼文字框工具(text box)、打字機(typewriter)都是相當合適的選擇。文字框工具可以讓我們指定框線與背景顏色,以便跟PDF原本的內文有所區隔;打字機所撰寫的文字,它背景是透明的,因此更適合為原本PDF上的文字添增額外的說明。</p>
<h2>檢視PDF中的註解 / Viewing Annotations in a PDF</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhAwqMruqLhJBPzU4ek_AglLrSbF_u8auhsNpaF22KmXJGhygqsThsRtIIOAihIAT-aXrPE9YhmiEZXcWjB3lPqlBt20CGMdppCtxO38B6BKpVvhOMVU35RjcGqyNnzvJmoRmaN-aFUQ57xgG9oGl2ljA56WZWLVNRMkz9vxGWcPO8Uz4M-Efjkeg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhAwqMruqLhJBPzU4ek_AglLrSbF_u8auhsNpaF22KmXJGhygqsThsRtIIOAihIAT-aXrPE9YhmiEZXcWjB3lPqlBt20CGMdppCtxO38B6BKpVvhOMVU35RjcGqyNnzvJmoRmaN-aFUQ57xgG9oGl2ljA56WZWLVNRMkz9vxGWcPO8Uz4M-Efjkeg" title="2023-1226-025124.png" alt="2023-1226-025124.png" class="original-size">
</a></p>
<p>如果你要檢視PDF裡面已經撰寫的註解,可以使用PDF-XChange Editor的註解側邊欄。我們可以按左邊「註解」的按鈕來開啟它。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhjgimSPn0PVFIjbkf8BvNHBQWNWAdZz-HyK9zfWlKFqFbySKcXdh7p36xpLTsUyyp5onIRbqM7mYEyLw6Kbtu_cs02MEidoY-Wj8Twkp-TniM-jaXwJWLiXNILCwkCeyPgejE419kUMpPOAEe1BZz95AnfGpgKaw6La_q8T1TGkTy8FBPn9BpsnQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhjgimSPn0PVFIjbkf8BvNHBQWNWAdZz-HyK9zfWlKFqFbySKcXdh7p36xpLTsUyyp5onIRbqM7mYEyLw6Kbtu_cs02MEidoY-Wj8Twkp-TniM-jaXwJWLiXNILCwkCeyPgejE419kUMpPOAEe1BZz95AnfGpgKaw6La_q8T1TGkTy8FBPn9BpsnQ" title="2023-1226-025227.png" alt="2023-1226-025227.png" class="original-size">
</a></p>
<p>此時PDF中的註解將可一目瞭然。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj1KSHowY0HLPjEfNF-KfZxedtWmhL95yGhpMHKuzJVLj0Q2nGJXO18z4Wd9SLgZs2Im1JIkmG6l2TxtX9DHRRcyzhCyoe3qfr_7iZPy-Rfc3OLLpMcnIYnpMSWIc8DKSPutLCRGCCYvgSqnRBVUKqWI8i7afxlx__-AmQyufKtbYJzdD84DBm3Ng">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj1KSHowY0HLPjEfNF-KfZxedtWmhL95yGhpMHKuzJVLj0Q2nGJXO18z4Wd9SLgZs2Im1JIkmG6l2TxtX9DHRRcyzhCyoe3qfr_7iZPy-Rfc3OLLpMcnIYnpMSWIc8DKSPutLCRGCCYvgSqnRBVUKqWI8i7afxlx__-AmQyufKtbYJzdD84DBm3Ng" title="2023-1226-025327.png" alt="2023-1226-025327.png" class="original-size">
</a></p>
<p>點選註解可以跳轉到該註解的位置,以便查看註解和PDF原文。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgRoV6rUX8PMjra6hCdPedpSTIV7Nf0B5LtWh_tW3I4VExhFRAZnUv6rWfsEEV3KOfLCcjezrt6wChKPLU59c5Z-zIa8FvA7hBDACNgOmPCUn4NG7I4O1_dj3hwts3S0q689A8W0PAj9XCZhcvPIIqrd7sOhQY_EFYN169xJENsZIv9vAy6axci3g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgRoV6rUX8PMjra6hCdPedpSTIV7Nf0B5LtWh_tW3I4VExhFRAZnUv6rWfsEEV3KOfLCcjezrt6wChKPLU59c5Z-zIa8FvA7hBDACNgOmPCUn4NG7I4O1_dj3hwts3S0q689A8W0PAj9XCZhcvPIIqrd7sOhQY_EFYN169xJENsZIv9vAy6axci3g" title="2023-1226-025705.png" alt="2023-1226-025705.png" class="original-size">
</a></p>
<p>當然,使用PDF的搜尋功能,也是能夠找到註解裡面的文字喔!</p>
<hr>
<p>好了,這只是一篇簡短的教學文。最後要來問大家的是,你有用過PDF的註解功能嗎?</p>
<p>1. 今天第一次聽說。我都把PDF印出作筆記。</p>
<p>2. 在平板上為PDF劃線算嗎?(答案:這也是註解功能)</p>
<p>3. 我有用過標亮跟畫底線,但沒想到還能寫字。</p>
<p>4. 我本來就有在用PDF的便利貼功能作筆記了。</p>
<p>5. 其他:下面留言分享吧!</p>
<pre class="abstract" style="display: none;">在本篇文章中,我介紹了如何使用PDF-XChange Editor來檢視和添加PDF註解。PDF-XChange Editor是一款在Windows上非常實用的PDF閱讀和編輯工具,即使在Linux下也能運行。您可以使用它來標亮、底線以及添加文字註解,以便更好地整理和理解PDF文件內容。此外,我還提到了如何查看PDF中的註解,並使用搜索功能來快速找到所需的註解內容。
這些功能對於學習、研究和對PDF文件進行筆記都非常有用。如果您還沒有嘗試過使用PDF的註解功能,不妨一試,它可以提高您的工作效率和學習體驗。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-33114181590481300372023-12-15T12:00:00.000+08:002023-12-15T12:00:00.154+08:00智慧家庭的設備真的需要連上網際網路嗎? / Do Smart Home Devices Really Need to Be Connected to the Internet?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiAt7EfX6LUtZw2B4ODq71PDAqc-aDESpvPaXCC0CvnuKbozsurNQ4l_70Kf6zssqFZI8qDGau7vAltm1thrvzL_z3q6Osip5tPMl4bw8Wxjr85xp7SK37lfQdvdY0y-yTZ9icgizBIsxAKLmkRgaBLVh-C1COoOGu7SaQXFmxIoYFmqOCS5VNsGw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiAt7EfX6LUtZw2B4ODq71PDAqc-aDESpvPaXCC0CvnuKbozsurNQ4l_70Kf6zssqFZI8qDGau7vAltm1thrvzL_z3q6Osip5tPMl4bw8Wxjr85xp7SK37lfQdvdY0y-yTZ9icgizBIsxAKLmkRgaBLVh-C1COoOGu7SaQXFmxIoYFmqOCS5VNsGw" title="2023-1022-171230.png" alt="2023-1022-171230.png" class="original-size">
</a></p>
<p>希望這些設備沒事不要做些額外的動作。</p>
<a name='more'></a>
<hr>
<h2>用WIFI連線的設備 / WIFI and Smart devices</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEggt2pM-Zwao3bhUfwv6H8d-GYaNSqDW_y5JU4DIg8376dXKTyTYzbUvFj9iP6L9vWFES7066V-hMh19D8PYyJyu6q2e109I2SlMjvE550zJC_H-SrYeHgBRcOr5DUBJ-fsWUhqPaynJF_SzkuCsjGNXTvRwtrv0F9pfJXtLEpWDZs7kGu7OSc09Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEggt2pM-Zwao3bhUfwv6H8d-GYaNSqDW_y5JU4DIg8376dXKTyTYzbUvFj9iP6L9vWFES7066V-hMh19D8PYyJyu6q2e109I2SlMjvE550zJC_H-SrYeHgBRcOr5DUBJ-fsWUhqPaynJF_SzkuCsjGNXTvRwtrv0F9pfJXtLEpWDZs7kGu7OSc09Q" title="https://playsmarthome.com/wifi-vs-zigbee-vs-bluetooth-vs-z-%EF%BD%97ave-%E6%99%BA%E6%85%A7%E5%AE%B6%E5%BA%AD%E7%94%A2%E5%93%81%E9%96%93%E7%9A%84%E5%82%B3%E8%BC%B8%E5%8D%94%E5%AE%9A/" alt="https://playsmarthome.com/wifi-vs-zigbee-vs-bluetooth-vs-z-%EF%BD%97ave-%E6%99%BA%E6%85%A7%E5%AE%B6%E5%BA%AD%E7%94%A2%E5%93%81%E9%96%93%E7%9A%84%E5%82%B3%E8%BC%B8%E5%8D%94%E5%AE%9A/" class="original-size">
</a></p>
<p><a href="https://playsmarthome.com/wifi-vs-zigbee-vs-bluetooth-vs-z-%EF%BD%97ave-%E6%99%BA%E6%85%A7%E5%AE%B6%E5%BA%AD%E7%94%A2%E5%93%81%E9%96%93%E7%9A%84%E5%82%B3%E8%BC%B8%E5%8D%94%E5%AE%9A/" target="_blank">https://playsmarthome.com/wifi-vs-zigbee-vs-bluetooth-vs-z-%EF%BD%97ave-%E6%99%BA%E6%85%A7%E5%AE%B6%E5%BA%AD%E7%94%A2%E5%93%81%E9%96%93%E7%9A%84%E5%82%B3%E8%BC%B8%E5%8D%94%E5%AE%9A/</a></p>
<p>說到智慧家庭的設備,比起Apple HomeKit、Google Assistant、Home Assistant等平臺的相容性問題,其實更優先要考慮的是設備的連線方式。</p>
<p>目前智慧家庭設備主流的連線方式包括了WIFI、藍芽、Zigbee三大家,以及近年想要統一江湖的Matter標準。連線方式極大程度影響了該裝置可以擺放的位置、供電方式(連接電源或是使用電池)、對智慧家庭控制中樞的要求(是否需要Gateway網關)、以及更重要的是,價格。</p>
<h2>WIFI設備的優缺點 / Pros and Cons of WIFI devices</h2>
<p>在上述的連線方式中,智慧家庭的入門者大部分會選擇WIFI。一來是WIFI的設定上跟我們操作電腦、平板的認知差不多,只要讓設備能夠輸入家裡無線基地臺的帳號與密碼,設備就能正常運作。二來是WIFI設備的價格相較於其他連線方式的設備來說,通常都比較便宜。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgk-F8rRZlFH_Z50UgGiutKMA_eGOv74TfgS2vlb7j36GBtqHn85CtkiHPNvvTUaXsTVT0zVT8yWfIvWg8fgr1MSGG7uLvgecQBweErAR9dCovjVJ1rXkCMnY_OnsvqDw-xOifmjIoJqNzX6L_HCyyBRyCrgB_psDU01QREaGABwiGVKQ0jqzZHRQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgk-F8rRZlFH_Z50UgGiutKMA_eGOv74TfgS2vlb7j36GBtqHn85CtkiHPNvvTUaXsTVT0zVT8yWfIvWg8fgr1MSGG7uLvgecQBweErAR9dCovjVJ1rXkCMnY_OnsvqDw-xOifmjIoJqNzX6L_HCyyBRyCrgB_psDU01QREaGABwiGVKQ0jqzZHRQ" title="https://www.momoshop.com.tw/goods/GoodsDetail.jsp?i_code=11683524&str_category_code=2158200031&sourcePageType=4" alt="https://www.momoshop.com.tw/goods/GoodsDetail.jsp?i_code=11683524&str_category_code=2158200031&sourcePageType=4" class="original-size">
</a></p>
<p><a href="https://www.momoshop.com.tw/goods/GoodsDetail.jsp?i_code=11683524&str_category_code=2158200031&sourcePageType=4" target="_blank">https://www.momoshop.com.tw/goods/GoodsDetail.jsp?i_code=11683524&str_category_code=2158200031&sourcePageType=4</a> <br></p>
<p>當初我也是看在便宜嚐鮮的份上,為智慧家庭首次購入的就是WIFI類型的智慧燈泡:飛利浦Wiz。不過飛利浦的智慧家庭設備算是普遍價位較高的等級,APP跟設定也做的真的很好,所以在這裡燈泡上比較看不出WIFI在價格的優勢。</p>
<p>當然,在享受WIFI帶來的優點時,WIFI也具備了許多的限制。最大的限制在於電力的消耗上。相較於其他連線方式,WIFI通訊非常消耗能量。這使得WIFI設備幾乎都需要直接供電,不能使用電池。舉例來說,智慧燈泡之所以能用WIFI,就是因為燈泡本身連接的燈座本來就是持續供電的插座。另一個很常使用WIFI連線的設備是智慧插座,也就是相同的道理。其他使用WIFI連線的設備,就算不是直接插在插座上,大多也都需要仰賴USB持續供電才能運作。僅有少部分耗能較低的設備,才能直接用電池供電連接WIFI。還有一個問題是WIFI設備幾乎都走2.4GHz的頻道,部分無線基地臺可能沒有提供2.4GHz的WIFI頻道,選擇的時候需要注意。然後我自己在WIFI訊號太強的環境容易覺得頭痛,腦袋彷彿被綁了金箍圈一樣難受,這是我個人逐漸設計WIFI設備的理由。</p>
<p>不過WIFI的問題,可不只是這樣而已。</p>
<h2>設備連上網際網路 / Devices and Internet</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgdq9AqZzTGanjJOasRkoEapDpck-y1QaeApXCI3WLIIAuetd_I5l8HF4O7698nlcdTkFJ3US2ZhXNfMRqYhyew8F0ytHrBR6AgaWftgpiAyy8DB6xhZSHXPNOO_C-N8MHWLT_HKtSVaEU7rVy0jnXqmwKiPHft-oKsKME0pAz124eAHG0SDML7nQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgdq9AqZzTGanjJOasRkoEapDpck-y1QaeApXCI3WLIIAuetd_I5l8HF4O7698nlcdTkFJ3US2ZhXNfMRqYhyew8F0ytHrBR6AgaWftgpiAyy8DB6xhZSHXPNOO_C-N8MHWLT_HKtSVaEU7rVy0jnXqmwKiPHft-oKsKME0pAz124eAHG0SDML7nQ" title="internet-of-things-4129218_1280.jpg" alt="internet-of-things-4129218_1280.jpg" class="original-size">
</a></p>
<p><a href="https://pixabay.com/illustrations/internet-of-things-iot-network-4129218/">https://pixabay.com/illustrations/internet-of-things-iot-network-4129218/</a><br></p>
<p>很多人講到智慧家庭就會想到IoT物聯網。物聯網的全名是Internet of Things。乍看之下,好像是把「萬物」連上「網際網路」的意思。將你家裡的智慧設備連上網際網路,然後讓你在外頭也可以監控設備的狀態、甚至是控制設備,這的確是很多智慧家庭中常常看到的應用場景。其中一個大家最喜歡的例子就是回家前在公司預先開啟冷氣,回到家就有涼爽且舒適的室內環境(儘管實際上大多人會比較懷疑自己有沒有忘記關冷氣)。</p>
<p>然而,這真的是智慧家庭的需求嗎?</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjkgP788ISpKFlNxGOZUQAj1gW8cf-HEv-Vdb8-5_BmD2gfJQpiwm1Lo2Tmio13o6RAFgl1SD36lfqxYIsj6xmihA8mpU5uILC1yU0XtvRf8o_uVzN8nKKS6r9b_oCLVGdBJw1dkrgpZmX5QQ2Gd9Kdxj_trsoQYhXiGP9Uwbg-gMeNCKzgLbl8jw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjkgP788ISpKFlNxGOZUQAj1gW8cf-HEv-Vdb8-5_BmD2gfJQpiwm1Lo2Tmio13o6RAFgl1SD36lfqxYIsj6xmihA8mpU5uILC1yU0XtvRf8o_uVzN8nKKS6r9b_oCLVGdBJw1dkrgpZmX5QQ2Gd9Kdxj_trsoQYhXiGP9Uwbg-gMeNCKzgLbl8jw" title="2023-1022-153140.png" alt="2023-1022-153140.png" class="original-size">
</a></p>
<p>我目前使用的智慧家庭裝置大致上分成偵測器跟控制器兩種。偵測器包含了溫度、溼度、空氣品質偵測以及人體感應器;控制器則是電源開關、燈泡、紅外線與無線電遙控以及手指機器人。這些設備主要目的是連接Home Assistant。我只要控制Home Assistant、在上面設定各種腳本和自動化規則,由Home Assistant控制這些設備即可。儘管許多設備本身也有手機APP可以使用,但我大多都只有在剛開始設定時才會打開APP,只要連好Home Assistant後,我就不用使用手機APP了。</p>
<p>在這樣的場景下,需要連上網際網路的,就只剩下Home Assistant伺服器而已。其他設備都是作為Home Assistant的眼睛和手腳來使用,大多設備本身並不需要連上網際網路。使用Zigbee和藍牙的設備基本上就是為了區域網路連線的場景來設計,本身並不需要時常連上網際網路。就算是有OTA更新韌體的需求,也是要靠中樞控制設備或手機APP才能進行。</p>
<p>另一方面,使用WIFI的設備則是分成需要不需要保持連上網際網路,以及一定要連上網際網路才能運作的兩種。大部分的WIFI設備是屬於前者。大多數的情況下,我們只要在設備初始化的時候需要連上網際網路。一旦讓它完成跟Home Assistant的整合,設備跟Home Assistant之間的溝通只要用區域網路就可以進行,設備本身不用走網際網路。這類型的WIFI設備的反應速度通常比較快,畢竟只是走區域網路而已。</p>
<p>後者的WIFI設備比較少見,它實際上連線的對象不是同處一室的Home Assistant或其他控制中心(或稱為網關),而是網際網路中遠在天邊的某臺伺服器。設備將訊息透過網際網路傳送到遠端的伺服器,伺服器再跟Home Assistant交換資訊。而當Home Assistant要操控該設備時,實際上是得要先把訊息傳送到遙遠的伺服器,再由伺服器傳訊息到設備上,讓設備有所反應。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiLbVi4Jgu4tXV73ntDUxQA09_kcUhnwv6_He6-Im5spSOBZo7MK7a4vUv-FAyZl0w7aIs3WCrQDU2R8IGlYaN3IYp4z2VwuvGD5Ha00n497kyOsc9y64JqBvNLeSWEt7DCmELGQ_lKmnCE1KGzO--bzf7c9cLN7IB9G6NQBkl9S00d9uTWdZG0Ww"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiLbVi4Jgu4tXV73ntDUxQA09_kcUhnwv6_He6-Im5spSOBZo7MK7a4vUv-FAyZl0w7aIs3WCrQDU2R8IGlYaN3IYp4z2VwuvGD5Ha00n497kyOsc9y64JqBvNLeSWEt7DCmELGQ_lKmnCE1KGzO--bzf7c9cLN7IB9G6NQBkl9S00d9uTWdZG0Ww" title="2023-10-22_16-05_1.png" alt="2023-10-22_16-05_1.png" class="original-size">
</a></p>
<p>也許你可能會覺得這樣繞一大圈的做法太違反常理了吧。但實際上這種部屬方式廣受智慧家庭入門者的青睞。因為這類型的WIFI設備在實際運作的時候,並不需要Home Assistant這種控制中樞或著是網關,直接就能夠用手機的APP操控設備。而且這類型設備做好的廠商,例如塗鴉,大多也都能根據手機APP的網路連線狀態來自動切換。如果手機APP跟設備本身是位於同個區域網路,那麼APP就會透過區域網路直接控制設備;如果兩者不在同一個網路底下,那手機APP會連上遠端的伺服器,再由伺服器控制WIFI設備。儘管這種方式會讓操作速度反應慢上許多,但光是能在室外就能操控室內設備這點,本身就有它的價值。</p>
<p>然而,如果不是使用手機APP,而是使用Home Assistant來控制的話,這種類型的WIFI設備還是得要連上遠端伺服器才能控制WIFI設備了。</p>
<h2>IoT設備真的需要網際網路嗎? / Do IoT devices really need to be connected to the internet?</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg_j7ONoCdb18k1Dl4ur88qSuD0E5-38a7xozTZDeX0oiP8O65RHP-Spullg6FFwZRousO06lPtXI4KQTKSyyiJPtWpSn4Ik_z3R8tyfKcLGmuQuZsfl7q_m2aJr0fVdvr7CNu9Bf6tMhNgKgiysbqe29j8PQGIM3NTVqRc78pXoleffw6pX_jtzA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg_j7ONoCdb18k1Dl4ur88qSuD0E5-38a7xozTZDeX0oiP8O65RHP-Spullg6FFwZRousO06lPtXI4KQTKSyyiJPtWpSn4Ik_z3R8tyfKcLGmuQuZsfl7q_m2aJr0fVdvr7CNu9Bf6tMhNgKgiysbqe29j8PQGIM3NTVqRc78pXoleffw6pX_jtzA" title="IoT-based-Asset-solutions-1.jpg.webp" alt="IoT-based-Asset-solutions-1.jpg.webp" class="original-size">
</a></p>
<p><a href="https://www.softwebsolutions.com/resources/secure-your-assets-using-iot-security.html" target="_blank">https://www.softwebsolutions.com/resources/secure-your-assets-using-iot-security.html</a> <br></p>
<p>看完了各種設備與網際網路連線的佈署設計之後,我們再回到原本對智慧家庭的需求來看看。</p>
<p>上述有提到IoT設備需要直接連上網際網路的情況只有WIFI類型的設備,而且這種需求也只有三種情境才會用到:</p>
<ol>
<li>設備的初始化設定需要連上網際網路。</li>
<li>設備的韌體更新時需要連上網際網路。</li>
<li>在沒有Home Assistant等控制中樞的情況下,需要在跟設備不同的網路環境中控制設備。</li>
</ol>
<p>如果你的智慧家庭本來就有控制中樞的話,那其實直接用控制中樞來控制WIFI設備即可,也不需要讓WIFI設備時常連上網際網路。</p>
<p>相較於好處,時常連上網際網路背後的壞處可能更多一點。各大網紅時常業配的VPN就一再地告訴我們讓自己暴露在網際網路上容易帶來各種危險,而且姑且不論你為什麼要把自己家的溫溼度傳送到一臺自己也不太使用的遠端伺服器上,比較令人擔心的是會不會有駭客控制了遠端伺服器來傳送訊號到你家的WIFI設備裡,故意在半夜打開電視播放貞子的影片來嚇你。(但是<a href="https://twitter.com/Strangestone/status/1295189041642577920">貞チャンネル</a>的貞子則是非常歡迎!)<br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj5G5loKh0BT1nJOjtsb2uWwMJ1ZDlHZaPQ-6ZTY8xJZHOBfb-TLdaubnPKb592Pn-YFDg-ed53vM-ECWAgfPsXCs3ATiVFqaNQzEhkRUKSNOepXXXDYNiIxdvvJeRyTvxFJfFOOeZ8JHG_raI7LXb3YGqJkfjvOAj9vhKqt6YDyjz3FqGJO3jRuQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj5G5loKh0BT1nJOjtsb2uWwMJ1ZDlHZaPQ-6ZTY8xJZHOBfb-TLdaubnPKb592Pn-YFDg-ed53vM-ECWAgfPsXCs3ATiVFqaNQzEhkRUKSNOepXXXDYNiIxdvvJeRyTvxFJfFOOeZ8JHG_raI7LXb3YGqJkfjvOAj9vhKqt6YDyjz3FqGJO3jRuQ" title="20231022_121434.jpg" alt="20231022_121434.jpg" class="original-size">
</a></p>
<p>說到半夜被操作的WIFI設備,我這臺Pixoo 64字幕機就真的發生過這種狀況。平時我只是讓它顯示日期、時間跟溫溼度而已,通常它是維持低亮度、僅顯示上述文字訊息。有天半夜我睡覺睡到一半,忽然覺得桌上的東西發出了亮光,Pixoo 64突然出現了奇怪的動畫。正當我以為待會就要有貞子爬出來的時候,才發現它其實是在自行更新中。</p>
<p>這件事情讓我認真思考起智慧家庭設備連上網際網路的必要性。就算自動更新也許可以帶來安全性上的保護,但相較之下,與網際網路直接中斷連線,由Home Assistant等控制中樞來操作設備,顯然是更安全且合理的做法。而且回頭檢視自己的各種設備,幾乎都只需要室內連線就能夠正常運作了。一旦離開了這個區域到室外去,設備也能在自動化的規則下自行關機或排程運作,我也沒有手動控制他們的需求。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgt9HHv8rnBxOYX4uSgEhuNWRE864pC6J_mOnmzWbMhrQuk3aEsmxsBU8WqpBonrIJ4sw-w9SqMUJXFELeEoPlS5X_WcAXJDr4hrTgRTg0QFpezW6dQUBi_Fqu0EEzZ3NSwSf4EQuWCyeePr0CKdLMhcxJAZldcLo6myiYVvMVFa0M-WpBXY36uhg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgt9HHv8rnBxOYX4uSgEhuNWRE864pC6J_mOnmzWbMhrQuk3aEsmxsBU8WqpBonrIJ4sw-w9SqMUJXFELeEoPlS5X_WcAXJDr4hrTgRTg0QFpezW6dQUBi_Fqu0EEzZ3NSwSf4EQuWCyeePr0CKdLMhcxJAZldcLo6myiYVvMVFa0M-WpBXY36uhg" title="2023-1022-165904.png" alt="2023-1022-165904.png" class="original-size">
</a></p>
<p>在研究智慧家庭快要一年之際,我也就從一開始入門新手偏好購買的WIFI設備開始,逐漸將全部轉換成Zigbee版本的設備。至於必須使用WIFI連線的設備,也使用無線基地臺的防火牆功能,限制這些設備的網際網路連線能力,讓它們只能在區域網路跟Home Assistant交換資訊就好。</p>
<p>儘管IoT物聯網有個Internet這個字,但我家還是待在區域網路就好了,沒必要在網際網路上給自己帶來更多風險。</p>
<hr>
<p>那這篇就寫到這裡了。最後要來問大家的是,你會在什麼情況下操控的家電設備呢?</p>
<ul>
<li>1. 在室外連線到室內設備:遠端操控才是智慧家庭的真正價值啊!</li>
<li>2. 在室內遙控室內設備:能在床上遙控關燈真的能夠帶來幸福感。</li>
<li>3. 由控制中樞的規則操控設備:不需要操控的智慧家庭,才是真正的全自動鬼屋。</li>
<li>4. 在室內直接操控設備:多走幾步路、動動手指頭很難嗎?</li>
<li>5. 其他:在下面留言分享吧!</li>
</ul>
<pre class="abstract" style="display: none;">智慧家庭的連線方式一直是設備選購中的重要議題。本文探討了WIFI連線設備的優缺點,指出其簡單設定、價格較便宜等優勢,但也指出了WIFI連線設備的電力消耗高和安全風險。隨後,文章討論了IoT設備是否需要連上網際網路,並提供了不同情境下的連線需求。
我在這篇文章中想要提醒大家智慧家庭在安全性方面的問題,並分享了自己的智慧家庭設備轉向Zigbee連線的經驗,以減少網際網路連線的風險。最後,文章向讀者提問關於家電設備操控的方式,希望能夠引發讀者的思考與討論。
這篇文章強調了智慧家庭連線方式的重要性,並提供了有益的建議,讓讀者更明智地選擇設備並思考其使用方式。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com3tag:blogger.com,1999:blog-16607461.post-55057163461093133712023-12-08T12:00:00.000+08:002023-12-08T12:00:00.135+08:00Home Assistant搭配Broadlink RM4 Pro如何學習「無線電」訊號? / How to Learn RF (Radio Frequency) with Broadlink RM4 Pro in Home Assistant?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhEzl6PiG3ywOXV0j9CzWwPJlqyYZKRgk2wwvUI8b3I8gIBEebphwD1GYfv8iwvk2lJPj9gkxdDBiY7LgbLNp92HAH42OkK2X31J8W16eExuPEw_UrEnpVSxIuHFHgF-fPtkaF7Y6MKq9b6TN2vyz_PJyh-I3c0TGNwOymqtvJeakRG3bxU7lr7kw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhEzl6PiG3ywOXV0j9CzWwPJlqyYZKRgk2wwvUI8b3I8gIBEebphwD1GYfv8iwvk2lJPj9gkxdDBiY7LgbLNp92HAH42OkK2X31J8W16eExuPEw_UrEnpVSxIuHFHgF-fPtkaF7Y6MKq9b6TN2vyz_PJyh-I3c0TGNwOymqtvJeakRG3bxU7lr7kw" title="2023-1020-111805.png" alt="2023-1020-111805.png" class="original-size">
</a></p>
<p>因為Broadlink RM4 Pro韌體的問題,我們必須要用行動裝置的APP開啟「開始學習」,然後才能用Home Assistant來學習指令。</p>
<a name='more'></a>
<hr>
<h2>BroadLink RM4 Pro的遙控器功能 / BroadLink RM4 Pro as a Remote Controller </h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjXPVpNvP4i2MbjT8kwAZd_ohHGzr0C5ORuKZc-_8iGiEEfQejQ7i3G2AgXrII5ZM03evJ2Oo3WwTxbNuOLdGQS2OvP-5d6fB0gDMZWne7DfgwIXyfIlcdfjiZOiEedq_YfiNh0uBppXKCv4lYjMmRk10PL-ETBih6eKMRCjm4YDa6jGXJiszTVhQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjXPVpNvP4i2MbjT8kwAZd_ohHGzr0C5ORuKZc-_8iGiEEfQejQ7i3G2AgXrII5ZM03evJ2Oo3WwTxbNuOLdGQS2OvP-5d6fB0gDMZWne7DfgwIXyfIlcdfjiZOiEedq_YfiNh0uBppXKCv4lYjMmRk10PL-ETBih6eKMRCjm4YDa6jGXJiszTVhQ" title="https://www.ibroadlink.com/productinfo/762672.html" alt="https://www.ibroadlink.com/productinfo/762672.html" class="original-size">
</a></p>
<p><a href="https://www.ibroadlink.com/productinfo/762672.html" target="_blank">https://www.ibroadlink.com/productinfo/762672.html</a> <br></p>
<p>為了讓Home Assistant能夠發送遙控器的訊號來控制冷氣、電視、手指機器人,我買了BroadLink的RM4 Pro來整合。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi0Kl01YbrCu_uBVxWHTDrEpt2Iisg-Oc63q4bDb975cc5ipNMEPGd3LFgR7J83vAjpHMrVLqjB-qcsb3T3gzMr4_1G6ASbp4kAejBRo3ORUynTC0IR9plAXpYgUy8FEF-FWZtF7x-fQ2wLtwRI-Tgjjd5NA1Hdqnd6uj9vLzlac774OjeMIXCjCQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi0Kl01YbrCu_uBVxWHTDrEpt2Iisg-Oc63q4bDb975cc5ipNMEPGd3LFgR7J83vAjpHMrVLqjB-qcsb3T3gzMr4_1G6ASbp4kAejBRo3ORUynTC0IR9plAXpYgUy8FEF-FWZtF7x-fQ2wLtwRI-Tgjjd5NA1Hdqnd6uj9vLzlac774OjeMIXCjCQ" title="Broadlink_Listing_1024x1024_2x-cropped.png" alt="Broadlink_Listing_1024x1024_2x-cropped.png" class="original-size">
</a></p>
<p>RM4 Pro的功能是萬能遙控器。其萬能的賣點,在於它具備了IR跟RF兩種類型訊號的發送能力。只要透過學習訊號的操作,將訊號保存在RM4 Pro之後,我們就能用RM4 Pro取代遙控器來發送訊號、控制家電。</p>
<p>在無線訊號的兩種類型中,IR是紅外線(infrared)的縮寫。需要用遙控器對準才能控制的家電,大多都屬於IR的類型。最常見的就是冷氣跟電視。</p>
<p>另一方面,RF則是無線電(Radio Frequency)的簡稱,也被稱為「無線射頻」或是「射頻」。如果遙控器不需要對準也能控制的家電,大多都屬於RF類型。家裡常見的RF家電有電風扇與除溼機。</p>
<p>不過需要注意的是,像是RM4 Pro這種RF遙控器只能學習最基本的RF訊號,實際上大部分的RF裝置是無法學習的。RM4 Pro只支援學習315MHz跟443MHz兩種頻段,目前我用過可以學習的裝置大多都屬於後者,使用其他頻段的RF訊號則無法學習。除此之外,現實中我們還會用到各種跟安全性有關的RF裝置,例如鐵卷門的遙控器、汽車鎖定與解鎖的遙控器,這些裝置雖然也是走RF訊號,但額外加上了安全性的設計,讓人無法單純使用RM4 Pro來學習。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjq0tORvgt0ujQ8vIB2CFm7p32vaut3sDSXOmrFIb-Os7eepymn6jbzk_atbQqQ_6q6McBlEZuNeUBCeEO67h7MPdSEZyo_zyK6bndOaVWV2kYAhsx4haXbP3zra3PHG_dxlOAcLBrJ5YXkEV3PUBB6922bEFO7K_bxhM_h_appX3BVeTT0kqMCVA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjq0tORvgt0ujQ8vIB2CFm7p32vaut3sDSXOmrFIb-Os7eepymn6jbzk_atbQqQ_6q6McBlEZuNeUBCeEO67h7MPdSEZyo_zyK6bndOaVWV2kYAhsx4haXbP3zra3PHG_dxlOAcLBrJ5YXkEV3PUBB6922bEFO7K_bxhM_h_appX3BVeTT0kqMCVA" title="https://play.google.com/store/apps/details?id=cn.com.broadlink.econtrol.international" alt="https://play.google.com/store/apps/details?id=cn.com.broadlink.econtrol.international" class="original-size">
</a></p>
<p><a href="https://play.google.com/store/apps/details?id=cn.com.broadlink.econtrol.international" target="_blank">https://play.google.com/store/apps/details?id=cn.com.broadlink.econtrol.international</a></p>
<p>如果要使用RM4 Pro來學習遙控器指令,最簡單的方法是在行動裝置上安裝BoardLink APP。一開始剛拿到BM4 Pro的時候,我們也需要靠BoardLink APP來為BM4 Pro作初始化的設置,以下我們將BoardLink APP簡稱為APP。</p>
<p>設置的方法很簡單,大致上的流程有:</p>
<ol>
<li>將BM4 Pro接上MicrUSB的電源。確認BM4 Pro閃藍光。</li>
<li>拿重置針戳入BM4 Pro的RESET孔。確認BM4 Pro閃藍光停止,過段時間會再開始閃光。這就表示重置完成。</li>
<li>打開APP。按照APP的指示來設置BM4 Pro。</li>
<li>其中一步APP會要你的行動裝置WIFI連到BM4 Pro開啟的熱點。</li>
<li>連上後APP會自動抓取相關設定,並請你提供目前室內可連上網際網路的SSID與密碼。</li>
<li>儲存後再配合一些設定,過段時間,BM4 Pro就加入到你的設備清單了。</li>
</ol>
<p>上述步驟中最重要的是要讓BM4 Pro連上你室內的WIFI,而這個WIFI必須跟Home Assistant處於相同的網路中。一旦設定完成,接下來我們就能在Home Assistant來操控BM4 Pro。<br></p>
<hr>
<h2><span style="font-weight: 700; color: inherit;">Home Assistant</span></h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjvbDvmS741yf6jozVlVuxBDJPFArGynvkGCKQYIhVAz9iNQ38SdrEeIQ2J3Zk4z6yAv0ekr9fLZfjXePOsG3EmZAzTbnZ1E7aBx_6KcmQpc8TOiGB3xfNXcqjj9VXUVJDqd-NqTG7oJfxFdeGKz8LvNIGuDVUT4YAHQV4IAmaq3aMRn2Vu5K54AA"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjvbDvmS741yf6jozVlVuxBDJPFArGynvkGCKQYIhVAz9iNQ38SdrEeIQ2J3Zk4z6yAv0ekr9fLZfjXePOsG3EmZAzTbnZ1E7aBx_6KcmQpc8TOiGB3xfNXcqjj9VXUVJDqd-NqTG7oJfxFdeGKz8LvNIGuDVUT4YAHQV4IAmaq3aMRn2Vu5K54AA" title="2023-1020-095030.png" alt="2023-1020-095030.png" class="original-size"></a><br></p>
<p>只要在Home Assistant的「整合」新增「BroadLink」,BroadLink整合就能夠自動抓到連上WIFI的BM4 Pro。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj6djMB1zX8Ullijy1IOaSGJn5F-llw-l8XgTIBdXerE7cCpijU4ctgQl4145UML7L9H4hzWe8yxq_psvudnF6W7wAzj4Szw9vv1UDCmxg-tYRzHL4KPsnrOnTd7qYe7jU3TG7_ToEKwkF9aiFqUMewx1P_Er9bI7JuV9u00erCDx6k0cdlfCX72g"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEj6djMB1zX8Ullijy1IOaSGJn5F-llw-l8XgTIBdXerE7cCpijU4ctgQl4145UML7L9H4hzWe8yxq_psvudnF6W7wAzj4Szw9vv1UDCmxg-tYRzHL4KPsnrOnTd7qYe7jU3TG7_ToEKwkF9aiFqUMewx1P_Er9bI7JuV9u00erCDx6k0cdlfCX72g" title="2023-1020-101945.png" alt="2023-1020-101945.png" class="original-size"></a></p>
<p style="margin: 0px 0px 10px; box-sizing: border-box; color: rgb(82, 82, 82);"><span style="box-sizing: border-box;">設定完成後,還要記得把「設備上鎖」的設定解除掉。這樣Home Assistant才能控制BM4 Pro。</span></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjfNthppPmK1VKq_B4naHxHLw9X0gmA2LHIY9I9TBtPkqCZ67VRvGLc3HecwE-XFpmWrICSp5mG03ZHWH2TTmIajiBG3D0EW23tnUopn5alScXHlMyoEsE8UPAt3L1g-G3rP0_DUkjzMgW7YeWSbjwrhtRNwhns8Oaq7NfiN0fBPTzRhNRz36Wklw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjfNthppPmK1VKq_B4naHxHLw9X0gmA2LHIY9I9TBtPkqCZ67VRvGLc3HecwE-XFpmWrICSp5mG03ZHWH2TTmIajiBG3D0EW23tnUopn5alScXHlMyoEsE8UPAt3L1g-G3rP0_DUkjzMgW7YeWSbjwrhtRNwhns8Oaq7NfiN0fBPTzRhNRz36Wklw" title="2023-1020-102341.png" alt="2023-1020-102341.png" class="original-size">
</a></p>
<p>設置完成後,我們就能在Home Assistant的「開發工具」、「服務」裡,用「Remote: Learn Command」來學習遙控器的訊號。<iframe frameborder="0" src="//www.youtube.com/embed/JhPYKHoJsD8" width="640" height="360" class="note-video-clip"></iframe></p>
<p><a href="https://youtu.be/JhPYKHoJsD8" target="_blank">https://youtu.be/JhPYKHoJsD8</a> <br></p>
<p>Simon的影片有相當完整的操作細節介紹,有需要的話可以跟著影片慢慢設定即可。</p>
<h2>無法學習RF指令 / Learn Command: RF is not working</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjLTmEPD8bN1Q2IEUad2oY8Gd149mHO6bLtC6svPdB5tKGWFRIaFaOZpjnC--vxUUAXK5upWp-Y-_qSAQZvJRBYUa7LC3rYg5R5JCqmXTC9N2XHjq9eKkqLdCmYHrs1xpfDX0p3_agsarrNo18bohjb1LGX3l_H_QT85aKhcrq_CyQZQEhDMmStuw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjLTmEPD8bN1Q2IEUad2oY8Gd149mHO6bLtC6svPdB5tKGWFRIaFaOZpjnC--vxUUAXK5upWp-Y-_qSAQZvJRBYUa7LC3rYg5R5JCqmXTC9N2XHjq9eKkqLdCmYHrs1xpfDX0p3_agsarrNo18bohjb1LGX3l_H_QT85aKhcrq_CyQZQEhDMmStuw" title="2023-1020-102700.png" alt="2023-1020-102700.png" class="original-size">
</a></p>
<p>Home Assistant透過BM4 Pro學習IR指令的過程非常順利,但當我們要學的訊號改為RF無線電的時候,BM4 Pro就怎樣都學不起來。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhBxYrn-SSlpQVh3wmtkX74IB9TKyl0UdvuLLNDVLZ9cRA6vu4O_DsYXuq9afYEp4qohuH9B6j3A0KNcAdqEbLVr2tBNrENAaRztKUQiN9K_Ta8CmNLHeoCqfHR8IR0TzjnfBeeVpVXXGtEAr7XaNr5Hj_8_z6t_NOMpfSK1JhW-6sn3YjUlIQpvw"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhBxYrn-SSlpQVh3wmtkX74IB9TKyl0UdvuLLNDVLZ9cRA6vu4O_DsYXuq9afYEp4qohuH9B6j3A0KNcAdqEbLVr2tBNrENAaRztKUQiN9K_Ta8CmNLHeoCqfHR8IR0TzjnfBeeVpVXXGtEAr7XaNr5Hj_8_z6t_NOMpfSK1JhW-6sn3YjUlIQpvw" title="Screenshot_20231020-102759_BroadLink.png" alt="Screenshot_20231020-102759_BroadLink.png" class="original-size">
</a></p>
<p>但是如果在APP裡面學習RF指令,運作起來倒是都沒有什麼問題。</p>
<p>這是為什麼呢?</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiBu8GyWEjbkuak8Lneq5OOP3Q04j7LK2ie_nA5g8mp0IHVMt8g02Uof3YLbimPExtqEogwBcMi0Q46vNKtP8DfvX8209PsiFLrbWjSvGdEwKxUUXcGsTW8gX12cq7TgYS1KfbDmW0SW86cIT9vRoERGR72n8y9QMvQTzA-MNG6AqlFBonzS93dBw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiBu8GyWEjbkuak8Lneq5OOP3Q04j7LK2ie_nA5g8mp0IHVMt8g02Uof3YLbimPExtqEogwBcMi0Q46vNKtP8DfvX8209PsiFLrbWjSvGdEwKxUUXcGsTW8gX12cq7TgYS1KfbDmW0SW86cIT9vRoERGR72n8y9QMvQTzA-MNG6AqlFBonzS93dBw" title="https://community.home-assistant.io/t/broadlink-rm4-pro-rf-learning-not-supported/250734/3" alt="https://community.home-assistant.io/t/broadlink-rm4-pro-rf-learning-not-supported/250734/3" class="original-size">
</a></p>
<p><a href="https://community.home-assistant.io/t/broadlink-rm4-pro-rf-learning-not-supported/250734/3" target="_blank">https://community.home-assistant.io/t/broadlink-rm4-pro-rf-learning-not-supported/250734/3</a></p>
<p>scoutamis123也遇到了類似的問題,並提出了一套繞彎路的解決方法。實際使用雖然可行,但這還真的很怪。簡單來說,問題點就在於Home Assistant使用BroadLink整合無法真的啟動BM4Pro硬體的「按鍵學習」中「接收指令」的功能。雖然Home Assistant可以讓BM4Pro開始學習遙控器的指令,但不管遙控器怎麽按,BM4Pro都不會接收並儲存遙控器的訊號。</p>
<p>為了克服這個問題,我們必須要搭配APP的「按鍵學習」來使用。以下是我參考scoutamis123的建議再整理的做法。</p>
<hr>
<h2>在Home Assistant裡用BM4Pro學習RF指令 / Learning RF Command in Home Assistant</h2>
<h3>前置作業 / Preparement</h3>
<p>在開始學習之前,我們需要準備好以下物品:</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgVB9HjTn972T71QMWBdYM2CQ5BgcpQGOe-HC_b2kvkb1uUNWk_-Q_4Ct34npaN4mGVZOfJ_usQV8vqpwTv8NkICLOrI9pZfGuv2hLIlZSS0_LguiHmFqd1RMKSobqxF738jmkP6cz6rFUSCOgR_TjDQ8ZiU7rdLnBgSUTI_uyGusocTMSEY_HzhA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgVB9HjTn972T71QMWBdYM2CQ5BgcpQGOe-HC_b2kvkb1uUNWk_-Q_4Ct34npaN4mGVZOfJ_usQV8vqpwTv8NkICLOrI9pZfGuv2hLIlZSS0_LguiHmFqd1RMKSobqxF738jmkP6cz6rFUSCOgR_TjDQ8ZiU7rdLnBgSUTI_uyGusocTMSEY_HzhA" title="2023-1020-105041.png" alt="2023-1020-105041.png" class="original-size">
</a></p>
<p>Home Assistant做好可以Learn Command的準備。其中目標(Target)、Device (你自行定義)、Command (你自行定義)、Comment Type: rf、Alternative一定要設定。確保右下角的「執行服務」是可點選的狀態。有時候Alternative關閉時可以學到指令,有時候需要開啟才能學到指令。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhBbqY48zr6wBXurOWNb7p63L27_GjNyWLmfjJmv6PwVPqEA74gtQZsFRmcD3mWS2OCDcaTgQj-XKZNSVRQdbVhlpm8avIMU6d6COSHYtWB8TB-PR8SbM7ZhireBx8k1xRAmwgHHDqOvIgUCGoAwEcEuu0IUmCgExAKuurOaJlaba7OY7_4Aw1KrA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhBbqY48zr6wBXurOWNb7p63L27_GjNyWLmfjJmv6PwVPqEA74gtQZsFRmcD3mWS2OCDcaTgQj-XKZNSVRQdbVhlpm8avIMU6d6COSHYtWB8TB-PR8SbM7ZhireBx8k1xRAmwgHHDqOvIgUCGoAwEcEuu0IUmCgExAKuurOaJlaba7OY7_4Aw1KrA" title="2023-1020-105154.png" alt="2023-1020-105154.png" class="original-size">
</a></p>
<p>在Home Assistant開啟另一個視窗,做好Send Command的準備。其中目標、Device、Command一定要設定,確保右下角的「執行服務」是可點選狀態。</p>
<p>其他還需要準備的部分如下:</p>
<ol>
<li>BM4 Pro設備本體。</li>
<li>遙控器。要跟BM4 Pro擺在一起,越靠近越好。</li>
<li>行動裝置上的APP,開啟到準備開始學習RF按鍵的前一步。</li>
</ol>
<h3>學習訊號 / Learn Command</h3>
<p>接下來的做法有點複雜,我們一步一步來看。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhY7I22TtSkjc_S0ZwevoxcDZ1iyhd2LrFJtQmUdT_kgVR7MsAo0b5sOtTZigiKyWUokOeAamdjzS3QYJO34b2AxOgYNQsvGL0AvFK7mAe--g3VEUFpACMjSZmXR70vedK9QvA_EzVO6WMRZckQVTOVl5VFFJPan2DTbe1YCct5dPB1gmuoXjuROg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhY7I22TtSkjc_S0ZwevoxcDZ1iyhd2LrFJtQmUdT_kgVR7MsAo0b5sOtTZigiKyWUokOeAamdjzS3QYJO34b2AxOgYNQsvGL0AvFK7mAe--g3VEUFpACMjSZmXR70vedK9QvA_EzVO6WMRZckQVTOVl5VFFJPan2DTbe1YCct5dPB1gmuoXjuROg" title="20231019_225931.jpg" alt="20231019_225931.jpg" class="original-size">
</a></p>
<p>第一步,在APP上開啟學習按鍵的功能。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhzOdHLNMaEzTUN83oitdhLK-h79gDLsr4OIc8VVsOjfheat7dsSGKhvhDEKX6q56Sc7LlKgDuQMugLjnwmeAU3FexjaVzzFu8PjaIY9JwZ6hdP2LrclquGBk8pzn_D4DkADKgBOuDRnWEydEK5sqzsV2TrX4CKG85QABPCGLsrInHOOm2khsNf_Q">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhzOdHLNMaEzTUN83oitdhLK-h79gDLsr4OIc8VVsOjfheat7dsSGKhvhDEKX6q56Sc7LlKgDuQMugLjnwmeAU3FexjaVzzFu8PjaIY9JwZ6hdP2LrclquGBk8pzn_D4DkADKgBOuDRnWEydEK5sqzsV2TrX4CKG85QABPCGLsrInHOOm2khsNf_Q" title="20231019_225934.jpg" alt="20231019_225934.jpg" class="original-size">
</a></p>
<p>此時APP會倒數30秒,BM4Pro會亮起紅色的指示燈,以下動作要在這30秒內完成。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh6cJVrDnRT3e0fvmtchhX4NiH-WanthXyh5In-pGOhm_QYJVgjxBpe6nRvKCe4p1dYFcPDETAGrE_f_H4D9I64CMTHQ60gNoAPW8NgtQ8BGe--gg8xIMp1wgIexwfOUV9WnrOk3A8agl55rKI2nhbuthVUgjWRXTYBwIf08WJwiLxvkgR6voJTqQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh6cJVrDnRT3e0fvmtchhX4NiH-WanthXyh5In-pGOhm_QYJVgjxBpe6nRvKCe4p1dYFcPDETAGrE_f_H4D9I64CMTHQ60gNoAPW8NgtQ8BGe--gg8xIMp1wgIexwfOUV9WnrOk3A8agl55rKI2nhbuthVUgjWRXTYBwIf08WJwiLxvkgR6voJTqQ" title="20231019_225942.jpg" alt="20231019_225942.jpg" class="original-size">
</a></p>
<p>第二步,在Hoem Assistant裡按下「執行服務」。此時BM4Pro不會有變化,紅色指示燈持續亮著。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiYbN6ZOQgdzo7o-FridG_7HM8PIq-QdXMlDTR3PJWAwjHb6w3VWYcM4HqDuFhOZ78wqQB_fNiwyClut4wKEuoNRJyrP0ugQxRm-zFYffiD-DpeEDqLfzc-k3dJkyCZEUjzgnGUpkQE6ZSNhuZ-dmTAA1wjHTg3Ugx3yVxQaHHSO21JYYmCO6XS4A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiYbN6ZOQgdzo7o-FridG_7HM8PIq-QdXMlDTR3PJWAwjHb6w3VWYcM4HqDuFhOZ78wqQB_fNiwyClut4wKEuoNRJyrP0ugQxRm-zFYffiD-DpeEDqLfzc-k3dJkyCZEUjzgnGUpkQE6ZSNhuZ-dmTAA1wjHTg3Ugx3yVxQaHHSO21JYYmCO6XS4A" title="20231019_225949.jpg" alt="20231019_225949.jpg" class="original-size">
</a></p>
<p>第三步,按下遙控器的按鈕。如果BM4Pro有收到訊息,紅色指示燈會熄滅。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEitQ1uQANxijFkc72zUIRJrAEDZqB0CFU6SY-rn27WmKTrlB-GwqZb2w155y25X3u05BYnw3f_P3Wfdn3xhIPm2xQs8ZYA67FGC-4sUvoa5S1Fl40_JFBFy9b58rX0G_NDnr9jXzw-hcSi7beWQ9_C7a-e57Y2Gk8DjfNSTukNi6qsjV-2gSayvTw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEitQ1uQANxijFkc72zUIRJrAEDZqB0CFU6SY-rn27WmKTrlB-GwqZb2w155y25X3u05BYnw3f_P3Wfdn3xhIPm2xQs8ZYA67FGC-4sUvoa5S1Fl40_JFBFy9b58rX0G_NDnr9jXzw-hcSi7beWQ9_C7a-e57Y2Gk8DjfNSTukNi6qsjV-2gSayvTw" title="20231019_230039.jpg" alt="20231019_230039.jpg" class="original-size">
</a></p>
<p>我們要確保Home Assistant的「執行服務」出現綠色的打勾。這樣表示有接收到訊號。但要注意的是,如果「執行服務」超過10秒鐘,它也會出現綠色的打勾。因此這個綠色打勾不見得是成功的訊號。</p>
<p>此時APP的畫面可能是倒數30秒結束、但沒有學到訊號。也可能會接收到遙控器的訊號。但這些都跟Home Assistant的設定無關。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjzGEqDKHLCN3wW6OgcSoKAsH6o2KcNM4xAt8lWjRS_vrFLmvvL4852Zrr3-nRoTGGvGFBrHef20GNKqCCMfPEtOQJ_UvYFeYqIE5TuQf8eEya_Jgd7Kp-3JcvaV4QLoNOwoWipPCaq0s91nYG_pSyDGoks_HUL2WNwujhKn-CJpTKZui8aOwz8dA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjzGEqDKHLCN3wW6OgcSoKAsH6o2KcNM4xAt8lWjRS_vrFLmvvL4852Zrr3-nRoTGGvGFBrHef20GNKqCCMfPEtOQJ_UvYFeYqIE5TuQf8eEya_Jgd7Kp-3JcvaV4QLoNOwoWipPCaq0s91nYG_pSyDGoks_HUL2WNwujhKn-CJpTKZui8aOwz8dA" title="2023-1020-105312.png" alt="2023-1020-105312.png" class="original-size">
</a></p>
<p>第四步是到Send Command按下「執行服務」。如果出現綠色勾勾,表示有正確學習到。如果出現紅色的警告訊息,表示學習失敗。可能需要回到Learn Command的設定畫面,把Alternative打開或關閉,然後再回到第一步重新學習看看。</p>
<hr>
<h2>結語 / Conclusion</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgjEVkZ2h1oP4mvzlvKeZl5C-o35wYH2nO4vDX7ZQoTi4VSkX1A0zx-NmjpEqPirVuS5ahVJbvSCcmPkCEiKlqJET-v2tcE6Uu-_J7bvJ8ZqMAjTo7Nq1vk02q7sX-MCXZAqlkl1vEAUb8iwnJHhL0uLQsBFRoc8hupKYHnUf3hIgQRqcINKmoUgA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgjEVkZ2h1oP4mvzlvKeZl5C-o35wYH2nO4vDX7ZQoTi4VSkX1A0zx-NmjpEqPirVuS5ahVJbvSCcmPkCEiKlqJET-v2tcE6Uu-_J7bvJ8ZqMAjTo7Nq1vk02q7sX-MCXZAqlkl1vEAUb8iwnJHhL0uLQsBFRoc8hupKYHnUf3hIgQRqcINKmoUgA" title="Copy_of_20231019_225949.jpg" alt="Copy_of_20231019_225949.jpg" class="original-size">
</a></p>
<p>我不太確定這到底是不是BM4Pro這個型號才跟Home Assistant不合,但真沒想到知名的BroadLink設定起來竟然還有這麼大的坑,出乎意料之外。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEicxzNmjjTL9k6a981Ug-M-ZB_ETHlomMMHyJjAS4yoa8d-mWU3oqgJtjWXmxi5YcHZY_924NyxUVHAkENcqOGlafg18f-YkG9wvLFJZoQBULzaD5RkTsVSDWxillycWwOzmlN7i9zNEqCjZ5op9OTU5YpRAlNgW-QqxME9isFFrZBE6QWqMe3OJA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEicxzNmjjTL9k6a981Ug-M-ZB_ETHlomMMHyJjAS4yoa8d-mWU3oqgJtjWXmxi5YcHZY_924NyxUVHAkENcqOGlafg18f-YkG9wvLFJZoQBULzaD5RkTsVSDWxillycWwOzmlN7i9zNEqCjZ5op9OTU5YpRAlNgW-QqxME9isFFrZBE6QWqMe3OJA" title="https://community.home-assistant.io/t/guide-how-to-learn-broadlink-rf-codes/62119/121" alt="https://community.home-assistant.io/t/guide-how-to-learn-broadlink-rf-codes/62119/121" class="original-size">
</a></p>
<p><a href="https://community.home-assistant.io/t/guide-how-to-learn-broadlink-rf-codes/62119/121" target="_blank">https://community.home-assistant.io/t/guide-how-to-learn-broadlink-rf-codes/62119/121</a></p>
<p>nick2525提供了另一個做法,但看起來更加複雜。<br></p>
<p>這個教訓告訴我們,應該要把所有想要用的功能都先在Google搜尋搜尋一次才是。不能單純相信設備支援443MHz的RF功能就買下去啊……</p>
<hr>
<p>文章最後要來問的是。你用過那些智慧家庭的裝置呢?</p>
<ol>
<li>智慧插座:控制電力開關。</li>
<li>智慧溫度計、溼度計:偵測環境訊息。</li>
<li>智慧遙控器:控制其他家電。</li>
<li>其他:在下面留言吧!</li>
</ol>
<pre class="abstract" style="display: none;">在本文中,我探討了使用BroadLink RM4 Pro整合Home Assistant的過程,特別是關於學習遙控器指令的部分。這個萬能遙控器具有IR和RF訊號發送能力,但在Home Assistant中學習RF訊號可能會遇到問題。解決方法包括使用BroadLink的行動應用程式來學習RF指令,並將其整合到Home Assistant。文章提供了詳細的步驟和示意圖,以幫助讀者了解這個複雜的過程。
最後,我反思了這個經驗,提醒讀者在購買智慧家庭設備之前要先仔細瞭解其功能和相容性,並在遇到問題時查找解決方案。最後,我邀請讀者分享他們使用的智慧家庭設備,包括智慧插座、智慧溫度計、智慧遙控器,或其他裝置。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-21552531112929571232023-12-01T12:00:00.000+08:002023-12-01T12:00:00.146+08:00在MySQL裡重置Koha使用者的密碼 / Reset Koha User Password in MySQL<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgJF7O4v3eoj0RkaJDgZGOgXaZXn7F09Cb_nGSf1mVeiRLDtmfsdapYSeh8KWd2Hg5RGC-xgZrzgK1Z-I7-KIj44GpPG8iwbxJk3YaLmMZMdblYgjba2g9V-hpN5-pSFoxdOdaGE-EkXE4aJjKj4QtkrjBJlf9kzcBF4pp9W9n0WhfqSe2bSP0pWg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgJF7O4v3eoj0RkaJDgZGOgXaZXn7F09Cb_nGSf1mVeiRLDtmfsdapYSeh8KWd2Hg5RGC-xgZrzgK1Z-I7-KIj44GpPG8iwbxJk3YaLmMZMdblYgjba2g9V-hpN5-pSFoxdOdaGE-EkXE4aJjKj4QtkrjBJlf9kzcBF4pp9W9n0WhfqSe2bSP0pWg" title="2023-1019-033946.png" alt="2023-1019-033946.png" class="original-size">
</a></p>
<p>最後還是到MySQL裡面修改了。</p>
<a name='more'></a>
<hr>
<h2>狀況 / Problem</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhn5xtXB2iD3ocTvVd3NeTVWAMoUtNd1-Osz_gQP_ZaaEdkjj9VV8SqBT4UnLjo9KBUqktyp7fzp2dT-BBC5aAITKKFhvQrkOc7XN8cc08oVIIq3MkRBCMNuOvHhf_qHSxF-qflomTW7f19gsoe7yDIIJi9YBRad2alXb0q7SkamqIlSeH2y5FCjg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhn5xtXB2iD3ocTvVd3NeTVWAMoUtNd1-Osz_gQP_ZaaEdkjj9VV8SqBT4UnLjo9KBUqktyp7fzp2dT-BBC5aAITKKFhvQrkOc7XN8cc08oVIIq3MkRBCMNuOvHhf_qHSxF-qflomTW7f19gsoe7yDIIJi9YBRad2alXb0q7SkamqIlSeH2y5FCjg" title="2023-1019-032126.png" alt="2023-1019-032126.png" class="original-size">
</a></p>
<p>參考<a href="https://wiki.koha-community.org/wiki/Koha_on_ubuntu_-_packages#Web_Installation">Koha的安裝手冊</a>,我將Koha建立完成後,設定了管理者的帳號與密碼。尷尬的是,我的帳號與密碼似乎是打錯字,導致後來帳號一直無法登入。</p>
<p>要怎麼重設管理者的密碼呢?</p>
<h2>MySQL</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgrtYMc6wTS39NyNo6eb7OObpIqFF85ay5Y6aQGUIwEiJGL2tNwa4MWGdaAmw1SVfm5zh9dMM_GFlgDkvpE7IerjsJoPYAtiyOhgIGqYxACfWK19-57a6nGS8KiJyRfUO8RzU88Gd3pxN887sRV-cZjP27qQ2lfS-Tgn5kjarDPHcbcNvI3wgDGxg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgrtYMc6wTS39NyNo6eb7OObpIqFF85ay5Y6aQGUIwEiJGL2tNwa4MWGdaAmw1SVfm5zh9dMM_GFlgDkvpE7IerjsJoPYAtiyOhgIGqYxACfWK19-57a6nGS8KiJyRfUO8RzU88Gd3pxN887sRV-cZjP27qQ2lfS-Tgn5kjarDPHcbcNvI3wgDGxg" title="https://lists.katipo.co.nz/public/koha/2018-May/050687.html" alt="https://lists.katipo.co.nz/public/koha/2018-May/050687.html" class="original-size">
</a></p>
<p><a href="https://lists.katipo.co.nz/public/koha/2018-May/050687.html" target="_blank">https://lists.katipo.co.nz/public/koha/2018-May/050687.html</a> <br></p>
<p>根據Michael Kuhn的建議,我們可以在Koha記錄使用者的表格borrowers裡找到該使用者,然後在裡面重置使用者的密碼。</p>
<p>使用者的密碼應該會看起來像是亂碼:</p>
<blockquote>$2a$08$dsPH1AD9y9llpQaE45sae.Wkfplp0a3P3GEllf0XKodDU3RR2Ue5e</blockquote>
<p>這串密碼對應的明碼是「demo」。</p>
<p>也就是說,我們只要將使用者的密碼改為「$2a$08$dsPH1AD9y9llpQaE45sae.Wkfplp0a3P3GEllf0XKodDU3RR2Ue5e」,那該使用者就能用「demo」登入了。</p>
<h2>取得Koha的資料庫帳號與密碼 / Get Koha’s database account and password</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhuj-cQs7UJIkn3_Imw_nH95XmZ1I5orUlVpiEiiVyMJL8sgFse-cdbk7X1wvXgKh0uAcRMKYU7CPUJ-ZmDJbUXpLPNpDY2SPIxeH7VOwEdMG-GIZbf9vpu7g7AC6aXXSdXPJG5d-bI8_WQI2Bzey4EuPDtgQU-2f5crrkLQ4aqGV7Tr3yVK86RyA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhuj-cQs7UJIkn3_Imw_nH95XmZ1I5orUlVpiEiiVyMJL8sgFse-cdbk7X1wvXgKh0uAcRMKYU7CPUJ-ZmDJbUXpLPNpDY2SPIxeH7VOwEdMG-GIZbf9vpu7g7AC6aXXSdXPJG5d-bI8_WQI2Bzey4EuPDtgQU-2f5crrkLQ4aqGV7Tr3yVK86RyA" title="https://wiki.koha-community.org/wiki/Koha_on_ubuntu_-_packages#Web_Installation" alt="https://wiki.koha-community.org/wiki/Koha_on_ubuntu_-_packages#Web_Installation" class="original-size">
</a></p>
<p><a href="https://wiki.koha-community.org/wiki/Koha_on_ubuntu_-_packages#Web_Installation" target="_blank">https://wiki.koha-community.org/wiki/Koha_on_ubuntu_-_packages#Web_Installation</a> <br></p>
<p>Koha在安裝過程中會為資料庫建立使用者koha_library跟一個亂數的密碼。根據Koha安裝手冊的說明,我們可以在登入伺服器後,用以下指令取得亂數密碼:</p>
<pre><code class="bash">sudo xmlstarlet sel -t -v 'yazgfs/config/pass' /etc/koha/sites/library/koha-conf.xml;echo</code></pre>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi6xUgdF_ZAsKxv7h5Ll9SCe4gSF7p0WVUG-94BfmdL1p2u7sueUyukL3tyspg02W2fOD-pqywQmJ2uqF2f0imwtQn4Pyw8z8M_IVFanGMDRb5_YstefsdGIhtnOlVNq7ZzhMdDj41ydrdW0NEnOWDcx-Dt0_N9tYr44QlFLLczJyxjkoBx1KEeAw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi6xUgdF_ZAsKxv7h5Ll9SCe4gSF7p0WVUG-94BfmdL1p2u7sueUyukL3tyspg02W2fOD-pqywQmJ2uqF2f0imwtQn4Pyw8z8M_IVFanGMDRb5_YstefsdGIhtnOlVNq7ZzhMdDj41ydrdW0NEnOWDcx-Dt0_N9tYr44QlFLLczJyxjkoBx1KEeAw" title="2023-1019-032748.png" alt="2023-1019-032748.png" class="original-size">
</a></p>
<p>有了帳號koha_library跟上述的密碼後,我們就能登入MySQL來修改了。</p>
<h2>phpMyAdmin</h2>
<p><br></p>
<p>儘管我們可以用指令來管理MySQL,但大多時候用圖形化介面來處理,還是比較簡單一點。</p>
<p>我們可以安裝phpMyAdmin來管理MySQL:</p>
<pre><code class="bash">sudo apt-get install -y phpmyadmin</code></pre>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiPdfBYzicGgB2A1fcC-NwSV5f-NxllC82jok9w_LrzJA_rUlc4t9oMoslguTWZSQ7e-25or1IxFnJwPGuBx3Pkcwc1eYcb87C1f5dPdJppFaO34WIlE3I1Du08KVnKlcEV-kbvqiKFzPBZFy_1FRIW1sqGcD5eBo-6-EbAJB5BUWd4QhE5_uGZ7g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiPdfBYzicGgB2A1fcC-NwSV5f-NxllC82jok9w_LrzJA_rUlc4t9oMoslguTWZSQ7e-25or1IxFnJwPGuBx3Pkcwc1eYcb87C1f5dPdJppFaO34WIlE3I1Du08KVnKlcEV-kbvqiKFzPBZFy_1FRIW1sqGcD5eBo-6-EbAJB5BUWd4QhE5_uGZ7g" title="configuring-phpmyadmin-cropped.png" alt="configuring-phpmyadmin-cropped.png" class="original-size">
</a></p>
<p><a href="https://magefan.com/blog/how-to-install-phpmyadmin" target="_blank">https://magefan.com/blog/how-to-install-phpmyadmin</a> <br></p>
<p>其中有個步驟需要你打勾網頁伺服器,千萬不要錯過了。詳細的設定請看<a href="https://magefan.com/blog/how-to-install-phpmyadmin">How to Install phpMyAdmin?</a><br></p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiZY8d0lDnD6lMjHdMkcVjxEhzzH4yYdxWfrMQiNiwV0p59Eb9bTrbSXvo_PCtRr28n2oS0CXmKDpVpXNHyWxDcsC0s7Wc5EwvVUODdd-vPsvtiRma0GKheBgVvQPFxGeCMOOOe56okNegRNFk5u_kXf5rgsqssV1tVGnDT-u_JPmpNu3i5-dOGSg" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiZY8d0lDnD6lMjHdMkcVjxEhzzH4yYdxWfrMQiNiwV0p59Eb9bTrbSXvo_PCtRr28n2oS0CXmKDpVpXNHyWxDcsC0s7Wc5EwvVUODdd-vPsvtiRma0GKheBgVvQPFxGeCMOOOe56okNegRNFk5u_kXf5rgsqssV1tVGnDT-u_JPmpNu3i5-dOGSg" title="2023-10-19_03-18.png" alt="2023-10-19_03-18.png" class="original-size"></a><br></p>
<p>安裝完成後,就可以在網址後加上 /phpmyadmin 來開啟它。接著就能用koha_library跟上述密碼登入,並進入到borrowers表格裡修改資料了。</p>
<h2>暫時關閉phpMyAdmin / Disable phpMyAdmin temporarily</h2>
<p>設定完成之後,我建議暫時關閉phpMyAdmin,以免遭受不必要的攻擊。關閉的指令如下:</p>
<pre><code class="bash">sudo a2disconf phpmyadmin; sudo service apache2 restart </code></pre>
<p>執行之後,phpMyAdmin就不能使用了。</p>
<p>如果要再開啟phpMyAdmin,則可以執行以下指令:</p>
<pre><code class="bash">sudo a2enconf phpmyadmin; sudo service apache2 restart</code></pre>
<p>這樣就可以了。</p>
<hr>
<p>最後要來問大家的是:你用過Koha嗎?</p>
<p>1. 用過,在課堂上操作過。</p>
<p>2. 用過,我工作的圖書館就是用Koha。</p>
<p>3. 沒有。</p>
<p>4. 其他,在下面留言吧!</p>
<pre class="abstract" style="display: none;">在這篇文章中,我分享了解決Koha圖書館系統管理者密碼重設問題的方法。當忘記密碼時,我們可以透過MySQL來修改使用者的密碼,以便重新登入Koha。首先,我們需取得Koha的資料庫帳號和密碼,然後使用phpMyAdmin或命令行工具進行修改。
除此之外,我也提供了一個建議,即在不使用phpMyAdmin時,暫時關閉它,以保障系統的安全性。這有助於避免不必要的潛在風險。
最後,我向讀者提問是否有使用過Koha圖書館系統,並提供了選項讓他們分享他們的經驗。無論是在課堂上使用或在圖書館工作,或者其他情況下使用Koha,都歡迎在留言中分享。</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0tag:blogger.com,1999:blog-16607461.post-67316490663371649022023-11-26T09:00:00.030+08:002023-11-26T09:00:00.136+08:00中華民國圖書館學會70週年的賀圖是如何製作出來的?結合Stable Diffusion跟QR碼的資訊圖表 / How to Create the Congratulatory Image for 70th Anniversary of LAROC? An Infographic with Stable Diffusion and QR Code<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg3JqcD6qMaI1VGf6MwEmLCfDhM4F3TJgCgChFNGPlxcB8o03TSuYjcp8NT22lHlgoyDw6X8n0I2rdUwuT5G1_6taK10_ytjFUyR6zt3EQ3fzW8n_Gcz8rch-K1yYVT8s7xP0CvbKf7tKjxiq3vCJBUUh0joilrDMcNow9jcd8s5Be3Yomw46PobQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg3JqcD6qMaI1VGf6MwEmLCfDhM4F3TJgCgChFNGPlxcB8o03TSuYjcp8NT22lHlgoyDw6X8n0I2rdUwuT5G1_6taK10_ytjFUyR6zt3EQ3fzW8n_Gcz8rch-K1yYVT8s7xP0CvbKf7tKjxiq3vCJBUUh0joilrDMcNow9jcd8s5Be3Yomw46PobQ" title="2023-1125-235301.png" alt="2023-1125-235301.png" class="original-size">
</a></p>
<p>在閱讀之前,先<a href="https://www.facebook.com/groups/1317163069192913/posts/1362549951320891/?__cft__[0]=AZVMXhoFXe2t8w5-9vpfEyKKOW3FYuQ8cydn1ytIjBDwCmlBUwpV-QjMw_zU8mCitc3L_FMsm9jJ8U8b7GW6dLKa4Tj-waHHjwrhOoIIIjGYLx2e1tkq0iYyaXqw-3JSjgvXEsFnu2R-WTyqNw0minzk&__tn__=%2CO%2CP-R">開啟Facebook粉專的貼文</a>,幫我跟中華民國圖書館學會一起按個讚吧!</p>
<a name='more'></a>
<hr>
<h2>賀圖 / The Congratulatory Image</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEggpcAgrGAuithDPRR_7HByQrZrtd3td9eH9QV09CXL_hcLH1nYHThwkjjOPKoEOEVtP46iYqPFtz8YNFzpeDqE1hJ0GKOrvKznviQJNYMmrWKGdZtJ19wTpEwU9t6DeM0N8lzmfExRCy2k1L8Mx9J4UDmS9TPuB9i6tjB-7Glj_XULfmX1mjdjEg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEggpcAgrGAuithDPRR_7HByQrZrtd3td9eH9QV09CXL_hcLH1nYHThwkjjOPKoEOEVtP46iYqPFtz8YNFzpeDqE1hJ0GKOrvKznviQJNYMmrWKGdZtJ19wTpEwU9t6DeM0N8lzmfExRCy2k1L8Mx9J4UDmS9TPuB9i6tjB-7Glj_XULfmX1mjdjEg" title="LAROC_70th_20231123-1247.png" alt="LAROC_70th_20231123-1247.png" class="original-size">
</a></p>
<p>這張賀圖是為了中華民國圖書館學會70週年兼2023圖書館週活動「怦然心動的祝福,七十週年祝福留言活動」所製作的一張圖。同時也是為了實作資訊圖表的理論和用Stable Diffusion產生QR Code的練習。</p>
<p>這張圖包含了三個主要元素:</p>
<ol>
<li>希希助教:因為她是<a href="https://www.facebook.com/profile.php?id=61551067321565">資訊圖表敘事力</a>的課程虛擬助教呢,看板娘是圖表的重點。</li>
<li>AI產生的QR Code:除了想帶給大家「原來這樣也可以做成QR Code」的新奇感之外,這個連結也會連回到貼文本身,希望大家都能幫忙按讚。這就是資訊圖表的Call For Action應用。</li>
<li>設計圖表的平臺:最後是用Google Slides簡單排版。</li>
</ol>
<p>製作的順序是從QR Code、希希助教,最後才是用Google Slides整合。讓我們一個一個來看看要怎麼作吧。</p>
<hr>
<h2>書堆組成的QR Code / A QR code composed of a stack of books. </h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiC9hRQOqr3HuLF4DdnA2whCPYBddlwo6APtr35R02skk0xH3og0sH8NgK1TCHzFfGDrP8S7P3M_hf2uTNFvNh8_dDfmhOPaFH-kka8zDOgV7pRP4WQE94htnBIaiOE3m9J4whAAH3fzv_HyqkvCZmEFOqsruPlWsJ9YM-RpMxXU5ncZMSn-chJkg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiC9hRQOqr3HuLF4DdnA2whCPYBddlwo6APtr35R02skk0xH3og0sH8NgK1TCHzFfGDrP8S7P3M_hf2uTNFvNh8_dDfmhOPaFH-kka8zDOgV7pRP4WQE94htnBIaiOE3m9J4whAAH3fzv_HyqkvCZmEFOqsruPlWsJ9YM-RpMxXU5ncZMSn-chJkg" title="00621-344768376a.png" alt="00621-344768376a.png" class="original-size"></a></p>
<p>這張QR Code背後的製作過程其實還蠻複雜的。這張QR Code仔細一看,你會發現它是由很多本不同顏色的書籍所排列而成,擺在木頭的地板上。這個QR Code的特點是,即使使用Android手機,只需使用相機APP即可輕鬆辨識。如果你手機的相機識別不出來,也可以使用「<a href="https://play.google.com/store/apps/details?id=com.axiomatic.qrcodereader&hl=zh_TW&gl=US">QR Code Reader</a>」這種專用的QR Code掃描器APP來掃描即可。</p>
<h3>短網址 / Shorten URL</h3>
<p>在製作QR Code之前,我們必須要先處理一個問題:QR Code要前往那個網址?</p>
<p>為了讓QR Code能具備Call For Action的引流能力,最基本的想法就是應該要導流到貼文的網址去。</p>
<p>然而,FB必須是先有圖,才能有貼文的網址。如果刪除圖片,那貼文就會一起被刪除。因此我們必須要找到某種特別的服務,可以讓我們先產生短網址,等到貼文確定之後再做修改。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhL87atYrMBBafwd-t4zSB_kzYWN0xBq4TD9mIPyXmhYkXYqIW8NHrbVvyd0rqNIt3hMCQUHHMIyNMa_yOvFufruCpoRIwELwB9INJa8AHXY2wqqCpb9mNzvVRBG7JYTNSq1vFbZMv8ulQX5hdZ0so-Aj5lWN_0ShK_j-z5iuhg9Lv3NhrZNAy8Pw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhL87atYrMBBafwd-t4zSB_kzYWN0xBq4TD9mIPyXmhYkXYqIW8NHrbVvyd0rqNIt3hMCQUHHMIyNMa_yOvFufruCpoRIwELwB9INJa8AHXY2wqqCpb9mNzvVRBG7JYTNSq1vFbZMv8ulQX5hdZ0so-Aj5lWN_0ShK_j-z5iuhg9Lv3NhrZNAy8Pw" title="2023-1125-205229.png" alt="2023-1125-205229.png" class="original-size">
</a></p>
<ul>
<li><a href="https://t.ly/" target="_blank">https://t.ly/</a> <br></li>
</ul>
<p>最後找到的是<a href="https://t.ly/">t.ly</a>短網址服務,網址縮短後的結果是「 <a href="https://t.ly/H-QGw" target="_blank">https://t.ly/H-QGw</a> 」。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEi1DmWpdGzQeM__OoWWx4OiMVG_boNZbJzU7aUABlGh-dVAqYqlHTK4oLFEb-_i9NOJ5EUO3_N6eURbMkw0iVttoVIbwqE70IaaQoJCeqz38cOqj0OtxjBiHCIh7EXyHgWgcYeslD91tt8zrCzyyui7ktO4xjlc0LlWyAI952ZAKj5B1Slevltg5g"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEi1DmWpdGzQeM__OoWWx4OiMVG_boNZbJzU7aUABlGh-dVAqYqlHTK4oLFEb-_i9NOJ5EUO3_N6eURbMkw0iVttoVIbwqE70IaaQoJCeqz38cOqj0OtxjBiHCIh7EXyHgWgcYeslD91tt8zrCzyyui7ktO4xjlc0LlWyAI952ZAKj5B1Slevltg5g" title="2023-1125-212054.png" alt="2023-1125-212054.png" class="original-size">
</a></p>
<p>t.ly不僅短網址特別的短,它還有一項很重要的功能:在建立短網址之後,還能夠修改轉向的網址。</p>
<p>這就可以讓我們先設定好短網址,用這組短網址來產生QR Code跟圖片。待貼文發出去之後,再回到t.ly將短網址更新為貼文的網址。</p>
<p>不過我做完之後發現t.ly的試用期只有一週。不知道一週之後,這個網址還能不能運作呢?先靜觀其變吧。</p>
<h3>QR Code遮罩 / QR Code Mask</h3>
<p>有了短網址之後,下一步就是要製作QR Code。<br></p>
<p>在討論QR Code的製作之前,我們要先認識到QR Code的容錯率跟QR Code複雜程度的影響。QR Code的容錯能力分成L (7%)、M (15%)、Q (25%)、H (30%)。容錯率越高,QR Code可接受AI重繪影響的程度也就越大,但是QR Code會變得更加複雜。</p>
<p>有些QR Code產生網頁可以讓你調整容錯等級,<a href="https://dnschecker.org/qr-code-generator.php">QR Code Generator</a>就是一個不錯的服務。</p>
<ul>
<li><a href="https://dnschecker.org/qr-code-generator.php" target="_blank">https://dnschecker.org/qr-code-generator.php</a> </li>
</ul>
<p>以下讓我們來看看用QR Code Generator產生QR Code的例子:</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiXk218G7hIr2uYgNPFa5HFpOgHhB2Z7PJoIUb8LB2r6OGlBA_iO2Y35gOzAUqXlVRFMm6oKleKGXt-7_S3BP60F76lyfDCd4FoEXecNeEBopmkvDRrUcSkumi064B-gCTbXkVvgDe1HmjoIlCp5nakHfS2Ulv48up9r6FaIG99IgZAFHQVX5YJuw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiXk218G7hIr2uYgNPFa5HFpOgHhB2Z7PJoIUb8LB2r6OGlBA_iO2Y35gOzAUqXlVRFMm6oKleKGXt-7_S3BP60F76lyfDCd4FoEXecNeEBopmkvDRrUcSkumi064B-gCTbXkVvgDe1HmjoIlCp5nakHfS2Ulv48up9r6FaIG99IgZAFHQVX5YJuw" title="2023-1125-213401.png" alt="2023-1125-213401.png" class="original-size">
</a></p>
<p>這是「<a href="/">布丁布丁吃什麼?</a>」的L等級容錯率。雖然它只能接受7%錯誤,但QR Code看起來相對簡單。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh_XMKW5mAEnyMqEzPLRORXyOeomq5f9kbsTgAFp7uKCkW3UTdi8L2QPpqqVHixGPOIhTZ-vYJwYKaiBX7JJM296FguNejbUeyrvKa_suXJlTftTumuai84HDTzxR15aA3oUUNTAvJ_CnwUBFy-abZDfnPnoeAkLVK0Yn9QM2Gz10dU030lPlwMDw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh_XMKW5mAEnyMqEzPLRORXyOeomq5f9kbsTgAFp7uKCkW3UTdi8L2QPpqqVHixGPOIhTZ-vYJwYKaiBX7JJM296FguNejbUeyrvKa_suXJlTftTumuai84HDTzxR15aA3oUUNTAvJ_CnwUBFy-abZDfnPnoeAkLVK0Yn9QM2Gz10dU030lPlwMDw" title="2023-1125-213429.png" alt="2023-1125-213429.png" class="original-size">
</a></p>
<p>這是M等級容錯率。它可以接受15%錯誤,但圖形看起來比L等級複雜得多。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhUAOW5tVr8-W2aziw8r7ku8J7g0M8cdB8CCqAS4R4ZCQkAvcEKZeF7L30q-odIeV8rREcHNpzfGO9tLu2u6Uws3DT0nmXh23ok6pg2cYCCxdS0Z3bozn4sVJz9XpGGlwjyzqJ0PE9Vcc3kjwt2qPC0pst4D6-G5MnsiC4OtitNpZ8TFd040-O7-w"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhUAOW5tVr8-W2aziw8r7ku8J7g0M8cdB8CCqAS4R4ZCQkAvcEKZeF7L30q-odIeV8rREcHNpzfGO9tLu2u6Uws3DT0nmXh23ok6pg2cYCCxdS0Z3bozn4sVJz9XpGGlwjyzqJ0PE9Vcc3kjwt2qPC0pst4D6-G5MnsiC4OtitNpZ8TFd040-O7-w" title="2023-1125-213450.png" alt="2023-1125-213450.png" class="original-size">
</a></p>
<p>這是Q等級容錯率。雖然看起來只比M等級複雜一點,但它可以接受的錯誤達到了25%。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjcM9hqzFKj_xPv69cXxGRoBoSe3wEvhtU4bh49myTX5kD9MugQdFB9hqHdbaGyUpte2ief2KkGspEKBBTejyxWzeuAwa6-DaM4IJUgnXldyuUcgSGyT3UxjPV4OA8N-Yxn2GVx8G5HV2c6tUA1CcLsm0ztALX15xI1QQ4BYE2zJIBlQjKGVILr9A"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjcM9hqzFKj_xPv69cXxGRoBoSe3wEvhtU4bh49myTX5kD9MugQdFB9hqHdbaGyUpte2ief2KkGspEKBBTejyxWzeuAwa6-DaM4IJUgnXldyuUcgSGyT3UxjPV4OA8N-Yxn2GVx8G5HV2c6tUA1CcLsm0ztALX15xI1QQ4BYE2zJIBlQjKGVILr9A" title="2023-1125-213508.png" alt="2023-1125-213508.png" class="original-size">
</a></p>
<p>最高的容錯率就是H等級,可以容許錯誤30%,但QR Code也變得複雜許多。</p>
<p>常見的QR Code使用的容錯率是M等級15%。根據<a href="https://youtu.be/uwnxX0UL0l8">杰克艾米立跟</a><a href="https://youtu.be/uwnxX0UL0l8">娜娜奇鮮果茶</a>的建議,QR Code的容錯率最好選擇Q等級,也就是即使QR Code的25%破損也還是能夠正常讀取。更高的H等級雖然可以容錯30%,但也會讓QR Code的圖形變得太過複雜。太複雜的QR Code會使得AI繪圖不容易配合,最後可能會產生看起來怪怪的或是難以讀取的QR Code。</p>
<p>除了容錯率會影響QR Code的複雜程度,QR Code裡面的訊息長度更是直接跟QR Code最後的結果息息相關。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhUAOW5tVr8-W2aziw8r7ku8J7g0M8cdB8CCqAS4R4ZCQkAvcEKZeF7L30q-odIeV8rREcHNpzfGO9tLu2u6Uws3DT0nmXh23ok6pg2cYCCxdS0Z3bozn4sVJz9XpGGlwjyzqJ0PE9Vcc3kjwt2qPC0pst4D6-G5MnsiC4OtitNpZ8TFd040-O7-w" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEhUAOW5tVr8-W2aziw8r7ku8J7g0M8cdB8CCqAS4R4ZCQkAvcEKZeF7L30q-odIeV8rREcHNpzfGO9tLu2u6Uws3DT0nmXh23ok6pg2cYCCxdS0Z3bozn4sVJz9XpGGlwjyzqJ0PE9Vcc3kjwt2qPC0pst4D6-G5MnsiC4OtitNpZ8TFd040-O7-w=s250" title="2023-1125-213450.png" alt="2023-1125-213450.png"></a></p>
<p>先讓我們看看「<a href="/" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);">布丁布丁吃什麼?</a>」網址「 <a href="/" target="_blank">https://blog.pulipuli.info/</a> 」在容錯率25%的Q等級下產生的結果。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjIsXxviknyvp4X0kmP2Fv3IAYdsPM_blf5ihJ9Ub8ulM6fJIjF8ttPLNt-SZO2xDgae497ObeZC5Kl2cNI-aVYeXU3DnaRT194OksT6uYdPzXf_lPvM-QbjtpjqP53OUxwAUFGmgfdY0MYQdkm3bRFU32gKHJkGffHi3j9lUAKf7ty5N95Sf3BgQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjIsXxviknyvp4X0kmP2Fv3IAYdsPM_blf5ihJ9Ub8ulM6fJIjF8ttPLNt-SZO2xDgae497ObeZC5Kl2cNI-aVYeXU3DnaRT194OksT6uYdPzXf_lPvM-QbjtpjqP53OUxwAUFGmgfdY0MYQdkm3bRFU32gKHJkGffHi3j9lUAKf7ty5N95Sf3BgQ" title="2023-1125-213933.png" alt="2023-1125-213933.png" class="original-size"></a></p>
<p>接著我們再用t.ly將網址縮成「 <a href="https://t.ly/wrn4k" target="_blank">https://t.ly/wrn4k</a> 」,在同樣的Q等級之下,可以看到QR Code的複雜程度大幅度下降。</p>
<p>越簡單的QR Code不僅越容易讓人成功掃描,同時也會影響到AI繪圖的對應設定。一般情況下,盡可能讓QR Code的複雜程度簡單一點會比較好。</p>
<h3>用Stable Diffusion產生QR Code / Draw QR Code with Stable Diffusion</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhFdFQuu9XzPb8KKkUozrZmzVtYSAnH-ea8_-76VklafAGQKO2Clm103a570t--zIIcVNTtsmX5yNIC_ZznKqOelaF-PXIh69AOXs_OdfpmDS9hPSlz4iiWSv_s2iCu8FO7Sar4bi7IDespOu6wakuIPLBcxO4FPxQth7AcZmcxjBCTqYzBzUxE_A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhFdFQuu9XzPb8KKkUozrZmzVtYSAnH-ea8_-76VklafAGQKO2Clm103a570t--zIIcVNTtsmX5yNIC_ZznKqOelaF-PXIh69AOXs_OdfpmDS9hPSlz4iiWSv_s2iCu8FO7Sar4bi7IDespOu6wakuIPLBcxO4FPxQth7AcZmcxjBCTqYzBzUxE_A" title="2023-1125-215009.png" alt="2023-1125-215009.png" class="original-size">
</a></p>
<p>接下來是最麻煩的部分。到底要怎麼用Stable Diffusion產生QR Code呢?</p>
<p>幾經探索之後,我發現關鍵點有三個:ControlNet、CHECKPOINT、以及畫布的尺寸。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgK_bTXY0vE6OA_W2Q98EFnLlL-nmgHbKp9rg1Mpd78q0U6K9mg4GrfoKUGKw1D2DmY94gX0ZoaH5IeteFUPeUkq5WNMFsXKCJdWHJThMd-6P2R7qH6nj91eR79u88T7OTSEfXGdue18Ke4LGkR2rVXsZKcF6HIuhHltupv8_CMkZzQPCJr86KMZA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgK_bTXY0vE6OA_W2Q98EFnLlL-nmgHbKp9rg1Mpd78q0U6K9mg4GrfoKUGKw1D2DmY94gX0ZoaH5IeteFUPeUkq5WNMFsXKCJdWHJThMd-6P2R7qH6nj91eR79u88T7OTSEfXGdue18Ke4LGkR2rVXsZKcF6HIuhHltupv8_CMkZzQPCJr86KMZA" title="monster.png" alt="monster.png" class="original-size">
</a></p>
<p><a href="https://huggingface.co/monster-labs/control_v1p_sd15_qrcode_monster" target="_blank">https://huggingface.co/monster-labs/control_v1p_sd15_qrcode_monster</a> <br></p>
<p>第一是建議大家使用<a href="https://huggingface.co/monster-labs/control_v1p_sd15_qrcode_monster">Controlnet QR Code Monster</a>。ControlNet Weight建議設1或更高。Weight越大,QR Code會越明顯,掃描也越容易成功。我在Starting step設0、Ending Step設1,確保ControlNet從頭到尾都能發揮影響,使得QR Code不被Stable Diffusion扭曲。如果想要讓QR Code的黑色跟白色部分相反,可以在Preprocessor選擇invert (for white bg & black line)。詳情請看<a href="https://youtu.be/nFfHEmNu0Zk">Ai Voice Tutor</a>的教學。<a href="https://youtu.be/uwnxX0UL0l8">杰克艾米立</a>提出了brightness跟illumination的組合做法,看起來更美觀,但我卻都無法掃描。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiCXNaTY1GRKmDEcE0z1Jh6MhpDLgbg63KoRFISmAikvBg8O9hESy0yNs3snJW25_sr474jsN70i-7g2gdsIp6OcapRyK_nplFhVsU9eYG7GJ2wnO3TbxflAuqJejJk8ZABfgXO-tHSAEH-FaAA9ojbNbdgznluU9VHbDezxI0cHsYpLljpFQVIRA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiCXNaTY1GRKmDEcE0z1Jh6MhpDLgbg63KoRFISmAikvBg8O9hESy0yNs3snJW25_sr474jsN70i-7g2gdsIp6OcapRyK_nplFhVsU9eYG7GJ2wnO3TbxflAuqJejJk8ZABfgXO-tHSAEH-FaAA9ojbNbdgznluU9VHbDezxI0cHsYpLljpFQVIRA" title="2023-1125-215956.png" alt="2023-1125-215956.png" class="original-size">
</a></p>
<p><a href="https://civitai.com/models/4855?modelVersionId=5581">https://civitai.com/models/4855?modelVersionId=5581</a><br></p>
<p>其次是大模型checkpoint請選用萬能模型。寫實風格我推薦使用<a href="https://civitai.com/models/4201/realistic-vision-v51">Realistic Vision</a>,這也<a href="https://youtu.be/nFfHEmNu0Zk" style="font-weight: 400; background-color: rgb(255, 255, 255);">Ai Voice Tutor</a>的建議。繪圖風格的話我則是推薦<a href="https://civitai.com/models/4855?modelVersionId=5581">AnythingElse</a>。這種萬能模型能夠描繪各種不同的事物,比較容易配合QR Code的形狀,選擇較合理的物件來繪圖。</p>
<p>相較於萬能模型,以往我在繪製希希助教時使用的<a href="https://huggingface.co/syaimu/7th_Layer">7th anime v3 c</a>就是相對小的大模型。<a href="https://huggingface.co/syaimu/7th_Layer" style="font-weight: 400; background-color: rgb(255, 255, 255);">7th anime v3 c</a>只擅長繪製它熟悉的人物造型,面對QR Code這種刁鑽的要求,它幾乎都沒辦法配合。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjBF6VKw0ZfVkoxlKdc0Mx3eX2gH9Ae1GyInSX4Ahj-VGlNmFmANSnkCIuR80IwS9ZShUb02h4Rwk6RhEAljK28R4uimtPmP_tCih_nl7kh98-ayrLIfeSlltOspeGfB6anLtDKVHivDmYEGCrV1Dg6_ypbW-MGrXM68TxLaO_t7oBK_DQCK9IS3A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjBF6VKw0ZfVkoxlKdc0Mx3eX2gH9Ae1GyInSX4Ahj-VGlNmFmANSnkCIuR80IwS9ZShUb02h4Rwk6RhEAljK28R4uimtPmP_tCih_nl7kh98-ayrLIfeSlltOspeGfB6anLtDKVHivDmYEGCrV1Dg6_ypbW-MGrXM68TxLaO_t7oBK_DQCK9IS3A" title="2023-1125-220613.png" alt="2023-1125-220613.png" class="original-size">
</a></p>
<p>最後是解析度不能太低的問題。Stable Diffusion的訓練圖片基本上都是512 * 512像素,而大多QR Code預設產生的圖片大小最多都只到500。如果你用預設的512 * 512來繪製,則Stable Diffusion會嘗試在特定現實物件上,找尋具備能配對QR Code紋路的結果。但這會導致產生的QR Code不僅看起來很彆扭(畢竟通常不會有現實物件長得像是QR Code),而且也難以掃描。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiHJXMiTvdLp7r8A1_uIc6uCoMfZAtf8i_Lr9-7iGsLrDlVnpzonsDtYdWrnNAedRNVAV4YelGJVwcuzlAH9zY-rRbi9TIQUFuneHiltKCh7O9YyZb98Scnuwe0ZWctRSd2B2z_IaJagZbGS8hWTJkjRdfNlzZ3IGiknVxk8-SnZGWrT6mXRlgMug"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiHJXMiTvdLp7r8A1_uIc6uCoMfZAtf8i_Lr9-7iGsLrDlVnpzonsDtYdWrnNAedRNVAV4YelGJVwcuzlAH9zY-rRbi9TIQUFuneHiltKCh7O9YyZb98Scnuwe0ZWctRSd2B2z_IaJagZbGS8hWTJkjRdfNlzZ3IGiknVxk8-SnZGWrT6mXRlgMug" title="398322200_1035766287548115_902161546123290145_n.png" alt="398322200_1035766287548115_902161546123290145_n.png" class="original-size">
</a></p>
<p>為了改善這個問題,比較合理的做法就是將繪製的圖片解析度調高。這是1024 * 1024的繪製結果。Stable Diffusion會認為畫布的空間變大了,原本你要畫的物件看起來就相對較小,因此能夠更合理地塞進QR Code之間的縫隙。不僅整體畫面看起來也更加合理,掃描的成功率也上升許多。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjAHvD2IMOIE5ew6Un35Uzv65Uzqv-YNrCKXOi7S6nOJ1R0n6NIIM4i75j5BQ1Ng5hguUrF87SGSz2zznVz88N6eojeVaugtTEtRoVK44kfOTGLWwEck3fMHCceldFog3c85UUzpbdIuupCbNh49R9uG7uvE2aSdAVW_zHbRJA4lQa4_UUlbPm9FQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjAHvD2IMOIE5ew6Un35Uzv65Uzqv-YNrCKXOi7S6nOJ1R0n6NIIM4i75j5BQ1Ng5hguUrF87SGSz2zznVz88N6eojeVaugtTEtRoVK44kfOTGLWwEck3fMHCceldFog3c85UUzpbdIuupCbNh49R9uG7uvE2aSdAVW_zHbRJA4lQa4_UUlbPm9FQ" title="c.png" alt="c.png" class="original-size">
</a></p>
<p>按照這個思路,再加上我想要為QR Code周圍加上背景的考量,我重新製作了有更大的畫布、設定QR Code往中下位置擺放的遮罩。這個遮罩的尺寸是1024 * 1200。放大圖片的演算法為<a href="https://zh.wikipedia.org/zh-tw/%E5%85%B0%E4%BD%90%E6%96%AF%E7%AE%97%E6%B3%95">Lanczos</a>,可確保QR Code放大後仍保持黑白分明,不會出現過渡的鋸齒狀。</p>
<p>其他參數設定如下:</p>
<ul>
<li>Prompt: stacks of books, (books:1.4), wood ground, white wall, bright, clean wall, clean background</li>
<li>Steps: 27</li>
<li>Sampler: DPM++ 2M Karras</li>
<li>Size: 1024x1200</li>
<li>Model: anythingelseV4_v45</li>
<li>ControlNet Model: control_v1p_sd15_qrcode_monster<br>Weight: 1, Starting Step: 0, Ending Step: 1</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj7ba4yevE3Y9_6_bMLLEuRnYGTjSGVhAftk4jM9Z52eSgz4jYXaVLFLwUSNOoqUT4cX9htb5_MyjLPpSXK5SjfZrk_AgaDj-kvMUK6A7bWfU2hdcEXRQJ-1fQTpnx0nL9Nf-vFGKSeUlOeHRX4alJEIysZJIOKhR7cGb4zdoAJ4LbfN0wkhkymVA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj7ba4yevE3Y9_6_bMLLEuRnYGTjSGVhAftk4jM9Z52eSgz4jYXaVLFLwUSNOoqUT4cX9htb5_MyjLPpSXK5SjfZrk_AgaDj-kvMUK6A7bWfU2hdcEXRQJ-1fQTpnx0nL9Nf-vFGKSeUlOeHRX4alJEIysZJIOKhR7cGb4zdoAJ4LbfN0wkhkymVA" title="00621-344768376.png" alt="00621-344768376.png" class="original-size">
</a></p>
<p>產生結果看起來有點黯淡。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiC9hRQOqr3HuLF4DdnA2whCPYBddlwo6APtr35R02skk0xH3og0sH8NgK1TCHzFfGDrP8S7P3M_hf2uTNFvNh8_dDfmhOPaFH-kka8zDOgV7pRP4WQE94htnBIaiOE3m9J4whAAH3fzv_HyqkvCZmEFOqsruPlWsJ9YM-RpMxXU5ncZMSn-chJkg" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEiC9hRQOqr3HuLF4DdnA2whCPYBddlwo6APtr35R02skk0xH3og0sH8NgK1TCHzFfGDrP8S7P3M_hf2uTNFvNh8_dDfmhOPaFH-kka8zDOgV7pRP4WQE94htnBIaiOE3m9J4whAAH3fzv_HyqkvCZmEFOqsruPlWsJ9YM-RpMxXU5ncZMSn-chJkg=s450" title="00621-344768376a.png" alt="00621-344768376a.png" width="384" height="450"></a><br></p>
<p>調整對比之後就成了最後結果。遠看可以看得出是個QR Code,近看則會發現它是由很多書本組成,而且畫風偏向手繪繪本風格。更重要的是,這張QR Code掃描的成功率非常高。如果一張QR Code只是漂亮但卻不能掃描的話,那就喪失它的引流功能了呢。</p>
<hr>
<h2>希希助教 / Sisi</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjwXVYygp8oaAo1SN3B9TC8Slg_Mf6WS3x74Ng8Ki0cbU4yXWnmenIc_Ma_deXmlYRnX1J2Jkc5LZpRgijf7ULckL2pVfXkOrAqADEInH0naWenvCoC1968sBiF3CbFqBD5IVYRaZIwvvruVgCXUk2dUkzow6RRWjlbysqa875TGnIprG8NAHw2Kg">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjwXVYygp8oaAo1SN3B9TC8Slg_Mf6WS3x74Ng8Ki0cbU4yXWnmenIc_Ma_deXmlYRnX1J2Jkc5LZpRgijf7ULckL2pVfXkOrAqADEInH0naWenvCoC1968sBiF3CbFqBD5IVYRaZIwvvruVgCXUk2dUkzow6RRWjlbysqa875TGnIprG8NAHw2Kg" title="Copy_of_00557-2496748509-cropped.png" alt="Copy_of_00557-2496748509-cropped.png" class="original-size">
</a><br></p>
<p>在確定了QR Code的樣子之後,我們接下來要回頭製作希希助教的圖片。希希助教的人物造型在很久之前就已經大致抵定了,但問題是,之前華麗的造型跟QR Code的畫風搭不起來呀。</p>
<h3>簡化風格 / How to simplify the style?</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh7hIqObrWJb45L1DnxFo7be101kwRg4cxdlrotC1BUS-WLtrb2DP0OhRPeV9lsyxZ2kfiGQLej8qjxaY-O-rgqrmy5Nb_XhaTVz_TrOFHVK4E1qolxelyFvUAsWU3YeiEM-uzgfW5QlpFFhQfuLD3UJUU-e679CXwvNIitG3s0LR_gXUZ7ljbAUA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh7hIqObrWJb45L1DnxFo7be101kwRg4cxdlrotC1BUS-WLtrb2DP0OhRPeV9lsyxZ2kfiGQLej8qjxaY-O-rgqrmy5Nb_XhaTVz_TrOFHVK4E1qolxelyFvUAsWU3YeiEM-uzgfW5QlpFFhQfuLD3UJUU-e679CXwvNIitG3s0LR_gXUZ7ljbAUA" title="376270562_10223315824471594_763569648177251333_n-cropped.png" alt="376270562_10223315824471594_763569648177251333_n-cropped.png" class="original-size">
</a></p>
<p>為什麼會這樣說呢?這是因為我本來是想要拿希希助教這張預設的大頭貼的。這是<a href="https://huggingface.co/syaimu/7th_Layer" style="font-weight: 400; background-color: rgb(255, 255, 255);">7th anime v3 c</a>大模型跟多個LoRA小模型組合而成的結果。這種華麗的邊框跟著色方式都是<a href="https://huggingface.co/syaimu/7th_Layer" style="font-weight: 400; background-color: rgb(255, 255, 255);">7th anime v3 c</a>擅長的特色;而<a href="https://civitai.com/models/20163/genshin-sticker-chibi-style">Genshin Sticker Chibi Style</a>則能夠產生二頭身的造型;周圍留白則是<a href="https://civitai.com/models/13090?modelVersionId=38884">Gacha splash LORA</a>的效果。</p>
<p>但顯然的,這種畫風跟我們的QR Code差異甚大。希希助教本身的粉紅色頭髮就已經夠顯眼了,其他部分可以再簡化嗎?</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjvTi_ac4Amdruej-ngsUpnbh2PAwmZbT0La4ePGuaD7Ywv5YZeafr46J5SbnM9LSMqQqSe7BAWf4BOBp41xKMZZL5hBicooxYwd1Fh6msO4twljJxO_649-3M0yJkSNX1Z3VUqxvYwcub0NGI-pyP8xRYW9O1K1QiURdVodH2uPeS-PH2BzSnZDg"> <img src="https://blogger.googleusercontent.com/img/a/AVvXsEjvTi_ac4Amdruej-ngsUpnbh2PAwmZbT0La4ePGuaD7Ywv5YZeafr46J5SbnM9LSMqQqSe7BAWf4BOBp41xKMZZL5hBicooxYwd1Fh6msO4twljJxO_649-3M0yJkSNX1Z3VUqxvYwcub0NGI-pyP8xRYW9O1K1QiURdVodH2uPeS-PH2BzSnZDg" title="xyz_grid-0362-3423466245-aka_shiba_1girl_aqua_eyes_baseball_cap_blonde_hair_closed_mouth_earrings_green_background_hat_hoop_earrings_jewelry_.jpeg" alt="xyz_grid-0362-3423466245-aka_shiba_1girl_aqua_eyes_baseball_cap_blonde_hair_closed_mouth_earrings_green_background_hat_hoop_earrings_jewelry_.jpeg" class="original-size">
</a></p>
<p><a href="https://civitai.com/models/82098/add-more-details-detail-enhancer-tweaker-lora" target="_blank">https://civitai.com/models/82098/add-more-details-detail-enhancer-tweaker-lora</a></p>
<p>最後我找到的答案是使用LoRA「Add More Details」,但是是負向地使用「<lora:more_details:-1>」。從上圖可以看到,將LoRA的權重設為-1之後,原本的圖片看起來更加平面與簡化了許多。這使得我們更容易控制畫面的精細程度,使之能夠與其他元素配合。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjwXVYygp8oaAo1SN3B9TC8Slg_Mf6WS3x74Ng8Ki0cbU4yXWnmenIc_Ma_deXmlYRnX1J2Jkc5LZpRgijf7ULckL2pVfXkOrAqADEInH0naWenvCoC1968sBiF3CbFqBD5IVYRaZIwvvruVgCXUk2dUkzow6RRWjlbysqa875TGnIprG8NAHw2Kg" style="color: rgb(35, 82, 124); outline: 0px; font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEjwXVYygp8oaAo1SN3B9TC8Slg_Mf6WS3x74Ng8Ki0cbU4yXWnmenIc_Ma_deXmlYRnX1J2Jkc5LZpRgijf7ULckL2pVfXkOrAqADEInH0naWenvCoC1968sBiF3CbFqBD5IVYRaZIwvvruVgCXUk2dUkzow6RRWjlbysqa875TGnIprG8NAHw2Kg=s450" title="Copy_of_00557-2496748509-cropped.png" alt="Copy_of_00557-2496748509-cropped.png" width="450" height="450"></a><br></p>
<p>我又加上了prompt「rough sketch, sketch style」,讓線條更加明顯,最後就產生出上面的結果。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjFFGa1vtFKb7K7pVVTtMUWs5dnedFBGyu-pOHDJkRkbpLdz8YytqyHrNjigKlYElYgIFoU0-NSiFGNQgQNo_0l6gHRgXFDa5yapELkMY_CClI5W-SC2Jhs2FvceXSQ-KVML3axGfy9AaxJ68St7DGxnpo4_D6QgzsE16o_DsK5AAJl8zYf7hjMig">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjFFGa1vtFKb7K7pVVTtMUWs5dnedFBGyu-pOHDJkRkbpLdz8YytqyHrNjigKlYElYgIFoU0-NSiFGNQgQNo_0l6gHRgXFDa5yapELkMY_CClI5W-SC2Jhs2FvceXSQ-KVML3axGfy9AaxJ68St7DGxnpo4_D6QgzsE16o_DsK5AAJl8zYf7hjMig" title="00590-2496748542-cropped.png" alt="00590-2496748542-cropped.png" class="original-size">
</a></p>
<p>這是一起繪製的另一張圖。之後可以用在投影片裡面呢。</p>
<hr>
<h2>繪製資訊圖表 / Infographic Drawer</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj4o74ABZrjvTREPzF99KXNWBtLnFzt4K8dA-_3KViniNIup2icaAX-SLnKjLEEeHrH_EWegM1rGWmpj3ReU6H6hYU_dtqXILuhTIZG_1jmFNkF32fFAjShlhPt3Sc7jlK_gXcDu-HyXg5t_VaEyzVMkqleez5CMaw7n7I0d9FUKDZeSh6qM39IlQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEj4o74ABZrjvTREPzF99KXNWBtLnFzt4K8dA-_3KViniNIup2icaAX-SLnKjLEEeHrH_EWegM1rGWmpj3ReU6H6hYU_dtqXILuhTIZG_1jmFNkF32fFAjShlhPt3Sc7jlK_gXcDu-HyXg5t_VaEyzVMkqleez5CMaw7n7I0d9FUKDZeSh6qM39IlQ" title="2023-1125-230850.png" alt="2023-1125-230850.png" class="original-size">
</a></p>
<p>主要元素都做完後,最後就是要找個畫布來把它組合在一起了。雖然現在大家想到製作資訊圖表好像都會想到<a href="https://www.canva.com/">Canva</a>,但我就順手地開啟了平常在用Google Slides來繪製。儘管如此,繪製過程中還是有很多值得深思的問題。</p>
<h3>畫布尺寸 / Canvas size</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgi1qeFE03mVFqYON8aBNHb4L4lBPGoV1v5I9BFYpLdgFK1GxOuUYEXTtbjTjt1Xko8sX16lkXFPs031Wj4idxgvsAchPaA0SJYrljhjdi-eFPVESHjlAg2VQLmCUl-7XEpoQbglY_RQ3LK_PygMRczvLC2P4WQVzFLG7IXItHdXdivGEwPj7vYYQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEgi1qeFE03mVFqYON8aBNHb4L4lBPGoV1v5I9BFYpLdgFK1GxOuUYEXTtbjTjt1Xko8sX16lkXFPs031Wj4idxgvsAchPaA0SJYrljhjdi-eFPVESHjlAg2VQLmCUl-7XEpoQbglY_RQ3LK_PygMRczvLC2P4WQVzFLG7IXItHdXdivGEwPj7vYYQ" title="2023-1125-231135.png" alt="2023-1125-231135.png" class="original-size">
</a></p>
<p>這張圖的最終目的地是放在Facebook的粉絲專頁上。那麼,我應該挑選什麼尺寸的畫布好呢?</p>
<p>考慮到大部分的人都是用手機開啟Facebook,那麼我應該是以垂直的畫布為主。目前手機流行的比例是18:9,考慮到畫面上下需要預留導覽列跟按鈕的空間,因此圖片設為16:9應該會是合理的選擇。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjOKWC7DglVytfZgVYB2dqM9HkkxH4czyHT4ecaFqo4wsUohN2E-_6Te_UUv12ggCTC7VuT_LnPRYBvM38CjSUbxHct_Hi0966Jp0vsr59kyLmJRQfwwYp1dn3ziq2kQIEyXAV4vET8AF_9u1coxzmQGEe6UMwH_LpPEKajhipRqf27ntkbfwcEyQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjOKWC7DglVytfZgVYB2dqM9HkkxH4czyHT4ecaFqo4wsUohN2E-_6Te_UUv12ggCTC7VuT_LnPRYBvM38CjSUbxHct_Hi0966Jp0vsr59kyLmJRQfwwYp1dn3ziq2kQIEyXAV4vET8AF_9u1coxzmQGEe6UMwH_LpPEKajhipRqf27ntkbfwcEyQ" title="2023-1125-231526.png" alt="2023-1125-231526.png" class="original-size">
</a></p>
<p>很遺憾的是,結果這是一個錯誤的選擇。Facebook把過長的圖片下面砍掉了,而在平板上又會將圖片縮小。這裡我用親身經歷感受到了,前人說要使用方形畫布,真的要乖乖聽話啊orz</p>
<h3>圖示 / Icon</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjUV9-14IW-Vv2ZmdzGNKILHs3vKheCNRMzUZXtEVEg_pu2bsgsygwNV5z51mNqI8TW6_ujWoX9JDISQjKQvHbf33Uxlrc7kQ8-7acTgpbiE7ZPPgBF9AkqKEOBuW87ueyVmzP9mBABsa7O46F9FWnXnWh3aQusLZALbPKU26Nxyl6I2TnSwDw_Kw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjUV9-14IW-Vv2ZmdzGNKILHs3vKheCNRMzUZXtEVEg_pu2bsgsygwNV5z51mNqI8TW6_ujWoX9JDISQjKQvHbf33Uxlrc7kQ8-7acTgpbiE7ZPPgBF9AkqKEOBuW87ueyVmzP9mBABsa7O46F9FWnXnWh3aQusLZALbPKU26Nxyl6I2TnSwDw_Kw" title="2023-1125-232111.png" alt="2023-1125-232111.png" class="original-size">
</a></p>
<p>原本圖片中部分圖示我打算用Google Slides的特殊字元來設定。在Google Slides裡面看起來好像都還好,但是一旦輸出之後,特殊字元往往會變成方框,也就是缺乏對應的字型造成的錯誤。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhN6mHQgl_zGRvtBZMCupBGq_XbbtPn9aCGQ2NuqtijlE1IX6MzgqufENGhCqVOP_Vy-k2bIBI8ddF1guFFLGEex3p-kRHLSuMVIKPyo-4UGAfbjAiDL3Rks6tdFTKm5uWwx6obUE4YA47xy2tbPfd0mIRpfEfh1CDWxoZ5IxitYNlCOHeCQKTu-A">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhN6mHQgl_zGRvtBZMCupBGq_XbbtPn9aCGQ2NuqtijlE1IX6MzgqufENGhCqVOP_Vy-k2bIBI8ddF1guFFLGEex3p-kRHLSuMVIKPyo-4UGAfbjAiDL3Rks6tdFTKm5uWwx6obUE4YA47xy2tbPfd0mIRpfEfh1CDWxoZ5IxitYNlCOHeCQKTu-A" title="2023-1125-232257.png" alt="2023-1125-232257.png" class="original-size">
</a></p>
<p><a href="https://www.flaticon.com/search?word=point&color=black&shape=fill&order_by=4" target="_blank">https://www.flaticon.com/search?word=point&color=black&shape=fill&order_by=4</a></p>
<p>最後還是回來免費圖示網站flaticon找尋圖片。手指圖示的來源是這張<a href="https://www.flaticon.com/free-icon/point_556181?term=point&page=1&position=3&origin=search&related_id=556181">Point free icon</a>。還有下面的Blogger圖示也是flaticon來的<a href="https://www.flaticon.com/free-icon/blogger_3669981?term=blogger&page=1&position=18&origin=search&related_id=3669981">Blogger free icon</a>。</p>
<h3>匯出 / Export</h3>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg0oAblgLrZ_8WqZ86Y4okUUjKsEVxiN2RiDMkk_1lkM3VSLsfX4LaP8MiZkhGKkgNSWYjBlNlazTBCm3g_5YhGu2nVppVm_JCH54B6fqJDND0uXmolDe5yXSO-Xw4aIAL9XY3v2FscX-oDBFdXmIdXz3FwKdON5t-v7dZ3NDBSy9W4mljAAKjVEw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg0oAblgLrZ_8WqZ86Y4okUUjKsEVxiN2RiDMkk_1lkM3VSLsfX4LaP8MiZkhGKkgNSWYjBlNlazTBCm3g_5YhGu2nVppVm_JCH54B6fqJDND0uXmolDe5yXSO-Xw4aIAL9XY3v2FscX-oDBFdXmIdXz3FwKdON5t-v7dZ3NDBSy9W4mljAAKjVEw" title="2023-1125-232553.png" alt="2023-1125-232553.png" class="original-size">
</a></p>
<p>最後提一個容易被人忽視的細節:將Google Slides的投影片匯出成大圖的做法。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjX_FapIOSUapF-wacmNn3ZbLT-gI3Vj0Qn-xyQRnvZk6y8uxVWuu0F3D0PULXkGfkXqq4U7amITB4-DmyFkq3ek7-L8X_OhTFzG4nnG9IqqHJY8VyJYyUVUWXW3Wy3vjkfqAfYsmdbl7yIvHzB-S3mq1Ex2NdlbczL6ynFKiJ6SKZW-h3ZDyaUWw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjX_FapIOSUapF-wacmNn3ZbLT-gI3Vj0Qn-xyQRnvZk6y8uxVWuu0F3D0PULXkGfkXqq4U7amITB4-DmyFkq3ek7-L8X_OhTFzG4nnG9IqqHJY8VyJYyUVUWXW3Wy3vjkfqAfYsmdbl7yIvHzB-S3mq1Ex2NdlbczL6ynFKiJ6SKZW-h3ZDyaUWw" title="2023-1125-232931.png" alt="2023-1125-232931.png" class="original-size">
</a></p>
<p>很多人都會選用「檔案 > 下載 > PNG 圖片 (.png,目前的投影片)」。但這只會匯出72 dpi的小圖。以這個例子來說,匯出的圖片大小為540 x 959,非常的小。將圖片放大成200%之後,可以看到明顯的鋸齒狀。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjr4mfnhewHGJJ09RUYI461SIUi2ZrzGyb8F1KcBcCiH6MvuBzWrJUoVuuKuP9kw4VKtTjlrfN-UPi7nICuNR7LpAKsva_lh72QhU22X4-4NQmUFVGLEX5NTWrERGlB7rn6jOnJ1o8i-ZuFmsE6yV4XS5WU4mWAxiQlu7zyRjthNXSbuQwXxCsW3g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjr4mfnhewHGJJ09RUYI461SIUi2ZrzGyb8F1KcBcCiH6MvuBzWrJUoVuuKuP9kw4VKtTjlrfN-UPi7nICuNR7LpAKsva_lh72QhU22X4-4NQmUFVGLEX5NTWrERGlB7rn6jOnJ1o8i-ZuFmsE6yV4XS5WU4mWAxiQlu7zyRjthNXSbuQwXxCsW3g" title="2023-1125-233143.png" alt="2023-1125-233143.png" class="original-size">
</a></p>
<p>這時候正確的做法應該是使用「列印」,將要匯出的投影片儲存成「PDF」。接著再用PDF軟體將PDF匯出成圖片,將解析度調整為300 dpi來匯出大圖。</p>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhgPyRRPb_W32Ja7JIct_prApbCKZ2YWfoIEltrui04uP57Fppi2SHJG4c9S2Cr9IfYp00O7vAQM6i0pLUJYpXQrT9Ss3XOlCsIShfA8IizUHrX_zXUwDQdmG2oJ7KoK6btUtWbAlJr2rabv9gu4eeh8BGu5r9mxtOwsSRj9XyGwdeBNULsB7LcZA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhgPyRRPb_W32Ja7JIct_prApbCKZ2YWfoIEltrui04uP57Fppi2SHJG4c9S2Cr9IfYp00O7vAQM6i0pLUJYpXQrT9Ss3XOlCsIShfA8IizUHrX_zXUwDQdmG2oJ7KoK6btUtWbAlJr2rabv9gu4eeh8BGu5r9mxtOwsSRj9XyGwdeBNULsB7LcZA" title="2023-1125-233310.png" alt="2023-1125-233310.png" class="original-size">
</a></p>
<p>最後產生的圖片為1688 * 3000。在100%的縮放比例下,看起來圖片的大小跟上面的小圖插不多,但鋸齒狀明顯少了許多。</p>
<p>總之,不要太過相信Google Slides的匯出功能了。還是匯出成PDF之後再做處理,通常會得到比較好的結果喔。</p>
<hr>
<h2>結語 / Conclusion</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEggpcAgrGAuithDPRR_7HByQrZrtd3td9eH9QV09CXL_hcLH1nYHThwkjjOPKoEOEVtP46iYqPFtz8YNFzpeDqE1hJ0GKOrvKznviQJNYMmrWKGdZtJ19wTpEwU9t6DeM0N8lzmfExRCy2k1L8Mx9J4UDmS9TPuB9i6tjB-7Glj_XULfmX1mjdjEg" style="font-weight: 400; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/a/AVvXsEggpcAgrGAuithDPRR_7HByQrZrtd3td9eH9QV09CXL_hcLH1nYHThwkjjOPKoEOEVtP46iYqPFtz8YNFzpeDqE1hJ0GKOrvKznviQJNYMmrWKGdZtJ19wTpEwU9t6DeM0N8lzmfExRCy2k1L8Mx9J4UDmS9TPuB9i6tjB-7Glj_XULfmX1mjdjEg=s450" title="LAROC_70th_20231123-1247.png" alt="LAROC_70th_20231123-1247.png" width="253" height="450"></a><br></p>
<p>雖然很多人會認為AI繪圖可以取代設計師,但即使是像我這種非設計本科的人,單單設計這樣一張圖,都有許多要考慮的細節了。更專業的設計師應該會比我想得更加周全才是。比起AI取代了人類這點,我反而覺得它是拉高了整體設計的底線,讓我們對設計的要求越來越高了。</p>
<p>不管怎麼說,這也只是展示了一種AI繪圖跟資訊圖表結合的可能性。在有限的時間跟資源之內,我打算做到這裡就適可而止了。當然,Stable Diffusion的可能性還遠遠不僅於此,但說到底它也只是個工具,最終還是要回歸使用者本身。熟悉工具的使用、磨練自己的品味,才是提升自己功力的不二法門啊。</p>
<hr>
<p>文章到最後要來提問的是:你對這種用Stable Diffusion這種AI繪製的QR Code有什麼看法呢?</p>
<ul>
<li>1. 還蠻有趣的。我也想試試看用其他的物品來畫QR Code。</li>
<li>2. 不仔細看的話,好像也不會發現它是由書堆組成的QR Code。</li>
<li>3. 普通的QR Code不好嗎?QR Code應該單純作為溝通的手段,而不應該用AI繪圖來模糊它的功能。</li>
<li>4. 其他:在下面留言,說說你的看法吧!</li>
</ul>
<pre class="abstract" style="display: none;">在這篇文章中,我探討了使用Stable Diffusion製作QR Code的過程,並結合資訊圖表元素。首先,透過繁複的QR Code製作過程,以及選擇適當的容錯率,我們製作了一個獨特且易於掃描的QR Code。接著,我介紹了簡化希希助教圖示風格的方法,以使其與QR Code風格更協調。
在最後的部分,我分享了使用Google Slides繪製資訊圖表的過程,並強調了匯出高解析度圖片的重要性。儘管AI技術提供了強大的工具,但設計仍然需要人類的創造力和審美判斷。
這次的實驗展示了AI繪圖與資訊圖表相結合的可能性,但同時也提醒我們在使用工具的同時,人類的設計智慧才是最重要的核心。您對這種以AI繪製QR Code的方法有何看法呢?在下方留言,分享您的想法吧!</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com2tag:blogger.com,1999:blog-16607461.post-90368455240271644732023-11-24T12:00:00.000+08:002023-11-24T12:00:00.132+08:00KDE的螢幕、桌面跟活動有什麼不同? / What Are the Differences Between KDE’s Screen, Desktop and Activities?<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh6Dup-MNYelbZXgFdTAHhduZIoJGddwZa0_CCbHbzcyqXOO9DZOkNS0TwlJ0JyUo0Y9tbZb-eqy2bJCHL9Ow8VhgDqHsQq3v5-MujdCdd_WGpji_G1aJjIvI_8FMBsgzg2_egfS9biVvWs20hBC1EMg8cjDan1s09KSUlOCI7DMPda6Tk4zPICYw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEh6Dup-MNYelbZXgFdTAHhduZIoJGddwZa0_CCbHbzcyqXOO9DZOkNS0TwlJ0JyUo0Y9tbZb-eqy2bJCHL9Ow8VhgDqHsQq3v5-MujdCdd_WGpji_G1aJjIvI_8FMBsgzg2_egfS9biVvWs20hBC1EMg8cjDan1s09KSUlOCI7DMPda6Tk4zPICYw" title="2023-1008-165525.png" alt="2023-1008-165525.png" class="original-size">
</a></p>
<p>雖然KDE是以高自訂性著稱,但裡面也有許多概念並不太容易理解。今天我們來看看螢幕、桌面跟活動之間到底有什麼不同吧。</p>
<a name='more'></a>
<hr>
<h2><span style="color: inherit;">螢幕、桌面跟活動 / Screen, desktop, and activity</span><br></h2>
<div>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhvWC8vERLYcPTLrw_rfTaHtBvaZyw3tVbD_bMZxBYaQ9wSqmlIez_gHjm2cjf2DXB86Y-cqZaTPdO1H1X4eWpUK_cuy3K__ATHeVI-4Mo3RrRcW3fcd5HemJXhdXItWcJeIB0PqI-lQnptvLQuq5QXpMJTqQo4An6TXDydopsETnoAQq0uQQ3EOQ">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhvWC8vERLYcPTLrw_rfTaHtBvaZyw3tVbD_bMZxBYaQ9wSqmlIez_gHjm2cjf2DXB86Y-cqZaTPdO1H1X4eWpUK_cuy3K__ATHeVI-4Mo3RrRcW3fcd5HemJXhdXItWcJeIB0PqI-lQnptvLQuq5QXpMJTqQo4An6TXDydopsETnoAQq0uQQ3EOQ" title="2023-1008-165136.png" alt="2023-1008-165136.png" class="original-size">
</a></p>
<p><a href="https://www.reddit.com/r/kde/comments/fosvo4/new_kwin_script_to_manage_your_windows_and/" target="_blank">https://www.reddit.com/r/kde/comments/fosvo4/new_kwin_script_to_manage_your_windows_and/</a></p>
<p>KDE的螢幕、桌面跟活動的概念有點抽象。但我們可以把它理解為顯示畫面的三個層次。螢幕是最底層、活動是最高層。</p>
<h2>螢幕 / Screen</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhlblDzJsBSqSGaF30jw1o6xgtBE8Zjddp1q5MYDhqq6egF_lSfGUy_-k8vj-8LkO1SeS6gIQehLCOY53CwvfkJ1TSn_JN4A0DhzT-6uEt5Lq_WPf0ww68-TFtMR7qkv0JOkM5_E1zBE0b1IO5HADitVKfe7MQjEDYrW1yxepP9yp-x3gFNgC-lvw">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhlblDzJsBSqSGaF30jw1o6xgtBE8Zjddp1q5MYDhqq6egF_lSfGUy_-k8vj-8LkO1SeS6gIQehLCOY53CwvfkJ1TSn_JN4A0DhzT-6uEt5Lq_WPf0ww68-TFtMR7qkv0JOkM5_E1zBE0b1IO5HADitVKfe7MQjEDYrW1yxepP9yp-x3gFNgC-lvw" title="2023-1008-165153.png" alt="2023-1008-165153.png" class="original-size">
</a></p>
<p>螢幕(screen)是指電腦連接顯示器的數量。每個顯示器都可以有各自的視窗、面板(panel)、桌面。要注意的是,Linux允許我們建立虛擬顯示器。在一些特殊的情境下,實體看到的螢幕數量,不見得等於Linux認知中的「螢幕數量」。上圖的例子中,我使用的螢幕數量有7個。我們可以用滑鼠將視窗拖曳到另一個螢幕,這應該很容易想象。</p>
<h2>桌面 / Desktop</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg0ysinlr_tGlL5nkAuC0qi70ma2DvKvARNz5603Z-hI5KFPxryFSRG9-SJza74l2_6XwIP6CLuZNyAuImPr2psdRrmoxwTktNNZnVFZv1CXBvJGZaGu74WDLUpPJHhQRXOQye5scVvI2u_N7f2CMBUNEU65iWymoK2TD0bGcmg8ugnb8P6n5ksTA">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEg0ysinlr_tGlL5nkAuC0qi70ma2DvKvARNz5603Z-hI5KFPxryFSRG9-SJza74l2_6XwIP6CLuZNyAuImPr2psdRrmoxwTktNNZnVFZv1CXBvJGZaGu74WDLUpPJHhQRXOQye5scVvI2u_N7f2CMBUNEU65iWymoK2TD0bGcmg8ugnb8P6n5ksTA" title="2023-1008-165222.png" alt="2023-1008-165222.png" class="original-size">
</a></p>
<p>再來是桌面(Desktop)。但更準確地說,應該是「虛擬桌面」(Virtual Desktop)。我們可以把虛擬桌面當作是「所有螢幕組成的一個群組」。除非特別設定,不然我們不能用滑鼠將視窗拖曳到另一個桌面。大多情況都是用快速鍵或在視窗的選單中才能移動它。上圖的例子中,我設定了4個虛擬桌面。大多情況下我只會用第一個虛擬桌面。當我要開著某些執行長時間工作的視窗,但又不想要打擾到我在做的其他工作時,我就會把該視窗移動到其他桌面。還有在外出用筆電、只有一個螢幕的情況下,我也會使用虛擬桌面。</p>
<h2>活動 / Activity</h2>
<p><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjzoZH3YTG9QwdDkWV1tTyzzMpDneaqIawW_Uw7oK2mTh_eVpSwqPJ339q2HWlc1tapFe1fHtOxYi7QHlUZa3377sB-Odedir12ml5zJl6nGI97S3FcF1RctYrR5TUhYUuSPvM5C_T5UOuf1HBoxtXbjA8n6V6BjMUn5eG50RztM3EYw13h5E-G-g">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjzoZH3YTG9QwdDkWV1tTyzzMpDneaqIawW_Uw7oK2mTh_eVpSwqPJ339q2HWlc1tapFe1fHtOxYi7QHlUZa3377sB-Odedir12ml5zJl6nGI97S3FcF1RctYrR5TUhYUuSPvM5C_T5UOuf1HBoxtXbjA8n6V6BjMUn5eG50RztM3EYw13h5E-G-g" title="d30d7077e1367953a884035927103fa2bb5b5d6b.png" alt="d30d7077e1367953a884035927103fa2bb5b5d6b.png" class="original-size">
</a></p>
<p><a href="https://forum.manjaro.org/t/activity-switcher-wont-close-in-kde-plasma/9985" target="_blank">https://forum.manjaro.org/t/activity-switcher-wont-close-in-kde-plasma/9985</a> <br></p>
<p>最後是活動(Activity)。活動的概念可當作是虛擬桌面的上一層,也就是「所有虛擬桌面組成的一個群組」。實際上,活動不僅僅只是視窗位置的差異而已,我們還可以為各個活動進行各種不同的設定。舉例來說,我們可以創造「外出」的活動,設定螢幕在沒有使用的時候過3分鐘關閉;另一方面,我們也可以創造「遊戲」的活動,讓螢幕持續保持開啟。</p>
<p><iframe frameborder="0" src="https://www.youtube.com/embed/qAI2NDJadDM" width="640" height="360" class="note-video-clip"></iframe></p>
<p>活動本身更像是「虛擬機器」的概念。我們可以在「Email」活動裡面開啟很多視窗,包括Gmail、待辦事項、日曆等等。在不使用的時候,我們可以按下「Stop Activity」關閉它,節省電腦的記憶體。然後在未來又要整理「Email」時候,再開啟「Email」活動,將這些視窗通通喚醒。</p>
<p>雖然KDE說明中的「活動」是這樣說的啦,但我自己操作的時候,已經「Stop Activity」的活動還是會保存在記憶體中,一不小心就會被喚醒。舉例來說,我在A活動開啟Chrome,以Chrome作為預設瀏覽器;然後將A活動停止,轉移到B活動,在應用程式中開啟一個連結;此時活動會被強制切換回A活動,然後用A活動的Chrome開啟連結的網頁。由此可知,A活動跟B活動兩者共用Google Chrome實體跟設定。而且就算停止活動,Chrome還是持續佔用記憶體,跟想象中的休眠有點不一樣呢。</p>
<p>也就是因為如此,我實際上也幾乎都沒再用活動,頂多只會用到虛擬桌面而已。不知道是我對活動的認知錯誤,還是其實有更好的用法呢?希望大家可以給我一些意見吧。</p>
</div>
<hr>
<div>
<p>文章最後要來問的是:你是怎麽管理多視窗的呢?<br></p>
</div>
<ul>
<li>1. 一次開一個視窗就好,用完就關掉視窗啊。</li>
<li>2. 我用雙螢幕管理視窗,一個視窗寫程式,另一個查看執行結果。</li>
<li>3. 我用虛擬桌面區分工作跟遊戲的狀態。遊戲時就不要在桌面顯示工作的視窗吧。</li>
<li>4. 用活動來管理視窗不是很基本嗎?</li>
<li>5. 其他,歡迎在下面留言分享喔!</li>
</ul>
<pre class="abstract" style="display: none;">今天我要來介紹的是KDE桌面環境中的螢幕、桌面跟活動的概念。在KDE桌面環境中,螢幕、桌面和活動是三個不同的概念,各自有其功能和用途。螢幕代表連接到電腦的顯示器數量,每個顯示器可以有獨立的視窗和桌面。桌面是虛擬桌面的概念,可以將其視為一組所有螢幕的群組。虛擬桌面通常用於組織不同的工作區,但視窗不能自由在不同桌面間拖曳。最上層的是活動,它是虛擬桌面的群組,更像是虛擬機器,允許不同的設置和應用程序分組。
儘管KDE官方描述中活動可以停止,但實際中它們可能佔用記憶體並喚醒。因此,有些使用者可能更偏好使用虛擬桌面而不是活動。你呢?當視窗很多的時候,你是怎麽管理它們的呢?</pre>布丁布丁吃布丁http://www.blogger.com/profile/18000418899714977849noreply@blogger.com0