StackEdit 發佈至 Blog 的段落問題
前一陣子動工修改 Bolgger 的模板,設計修改版面的時候是停留在面後一直沒有特別的去注意段落間距,這幾天回來看最近的文章,突然發現段落們的感情未免也太好了一點,居然都黏在一起…(如下圖)。
原本的文章確實是有段落,清清楚楚的分隔開來的!
段落跑版的原因
滑鼠右鍵開啓網頁的原始碼觀察,發現原本該是 <p>...</p>
的部分已經被改成 <br />
,不是段落而是換行了。
國外有篇發問提到這個問題 How can I make blogger insert p tags instead of
when using rich text editor? ,在舊有的編輯器上會使用 <div>
和 <br>
來取代 <p>
,所以原先在 StackEdit 裡匯出有 <p>
段落的文章也會在經過 Blogger 時被取代成換行符號。
解決方法
請在 Blogger 後臺隨意的開啓一片文章,在右手邊文章設定 -> 選項 -> 換行符號,點選成「按下 Enter 鍵可建立換行符號」項目,此步驟只需要設定一次,設定會自行記住套用至其他的文章。
完成設定後,請重新再由 StackEdit 發佈一次讓 Blogger 能夠更新內容,更新的方法是由後臺找到該文章的 Post ID,在 StackEdit 發佈的地方加填上要更新文章的 Post ID,幫助辨識是哪一篇文章。重新更新發佈後就可以發現段落已經恢復原樣了!
留言