【部落格開發】日誌 0x02
Admonition
我把 Material for MkDocs - Admonition Extension 搬過來啦,因為實在太好看,就搬過來用了,並且做了下面兩個小改動
- 把
border-radius
拔掉了,還是方的好看 - 陰影改淡了,感覺比較對
example
這是範例
note
這是範例
abstract
這是範例
info
這是範例
tip
這是範例
success
這是範例
question
這是範例
warning
這是範例
failure
這是範例
danger
這是範例
quote
這是範例
實作
從 hexo-tag-admonition 借 code 過來改
基本上就是 register 一個新的 hexo tag,然後用到了 details
和 summary
這兩個 html5 新的 tag
改的時候有幾個小地方要注意
details
tag 原本就有一個箭頭但是很醜,在summary::-webkit-details-marker
設定display:none
拔掉他- icon 用到了
font-family: Material Icons
,要在head
裡面加個字體
Code block
另一個改動是程式碼區塊的部分,原來的有點小醜,就改了幾下
- 沒有給檔名就不要顯示上面的 header
- 可以指定起始行數,以及指定標記特定行數,如下範例
1 | python run.py >3,6 |
1 | import math |
【部落格開發】日誌 0x02