步驟1：逐步安裝

在MacBook或PC上打開終端窗口并運行以下命令：

用實際值替換items中的項目。

登錄到Raspberry Pi

$ ssh pi@?raspberry-pi-ip-address?

更改到主目錄

$ cd /var/www

下載index.html，并更改文件的權限和所有者

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/index.html”

$ sudo chmod 774 index.html

$ sudo chown pi index.html

為圖像創建目錄并移至該目錄

$ mkdir img

$ cd img

下載圖像并更改所有者。

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/tv.png”

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/menu-icon.png”

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/raspberry-pi.png”

$ sudo chown pi *.png

備份到主目錄，然后創建css目錄并移入該目錄

$ cd 。.

$ mkdir css

$ cd css

下載樣式表，并更改文件的權限和所有者

$ sudo wget “https://raw.githubusercontent.com/dumbo25/accordion-menu/master/style.css”

$ sudo chmod 744 style.css

$ sudo chown pi style.css

如果您沒有樹莓派，則可以將這些文件下載到Mac或PC。要從Mac或PC上運行菜單，請

雙擊index.html，或

選擇index.html，右鍵單擊并使用瀏覽器打開您的選擇。

如果使用Raspberry Pi，則它必須正在運行Web服務器。打開PC或Mac上的瀏覽器，然后在URL窗口中輸入：

?raspberry-pi-ip-address?/index.html

我的服務器需要安全連接（刪除冒號周圍的空間）：

https ： //?raspberry-pi-ip-address?/index.html

它有效！

步驟2：附錄：參考

CSS腳本僅使用HTML和CSS的多級手風琴菜單

W3Schools手風琴菜單

W3Schools CSS

W3Schools HTML

步驟3：附錄：更新

步驟4：附錄：故障排除

以下一些想法可能會有所幫助：

要在php echo語句中格式化HTML，請添加“ \ r末尾添加回車符

子菜單的組ID必須唯一。如果子菜單的組ID不是唯一的，則其子菜單項將包含在組ID的第一個實例中
責任編輯：wv