試用MarkDown

自定義界面風格

能夠在設置中選擇日間,或者夜間模式進行定義。具體的定義項的說明,能夠查看菜單欄 (Windows版本位於托盤按鈕上) 自定義的幫助
MarkEditor幾乎全部跟色彩有關的界面,都已開放出來自定義。若是本身看到朋友已經定義好的樣式,感受歡喜,能夠讓對方直接把定義的文本內容給你,粘貼到設置項中並應用便可。css

跟色彩沒有直接關係的一些地方:html

  • 文件管理器: 它有三中表現形式,在對應的文件夾設置項中能夠定義;
  • 底部欄: 能夠經過Ctrl+0這個快捷鍵切換是否顯示,設置中也能夠設定默認是否顯示;
  • Tab欄: 但有且僅有一個Tab的時候,Tab欄會自動消失。

HTML預覽的自定義

當你預覽makdown最終內容,或者選擇導出的時候,你可能想從新定義HTML的模板或者css樣式。
通常有兩種方式:post

直接修改MarkEditor的日間、夜間風格

這些界面相關的定義項,默認會最終生成對應的css文件,好比文字的顏色, 在正文中什麼樣子,在預覽中也會什麼樣子。ui

從新定義HTML的渲染模板

在MarkEditor的設置裏,你也能夠自定義一個模板來渲染最終的HTML,還能夠增長本身自定義CSS樣式文件。code

模板中須要指定%(content)s這個變量,這是Markdown轉義過來原始的HTML內容,另外%(title)s通常放在<head><title>上,%(css)s這個變量對應的是一個CSS樣式文件,它是由當前界面風格自動生成的,你也能夠用本身的樣式文件替代。<--header_scripts-->最終會被替換爲流程圖支持的js文件,<!--mathjax-->則是對應數學公式支持的js文件,如非自行替換,通常建議保留。xml

MarkEditor系統默認的模板代碼以下:htm

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>%(title)s</title>
    <link rel="stylesheet" href="%(css)s">
    <!--header_scripts-->
</head>
<body>
<div class="post">
    <div class="post_body">
        %(content)s
    </div>
</div>
<!--mathjax-->
</body>
</html>
相關文章
相關標籤/搜索