【部落格開發】日誌 0x02

Admonition

我把 Material for MkDocs - Admonition Extension 搬過來啦,因為實在太好看,就搬過來用了,並且做了下面兩個小改動

  1. border-radius 拔掉了,還是方的好看
  2. 陰影改淡了,感覺比較對
example

這是範例

note

這是範例

abstract

這是範例

info

這是範例

tip

這是範例

success

這是範例

question

這是範例

warning

這是範例

failure

這是範例

danger

這是範例

quote

這是範例

實作

hexo-tag-admonition 借 code 過來改
基本上就是 register 一個新的 hexo tag,然後用到了 detailssummary 這兩個 html5 新的 tag
改的時候有幾個小地方要注意

  1. details tag 原本就有一個箭頭但是很醜,在 summary::-webkit-details-marker 設定 display:none 拔掉他
  2. icon 用到了 font-family: Material Icons,要在 head 裡面加個字體

Code block

另一個改動是程式碼區塊的部分,原來的有點小醜,就改了幾下

  1. 沒有給檔名就不要顯示上面的 header
  2. 可以指定起始行數,以及指定標記特定行數,如下範例
1
python run.py >3,6
run.py >3,6
1
2
3
4
5
6
import math

def main():
print(f'test {math.factorial(5)}')

main()

【部落格開發】日誌 0x02

http://oalieno.github.io/2020/02/22/blog02/

Author

oalieno

Posted on

2020-02-22

Updated on

2023-11-15

Licensed under

Comments