自製bloger CTA 排版小工具的心得感想，經驗日記

 最近做了google bloger 的 CTA 工具，可以針對文章一鍵編排成html 排版，google bloger html有自己的特定格式，所以在寫html 的scope要寫好，避免bloger 外殼樣式 影響到 內文樣式，內文樣式影響到 外殼樣式、內文的html 一律加 前墜 ${_prefix}，界定範圍。

換成 wordpress 也是一樣。

----------

- **外 → 內**：Blogger 主題的 `.post-body a`、`li`、`h2` 等樣式不得影響 landing page

- **內 → 外**：landing page 的 CSS 不得外溢影響 Blogger 其他區塊（sidebar、header、其他文章）

關於排版CTA的小工具，我寫了2個版本比較使用差異(圖1)：手動貼prompt  (圖2) 、 背景自動帶prompt (圖3)、 。

2個版本比較使用差異(圖1)

• 手動貼prompt

手動貼prompt (圖2)

• 背景自動帶prompt

背景自動帶prompt (圖2)

我用了一些不同openAI  開源的模型 來比較(強弱)， 發現「手動貼prompt 」給openAI 的方式效果回傳的html 比較好。

現在這樣滿方便的 :D 

至少不用寫完文章後，於 AI 下prompt 產html ，來回一直改。
可直接一鍵產生了