typora自定義樣式

顯示效果

img模仿mac shadow

img {
    left: -2em;
    position: relative;
    box-shadow: -1px 8px 16px 0px black;
    width: 60%;
    height: auto;
    border-radius: 16px;
    box-shadow: 1px 10px 39px #4c4c4c;
}

代碼框樣式 code-fence

#write .md-fences {
    font-size: 1rem;
    padding: 0.5rem !important;
    font-family: consolas !important;
    word-wrap: normal;
    background-color: #2b2b2b;
    color: #A9B7C6;
    margin-left: 2px;
    margin-right: 2px;
    box-shadow: 1px 6px 14px #00000085;
    border-radius: 11px;
}

內容字體大小

#write .md-plain{
	font-size: 15px;	
}

auto-numbering

參考typora官方css

第三個, 為大綱設置自動數字標號復制code到themes下的 base.user.css文件中 (如沒有則新建)

⚠️ 這個大綱標號只是顯示效果,沒有實際插入到文章中, 打印也不會顯示

關於markdown標號,可查看deadline拯救者：定制Typora主題，論文一鍵排版

add dash horizonal line

hr{
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-top: 2px dashed #abb2bf;
}