Skip to content
On this page

版面佈局 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: '連結路徑'
---