WonderPen for Mac妙筆寫作軟件是專業(yè)和業(yè)余作家的寫作應(yīng)用程序,易于使用的文本編輯器淋样,支持Markdown作岖,支持全屏模式唆垃,讓您專注于寫作五芝,文檔可以導(dǎo)出為圖像痘儡,PDF,word枢步,HTML等沉删,非常適合長篇寫作。是寫作愛好者不可缺少的一款軟件醉途。今天為大家分享的教程是妙筆寫作WonderPen Mac版如何自定義樣式矾瑰?
[dl]15-3866[/dl]
自定義樣式
注意:添加自定義樣式需要涉及一些 CSS(Cascading Style Sheet,層疊樣式表)知識隘擎,如你對此不了解殴穴,可先查看相關(guān)教程。
在【選項】面板 -> 【高級】-> 【導(dǎo)出】部分货葬,可設(shè)置自定義樣式采幌。
自定義樣式就是普通的 CSS,和普通 Web 頁面添加樣式表操作一樣震桶。自定義的 CSS 會被添加到 標(biāo)簽中默認(rèn)樣式表后方的位置休傍,即如果有同名的 CSS 規(guī)則,自定義樣式表中的規(guī)則會覆蓋默認(rèn)規(guī)則蹲姐。
自定義樣式會在預(yù)覽磨取、導(dǎo)出時起作用,對編輯器不起作用柴墩。
HTML 結(jié)構(gòu)
預(yù)覽忙厌、導(dǎo)出時,文檔會先生成對應(yīng)的 HTML 文檔江咳,此 HTML 的結(jié)構(gòu)大致如下:
其中的【自定義樣式表】部分慰毅,即是用戶可以自定義的 CSS 內(nèi)容。
頁面最外層的元素總是?div.wonderpen-page扎阶,如果導(dǎo)出為 HTML 時選擇了【固定寬度】汹胃,則此?div還會有一個?.fixed-width?類。
文檔內(nèi)容則總是位于?div.wonderpen-content > div.markdown-body?元素下东臀。你可以使用對應(yīng)的 CSS 類選擇符着饥,為導(dǎo)出內(nèi)容定義背景圖片、字體之類樣式惰赋。
如果你想對文檔內(nèi)容的樣式做進(jìn)一步自定義宰掉,則可關(guān)注下一節(jié)內(nèi)容呵哨。
文檔內(nèi)容(markdown-body)
預(yù)覽、導(dǎo)出時轨奄,文檔原始內(nèi)容會被當(dāng)作 Markdown 格式孟害,并被轉(zhuǎn)換為 HTML。文檔內(nèi)容總是在?div.markdown-body?元素下挪拟。
div.markdown-body?內(nèi)的 HTML 標(biāo)簽通常不再帶有?id?或?class?屬性挨务,可直接對標(biāo)簽元素進(jìn)行樣式自定義,例如:
.markdown-body {
color: #4758C4;
}
.markdown-body h1 {
font-size: 24px;
}