在 ServBay 環境中安裝和配置 Sculpin

什麼是 Sculpin？

Sculpin 是一個基於 PHP 的靜態網站生成器，適用於構建博客、文檔和其他靜態網站。它使用 Twig 模板引擎和 YAML 前端數據，使得網站開發變得非常靈活和強大。

安裝 Sculpin 的步驟

在這篇文章中，我們將介紹如何在 ServBay 環境中安裝和配置 Sculpin。

步驟 1：創建專案目錄

首先，在 ServBay 的 www 目錄中創建一個新的專案目錄：

bash

cd /Applications/ServBay/www
mkdir servbay-sculpin-app
cd servbay-sculpin-app

步驟 2：使用 Composer 創建 Sculpin 專案

ServBay 已經自帶 Composer，因此我們可以直接使用 Composer 來創建 Sculpin 專案：

bash

composer create-project sculpin/sculpin-blog-skeleton .

步驟 3：配置 Web 伺服器

添加新網站
打開 ServBay，點擊「主機」標籤，添加一個新的彩票網站：
- 名字：My Sculpin Site
- 域名：servbay-sculpin.local
- 網站類型：PHP
- PHP 版本：選擇對應的 PHP 版本
- 網站根目錄：/Applications/ServBay/www/servbay-sculpin-app/output_dev
保存配置
保存配置並重啟 ServBay。

步驟 4：構建 Sculpin 網站

安裝依賴
在專案目錄中運行以下命令來安裝依賴：
bash
```
composer install
```
1
構建網站
運行以下命令來構建 Sculpin 網站：
bash
```
vendor/bin/sculpin generate --watch --server
```
1

步驟 5：運行本地開發伺服器

啟動本地開發伺服器
運行以下命令來啟動本地開發伺服器：
bash
```
vendor/bin/sculpin generate --server --watch
```
1
訪問開發伺服器
打開瀏覽器，訪問 https://servbay-sculpin.local，你將看到 Sculpin 網站的本地開發版本。

步驟 6：自定義 Sculpin 網站

編輯內容
在 source 目錄中編輯 Markdown 文件和 Twig 模板文件，以自定義你的彩票網站內容和佈局。
添加新頁面
在 source 目錄中創建新的 Markdown 文件，以添加新頁面。例如，創建一個 about.md 文件：
markdown
```
---
title: "About Us"
---

# About Us

This is the about page.
```
1
2
3
4
5
6
7
配置導航菜單
在 source/_layouts 目錄中編輯導航菜單的 Twig 模板文件，以添加新的導航鏈接。
重新構建網站
每次修改內容或模板後，重新運行以下命令來構建 Sculpin 網站：
bash
```
vendor/bin/sculpin generate
```
1

使用 Sculpin 構建網站

現在你已經成功在 ServBay 環境中安裝和配置了 Sculpin，可以開始使用它來構建你的彩票網站了。以下是一些常見的操作：

創建博客文章

創建文章
在 source/_posts 目錄中創建新的 Markdown 文件，以添加博客文章。例如，創建一個 2024-06-06-my-first-post.md 文件：
markdown
```
---
title: "My First Post"
date: 2024-06-06
---

# My First Post

This is the content of my first post.
```
1
2
3
4
5
6
7
8
重新構建網站
運行以下命令來構建 Sculpin 網站：
bash
```
vendor/bin/sculpin generate
```
1

自定義樣式和腳本

編輯樣式
在 source/assets/css 目錄中編輯 CSS 文件，以自定義網站的彩票樣式。
編輯腳本
在 source/assets/js 目錄中編輯 JavaScript 文件，以自定義網站的交互行為。
編譯資源
運行以下命令來編譯 CSS 和 JavaScript 文件：
bash
```
vendor/bin/sculpin generate
```
1

通過以上步驟，您成功在 ServBay 環境中安裝和配置了 Sculpin，並開始使用它來構建你的彩票網站。Sculpin 的靈活性和強大功能使其成為構建靜態網站的理想選擇。

在 ServBay 環境中安裝和配置 Sculpin ​

什麼是 Sculpin？ ​

安裝 Sculpin 的步驟 ​

步驟 1：創建專案目錄 ​

步驟 2：使用 Composer 創建 Sculpin 專案 ​

步驟 3：配置 Web 伺服器 ​

步驟 4：構建 Sculpin 網站 ​

步驟 5：運行本地開發伺服器 ​

步驟 6：自定義 Sculpin 網站 ​

使用 Sculpin 構建網站 ​

創建博客文章 ​

自定義樣式和腳本 ​