StaticStrap

#StaticStrap

####啟動您的靜態網站開發！

厭倦了為簡單直接的程式碼設定所有內容並部署靜態網站？

厭倦了浪費時間設定開發環境？

厭倦了設定一個簡單的郵件程式 php 類別？

到了這裡，已經完成了，您只需更改一些變數即可。

##工具與框架 Gulp SCSS 處理 CSS PUG (ex Jade) 處理 HTML jQuery (如果需要) Babel Foundation Composer PHPMailer

##安裝 dev env git clone https://github.com/Kirkhammetz/StaticStrap.git npm install # 或yarn install npm run init # 第一次安裝

部署時

部署/推送整個資料夾，但將您的 webroot 指向public/ ，如果需要電子郵件，請在伺服器上執行 Composer install 。

 npm run composer install

##檔案結構

• 源/源容器
  • source/pug PUG 範本文件
  • source/js JS主模組，可以自行擴展
  • source/scss SCSS 容器，main.scss 在 root/css/main.min.css 中編譯並縮小
  • source/bin要公開複製的伺服器腳本
• 來源/統計數據
  • static/images：在公用/影像中複製的影像
  • static/fonts：放置您的字體以將其複製到 public/fonts 中
  • static/.htaccess：複製到公用資料夾
• 公開/編譯網站
• bin/ Composer 供應商 + dotenv for php 未公開

PHP 腳本和 PHPMailer

您始終可以從服務 API 直接使用 SMTP，完全避免使用 PHP，您可以選擇

根目錄中的bin/資料夾不會在 webroot 中公開，它包含與 PHPMailer 有關 SMTP 憑證的 Composer 模組和.env變量

將伺服器腳本放在source/bin中以將其複製到public/bin ，有一個index.php可以啟動，它會載入main.class.php

主類別從 /bin/.env 中的 .env 載入變數並載入 PHPMailer 並使用 ENV 變數進行設定。 Main 僅公開一個公共方法send_email($Request) ， request 是一個包含郵件資料（姓名、電子郵件、訊息）的數組，會傳回 JSON 回應並相應地設定 HTTP_STATUS 。

使用 index.php 從腳本 a 發布資料並從 Main 類別取得 JSON 回應。

##HELPERS 在根目錄中有env.json ，在這裡您可以聲明傳遞給編譯的PUG 模板的變量，這樣您就可以輕鬆地將通用數據添加到所有視圖，並在客戶要求時更快地更改它！ （我們知道這會發生......）。

.htaccess source/.htaccess在public/中複製

Vendors ：在gulpfile.js中新增供應商（腳本/樣式），它們有兩個陣列。

提防！按正確的順序編寫腳本！

#####你現在已經準備好創造一些很棒的東西了！