野生雇員: 【疑難】將 Twitter 的嵌入內容置中

	嵌入 Twitter 的文章在 Blogger 時，預設位置會置左對齊，在部分編排上並不適用，因此需要使用置中對齊的方式進行調整。

Twitter 嵌入推文

Twitter 嵌入推文的方式不複雜，在每則推文的右上角有「...」符號，點進去後即可看見「嵌入推文」的選項，點進去後即可進入嵌入代碼複製頁面，點選「Copy Code」即可複製。

點選右上角的「...」符號

點選「嵌入推文」

點選「Copy Code」即可複製嵌入代碼

複製下來的代碼如下：

  <blockquote class="twitter-tweet"><p lang="zh" dir="ltr"><a href="https://twitter.com/hashtag/%E9%97%9C%E6%96%BC%E8%A8%93%E7%B7%B4%E9%80%99%E4%BB%B6%E4%BA%8B?src=hash&ref_src=twsrc%5Etfw">#關於訓練這件事</a> #07 「關於說服」<br>--<a href="https://twitter.com/hashtag/coach?src=hash&ref_src=twsrc%5Etfw">#coach</a> <a href="https://twitter.com/hashtag/HR?src=hash&ref_src=twsrc%5Etfw">#HR</a> <a href="https://twitter.com/hashtag/HumanResource?src=hash&ref_src=twsrc%5Etfw">#HumanResource</a> <a href="https://twitter.com/hashtag/%E6%95%99%E7%B7%B4?src=hash&ref_src=twsrc%5Etfw">#教練</a> <a href="https://twitter.com/hashtag/%E4%BA%BA%E8%B3%87?src=hash&ref_src=twsrc%5Etfw">#人資</a> <a href="https://twitter.com/hashtag/%E4%BA%BA%E5%8A%9B%E8%B3%87%E6%BA%90?src=hash&ref_src=twsrc%5Etfw">#人力資源</a> <a href="https://t.co/6rFVUlLYuZ">pic.twitter.com/6rFVUlLYuZ</a></p>— HippoInsomnia (@HippoInsomnia) <a href="https://twitter.com/HippoInsomnia/status/1483015763141160961?ref_src=twsrc%5Etfw">January 17, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

效果如下：

#關於訓練這件事 #07 「關於說服」
--#coach #HR #HumanResource #教練 #人資 #人力資源 pic.twitter.com/6rFVUlLYuZ
— HippoInsomnia (@HippoInsomnia) January 17, 2022

置中嵌入推文

從上方的範例可以觀察到，嵌入的推文整個置左，無法置中排版。要置中排版需要在 blockquote class 內的參數增加 tw-align-center 引數，將原始的

<blockquote class="twitter-tweet">

修改成

<blockquote class="twitter-tweet tw-align-center">

也就是將整段原始嵌入代碼修改成以下：

  <blockquote class="twitter-tweet tw-align-center"><p lang="zh" dir="ltr"><a href="https://twitter.com/hashtag/%E9%97%9C%E6%96%BC%E8%A8%93%E7%B7%B4%E9%80%99%E4%BB%B6%E4%BA%8B?src=hash&ref_src=twsrc%5Etfw">#關於訓練這件事</a> #07 「關於說服」<br>--<a href="https://twitter.com/hashtag/coach?src=hash&ref_src=twsrc%5Etfw">#coach</a> <a href="https://twitter.com/hashtag/HR?src=hash&ref_src=twsrc%5Etfw">#HR</a> <a href="https://twitter.com/hashtag/HumanResource?src=hash&ref_src=twsrc%5Etfw">#HumanResource</a> <a href="https://twitter.com/hashtag/%E6%95%99%E7%B7%B4?src=hash&ref_src=twsrc%5Etfw">#教練</a> <a href="https://twitter.com/hashtag/%E4%BA%BA%E8%B3%87?src=hash&ref_src=twsrc%5Etfw">#人資</a> <a href="https://twitter.com/hashtag/%E4%BA%BA%E5%8A%9B%E8%B3%87%E6%BA%90?src=hash&ref_src=twsrc%5Etfw">#人力資源</a> <a href="https://t.co/6rFVUlLYuZ">pic.twitter.com/6rFVUlLYuZ</a></p>— HippoInsomnia (@HippoInsomnia) <a href="https://twitter.com/HippoInsomnia/status/1483015763141160961?ref_src=twsrc%5Etfw">January 17, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

得到置中效果如下：