專案資料夾檔案

資料夾和檔案

abook/
    docs/
        css/
            main.css
        img/
            *.png
            *.jpg
        ch01.md
        ch02.md
        ch03.md
        ch04.md
        ch05.md
        index.md
    mkdocs.yml

mkdocs.yml

電子書文件結構與設定

site_name: My eBook
nav:
    - 我的電子書: index.md
    - 軟體安裝和設置: ch01.md
    - 開啟命令列工具: ch02.md
    - 電子書虛擬環境: ch03.md
    - 新建電子書專案: ch04.md
    - 專案資料夾檔案: ch05.md
theme:
    name: material
    features:
        - content.code.copy
    highlightjs: true
    palette:
        - scheme: default
          primary: pink
          accent: blue
markdown_extensions:
    - attr_list
    - pymdownx.highlight:
        pygments_lang_class: true
    - pymdownx.superfences
extra_css:
    - css/main.css

main.css

網頁自訂樣式

body * {
    font-size: 20px;
    font-family: Consolas;
}

h1 {
    color: FireBrick !important;
    font-weight: bold !important;
}

h2 {
    color: RoyalBlue !important;
    font-weight: bold !important;
}

h3 {
    color: OrangeRed !important;
    font-weight: bold !important;
}

img {
    border: solid 2px black;
}

index.md

首頁

# 製作線上電子書

## 線上電子書的好處

**將教學資源製作成線上電子書有以下好處：**

1. 即時使用：學生可以隨時隨地通過網路使用線上電子書，事先無需下載或安裝特定的閱讀應用程式。
1. 跨平台兼容：線上電子書可以在任何具有瀏覽器的設備上使用，包括電腦、平板電腦、智慧手機等，提供更好的靈活性和便利性。
1. 即時更新：教師可以隨時更新和修改線上電子書，保持內容的即時性和準確性。
1. 互動性強：線上電子書可以連結各種互動式內容，如影片、語音、測驗、動畫等，能夠提供更豐富的學習體驗。
1. 節省空間：線上電子書不需要印刷和發布成本，節省儲存空間，是更環保和經濟的教學資源。

總的來說，將教學資源製作成線上電子書能夠提供便捷、靈活、互動的學習體驗，並且具有即時更新的優勢，有助於提高學習效果和滿意度。

## 準備製作電子書

* [軟體安裝和設置](ch01.md){target=_blank}
* [開啟命令列工具](ch02.md){target=_blank}
* [電子書虛擬環境](ch03.md){target=_blank}
* [新建電子書專案](ch04.md){target=_blank}
* [專案資料夾檔案](ch05.md){target=_blank}

## Markdown 語法

* [Basic Syntax | Markdown Guide](https://www.markdownguide.org/basic-syntax/){target=_blank}

## 例行維護操作

* [本機執行電子書](ch06.md){target=_blank}
* [更新發布電子書](ch08.md){target=_blank}

ch01.md

軟體安裝和設置

# 軟體安裝和設置

## 下載 Python

* [Python](https://www.python.org/){target=_blank}(本機安裝)

## 安裝 Python

**選擇自訂安裝(Customize installation)**

![選擇自訂安裝](img/install-py-1.png)

**確認安裝選項**

![確認安裝選項](img/install-py-2.png)

**確認進階選項。自訂安裝路徑為 C:\Python312**

![確認進階選項](img/install-py-3.png)

## 下載 Sublime Text

**Sublime Text 可以用來編修程式檔或純文字檔**

* [Sublime Text](https://www.sublimetext.com/){target=_blank}(本機安裝)