適合企業的清醒、無憂、jekyll 模板。
您可以在此處預覽主題
響應式:開箱即用,支援所有螢幕尺寸,無論是智慧型手機、筆記型電腦、平板電腦...
多語言:輕鬆管理多種語言的頁面、選單、網址、日期、網站地圖
可自訂:主題顏色、選單、社交項目可以從中央設定檔更改
許多小部件:選項卡、迷你帖子、聚光燈、功能列表等可以輕鬆插入,而無需擔心其內部結構
許多範本:由於自訂 Jekyll 包含,可以輕鬆插入聯絡表單、導航選單等
向量圖像:主題圖像被向量化,可以在任何顯示器上平滑渲染,並且可以動態設定樣式
GDPR 就緒:捆綁 cookie 同意外掛程式和符合 GDPR 的樣板隱私權政策
SEO 就緒:為網站自動產生網站地圖、robots.txt 和標籤
Light :svg 影像、拇指和光柵影像的延遲載入、很少的函式庫
高效能:資產的並行加載和執行,支援延遲加載,縮小資產,壓縮關鍵路徑
強化:表單驗證、驗證碼、驗證庫
將此行加入 Jekyll 網站的Gemfile
:
gem "jekyll-theme-consulting"
並將此行加入 Jekyll 網站的_config.yml
:
theme : jekyll-theme-consulting
然後執行:
$ bundle
或自己安裝:
$ gem install jekyll-theme-consulting
對於那些不熟悉 Jekyll 工作原理的人,請訪問 jekyllrb.com 以了解所有詳細信息,或僅閱讀前言、撰寫帖子和創建頁面的基礎知識。
將檔案_config.yml
從主題儲存庫複製到網站資料夾樹的根目錄。以下部分解釋了這些設定的影響以及如何正確配置_config.yml
。
您可以在_config.yml
中使用下列自訂參數。
title
和subtitle
並排顯示:
您填寫的每個網址都會出現社交圖標,其中包括facebook_url
等。
您的聯絡資訊可以用在聯絡表單、頁尾或其他任何地方。
聯絡表單使用Google的 recaptcha 外掛程式進行驗證。首先,您需要[註冊您的網站]以啟用該插件。 Google 將為您提供用戶端整合金鑰:將其複製到recaptcha.sitekey
下的_config.yml
。
圖像下載和渲染可以推遲到它們進入視口為止。這縮短了網頁的載入時間,並且不會對顯示的內容產生任何影響,因為圖像不在螢幕上。
有兩種可能性:
瀏覽器對延遲載入的支援各不相同,因此建議選擇第一個解決方案。
class="lazy-loading"
src
data-src
前:
< img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />
後:
< img class =" lazy-loading " src =" {{ 'assets/images/placeholder.jpg' | absolute_url }} " data-src =" {{ 'assets/images/content.jpg' | absolute_url }} " />
loading="lazy"
前:
< img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />
後:
< img loading =" lazy " src =" {{ 'assets/images/content.jpg' | absolute_url }} " />
並非所有瀏覽器都支援此功能!
推薦使用webp
格式。
在給定的尺寸和壓縮等級(品質)下,webp 檔案的大小至少是原來的一半,感覺更平滑。
在您自己網站的儲存庫中,編輯_config.yml
檔案:
url : " https://<github-account-name>.github.io/<repository-name> "
使用以下內容建立網站:
$ JEKYLL_ENV=production bundle exec jekyll build
將所有工作提交到目前分支。
建立一個名為gh-pages
分支:
$ git checkout -b gh-pages
最後用產生的網頁取代儲存庫的內容:
$ mkdir ~/backup
$ mv ./* ~/backup/
$ mv ~/backup/.git ./
$ mv ~/backup/_site/* ./
$ git add .
$ git commit -m "First draft"
儲存庫的內容備份在使用者的主目錄中。
最後推送到github
$ git push --u origin gh-pages
在您自己網站的目錄中,編輯_config.yml
檔案:
url : " https:<domain-name> "
使用以下內容建立網站:
$ JEKYLL_ENV=production bundle exec jekyll build
將資料夾_site
的內容複製到您的伺服器,很可能位於www
中。
如有必要,請配置您的伺服器以提供此目錄服務。
歡迎在 GitHub 上提交錯誤報告和拉取請求:https://github.com/apehex/jekyll-theme-consulting。該計畫旨在成為一個安全、溫馨的協作空間,貢獻者應遵守貢獻者契約行為準則。
若要設定環境來開發此主題,請執行bundle install
。
若要測試主題,請執行bundle exec jekyll serve
並開啟瀏覽器http://localhost:4000
。這將使用主題啟動 Jekyll 伺服器。像平常一樣添加頁面、文件、資料等來測試主題的內容。當您對主題和內容進行修改時,您的網站將重新生成,刷新後您應該會在瀏覽器中看到更改,就像平常一樣。
主題發佈時,只會捆綁_layouts
、 _includes
、 _sass
中的檔案以及 Git 追蹤的assets
。若要將自訂目錄新增至 theme-gem,請相應地編輯jekyll-theme-consulting.gemspec
中的正規表示式。
受到@ajlkn 工作的啟發。
使用 cookie 同意外掛程式的基本範本。
使用簡單的 Jekyll 搜尋插件。
橫幅中的太空圖像:創造之柱,由 NASA 提供。
此主題根據 CC-BY-NC-SA-4.0 條款作為開源提供。