版面佈局 Layout
官方使用frontmatter的方式佈局在makedown中,總共分為3個區塊:
doc
預設畫面 ( 建議,不用再建構CSS )
page
一般頁面 ( 類似html,沒搭配CSS會很醜 ),需自訂CSS。
home
單一頁面,會自動關閉sidebar,有frontmatter
內建英雄hero
模式,可參考首頁 Home設定
TIP
什麼是fontmatter? 如何使用?等待有空再深入研究。
基本上使用就是將設定的參數寫在.md檔
的頭尾---
三點橫線內。
md
---
layout: doc/ page/ home
title: '文字'
---
如果要引出資料,需使用frontmatter方式,舉例將引出上方layout內的title,像是在Vue中使用 :
md
{{$frontmatter.title}}
延伸Layout擴充
在Layout當中有幾個可增擴充或取消下方的常用區塊 :
sidebar
:true | false
側邊選單設定prev
|next
:false | text:'文字' | link:'連結'
上下頁按鈕設定
md
---
layout: doc/ page
sidebar: false
prev: '上一頁'
next:
text: '連結'
link: '連結路徑'
---