純css控制文字顯示多餘部分隱藏,將會帶來全新的寫作體驗;
在創作中心設定你喜愛的**高亮樣式,markdown將**片顯示選擇的高亮樣式進行展示;
全新的katex數學公式語法;
增加了支援甘特圖的mermaid語法1
功能;
增加了焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定等功能,功能按鈕位於編輯區域與預覽區域中間;
增加了檢查列表功能。
控制2行文字顯示多餘隱藏
更方便的是改變webkit-line-clamp的值還可以實現3、4、5等等多行文字顯示多餘隱藏的效果~
text-overflow
: -o-ellipsis-lastline;
overflow
: hidden;
text-overflow
: ellipsis;
display
: -webkit-box;
-webkit-line-clamp
: 2;
-webkit-box-orient
: vertical;
顯示一行多餘部分隱藏
white-space
: nowrap;
overflow
: hidden;
text-overflow
: ellipsis;
居中
display
:flex;
align-items
:center;
/*垂直居中*/
justify-content
: center;
/*水平居中*/
background
background
: #eef3f9;
background
:linear-gradient
(90deg,rgba
(0,231,170,1) 0%,rgba
(0,207,149,1) 51%,rgba
(1,201,141,1) 100%,rgba
(0,207,144,1) 100%)
;background
:linear-gradient
(to bottom, #484b5c, #5c6a78)
;
直接輸入1次#,並按下space後,將生成1級標題。
輸入2次#,並按下space後,將生成2級標題。
以此類推,我們支援6級標題。有助於使用toc
語法後生成乙個完美的目錄。
強調文字
強調文字
加粗文字加粗文字
標記文字
刪除文字
引用文字
mermaid語法說明↩︎ 乙個偽程式猿的自白
在一所文科是強項的學校讀計算機專業。為什麼會選擇這個專業,因為能夠選擇的專業中就這個順眼。有些事,現在都還沒有弄明白為什麼。2,同學都經常抱著資料結構看,而我認為日常程式中用不到資料結構,所以拒絕去看,即使看,也只是看排序和查詢。寧願去看設計模式。3,同學常說要讀外國的著作,而我喜歡讀國人寫的東西,...
乙個前端的愛情之路
說起這個話題我想大部分人的是很有同感的,每個程式設計師或多或少著有著這方面的煩惱,本身身處這個行業愛情就像是一葉扁舟。至少我經歷這個行業是因為愛情 說起來也是有點心酸,我和前女友是在高中時期的同學,在別人看來她不是很漂亮,也不是很合群,在班裡能說話就是那麼幾個,可是就在剛進入這個班集體的時候,我就發...
乙個思緒凌亂的前端
算算也是工作三年的前端了,可是發現自己的基礎依舊不紮實,難道是因為不是科班,難道是因為智商有限,說白了還是看得太少 實踐得太少。可又問自己,事實上某些js基礎用的確實不算多,例如閉包 原型鏈等等。然而這些問題,但凡出去面試過的人,面試官問的機率高達80 最近在晃蕩得太多,看了n多大牛的部落格,例如湯...