abridge

Abridge Zola主題

使用Abridge.css（類光線html html CSS框架）的快速，輕巧和現代的Zola主題。完美的燈塔，黃色布托爾和天文台得分。這是Zola主題基準頁面。

所有貢獻者和讚助商都可以維護該項目。如果您想贊助此項目，並將您的頭像或公司徽標顯示在下面，請單擊此處。 ？

---

查看Abridge演示

查看abridge.css演示[abridge.css框架]

abridge.css演示只是將縮寫主題用作subpoule：config.toml，sass/abridge.scss

特徵

• 完美的燈塔，黃色布托爾和天文台得分。
• PWA支持（漸進Web應用程序）。
• 所有JavaScript都可以完全禁用。
• 黑暗，輕，自動和開關主題。 （可以自定義顏色，CSS變量）
• 代碼語法突出顯示。 （可以自定義顏色，CSS變量）
• 帶有線突出顯示的編號代碼塊。
• 通過使用PWA或通過在config.toml （完整的搜索支持）中設置search_library = "offline" 。
• 多語言支持。
• 搜索支持。 （Elasticlunr，PageFind，TinySearch）
• 搜索建議導航鍵， /焦點， arrow移動， enter選擇， escape關閉。
• 搜索結果頁面，鍵入搜索查詢，然後點擊Enter Key或click搜索按鈕圖標。
• SEO支持。 （搜索引擎優化）
• 編號為指數上的編號。
• 基於標題的上一篇文章和下一個文章鏈接在文章底部。
• 頁面索引中的目錄（可選，可單擊的鏈接）
• 最近的帖子塊。 （選修的）
• 返回頂部按鈕。 （僅使用CSS）
• 代碼塊複製按鈕。
• 頁腳混淆中的電子郵件鏈接。 （反垃圾郵件）
• Katex支持。
• 存檔頁面。
• 標籤。
• 類別。 （類似於標籤，默認情況下禁用/評論）
• 頁腳中的社交圖標鏈接。
• 響應式設計。 （首先移動）
• 視頻短號：YouTube，Vimeo，流媒體。
• 媒體短號：視頻，IMG，IMGSWAP，圖像，GIF，音頻。
• 其他短號：Showdata，Katex。

可以在這裡提供完整的文檔

快速開始

此主題需要版本0.19.1或更晚的Zola

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser 

安裝

快速啟動顯示瞭如何直接運行主題。接下來，我們將使用Abridge作為新站點的主題。

1：創建一個新的Zola網站

yes " " | zola init mysite
cd mysite

2：安裝縮進

將主題添加為git subsodule：

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

或克隆主題到您的主題目錄：

git clone https://github.com/jieiku/abridge.git themes/abridge

3：配置

將一些文件從主題目錄複製到項目的根目錄：

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

• config.toml base配置，帶有所有配置值。
• content/_index.md設置分頁所需。
• COPY-TO-ROOT-SASS/abridge.scss覆蓋以自定義瀏覽變量。
• netlify.toml設置以使用netlfiy部署您的存儲庫。
• package_abridge.js節點腳本到：PWA中的更新緩存文件列表，Minify JS，Bundle JS
• package.json促進package_abridge.js的使用

刪除項目的root config.toml中的主題行：

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4：添加新內容

將內容從主題目錄複製到您的項目或發表新帖子：

rsync -r themes/abridge/content .

5：運行項目

只需在項目的根路徑中運行zola serve ：

zola serve

Zola將啟動Dev Web服務器，默認情況下可在http://127.0.0.1:1111訪問。

保存的更改將在瀏覽器中進行重新加載。 （按ctrl+f5 ，或在開發set set set pwa=false在config.toml中）

定制

有關進一步的自定義，請務必檢查文檔。

贊助

你喜歡這個主題嗎？對您有用嗎？請留下一顆Github星星，如果您願意捐款，可以通過Github贊助商向我捐款。

貢獻和哲學

我們希望您的幫助！特別是解決問題的修復，或改進現有功能。

目的是使Abridge輕巧，快速，即使JavaScript被禁用或阻塞，也可以正常工作。

搜索唯一可能被認為是依賴JavaScript的功能。

執照

Abridge根據MIT許可證的條款分發。