Hugo

Markdown 語法

基礎語法

  • 標題大小:markdown設定上分為6個大小,透過增加 # 設定不同大小標題(1h 最大、6h最小)。

    # h1 標題
    ## h2 標題
    ### h3 標題
    #### h4 標題
    ##### h5 標題
    ###### h6 標題
    

    備註:若是想要修改標題文字大小、顏色,可以在scss檔中搜尋的是否有類似語法。

    .content {
     h1{
       font-size: 2.5rem;
       font-weight: bold;
       color: #333;
       },
     h6 
     }
    
  • 粗體

    **粗體**
    __粗體__
    
  • 斜體

    *斜體*
    _斜體_
    
  • 網底

    `網底 `
    
  • 刪除線

    ~~刪除線~~
    
  • 換行

    <br>
    
  • 引用

    引用內容

    > 引用內容
    
  • 轉義符號:*這樣不會變成粗體或斜體*

    \*這樣不會變成粗體或斜體\*
    
  • 註解:<!– 插入註解 –> 。

    <!-- 在這之中的內容都是不會顯示的 -->
    

    備註:瀏覽器中開啟 開發者模式(F12) 會被看到註解。



表格、插入空白

  • 表格

    • —:向左對齊 (預設)
    • :—:向左對齊
    • —::向右對齊
    • :—::置中對齊
    向左對齊 向左對齊 向右對齊 置中對齊
    | 向左對齊| 向左對齊 | 向右對齊 | 置中對齊 |
    | --- | :--- | ---: | :---: |
    | ... | ... | ... | --- |
    | ... | ... | ... | --- |
    

  • 在 Markdown 文檔中不能直接插入空白,要使用 HTML 標記插入空格:
    •   一格
    •   四格
    &nbsp; 一格
    &emsp; 四格
    


代辦事項

  • A

  • B

    • B-1
    - [ ] A
    - [x] B
      - [ ] B-1
    


有序、無序標籤

建立開發環境

  1. Hugo.exe Install
  2. Microsoft Visual Studio Code
    • 安裝 Python 外掛套件。
    • 安裝 Rainbow CSV 外掛套件。
1. Hugo.exe Install
2. Microsoft Visual Studio Code
    - 安裝 Python 外掛套件。
    - 安裝 Rainbow CSV 外掛套件。


程式語言

  • 單行程式使用 `程式碼`

    ‘print(“hello world!”)’

      print("hello world!")
    

  • 多行程式

    ```python
    print(“hello world!”)
    print(“hello world!”)
    ```

      print("hello world!")
      print("hello world!")
    


超連結

- GitHub
    - https://github.com/ 
- Kaggle
    - [Kaggle](https://www.kaggle.com/)
- Hugging Face
    - <https://huggingface.co/>


插入圖片

說明 HTML語法
方法1 ![名稱](/檔案位置/檔案名稱 “可以插入註解”)
方法2 <img src=" /檔案位置/檔案名稱 " width = 50%>
方法3 <img src=" https:// 網址 " width = 50%>
  • 備註

    • width:縮小圖片比例,沒有放大功能。
    • <div align = left> :之下所有內容全部靠右
    • <div align = center>:之下所有內容全部靠中
    • <div align = right> :之下所有內容全部靠左

  • 方法1:
    方法1

  • 方法2:

  • 方法3:



插入影片

{{<youtube 6mAbYVocV8I>}}