rescenic.github.io

Jekyll 的 Purelog 主題

回應靈敏、設計精良的模板，可協助您開始建立下一個部落格或網站。
探索文件 »

查看示範·報告錯誤·請求功能

關於該項目

Purelog是流行的 JAMstack 生成器 Jekyll 的響應式側邊欄主題，僅使用最小的Pure.css框架（因此得名！），同時仍然遵循可訪問性和搜尋引擎優化的最佳實踐。

我在完成 Watery（這個主題是基於它構建的）之後創建了這個，作為添加更多功能和設計的一種方式，同時仍然保持盡可能的輕量級。

該專案面向那些為 Jekyll 尋找有趣主題的人，該主題具有其他地方不常見的功能，特別是專門針對：部落格、筆記和每日日記條目的單獨部分。

特徵

以下是這個 Jekyll 主題的一些有趣的功能：

• 完全可自訂的空_BLANK_config.yml使啟動和運行變得容易。
• 使用 Simply Jekyll Search 的快速現場搜尋功能。
• 不同類型材料的客製化集合（筆記、日記寫作等）
• 自動產生的存檔頁面，顯示所有集合中的所有項目。
• 自動產生標籤和類別頁面。
• 有一個_pages集合以便於組織。
• 每篇文章最後都有作者簡介。 （位於_inclues/author.html ）
• Rouge 完全支援語法突出顯示。 （目前使用base16.solarized.light ）
• 自動產生的 RSS 提要、網站地圖、輔助功能和搜尋引擎優化。

安裝

先決條件

Jekyll 需要以下內容：

• Ruby 版本2.5.0或更高版本
• 紅寶石
• GCC 和 Make

請參閱要求以取得指南和詳細資訊。

指示

1. 安裝所有先決條件。
2. 安裝 jekyll 和捆綁器 gem。

 gem install jekyll bundler

3. 克隆這個儲存庫。

 git clone https://github.com/rescenic/rescenic.github.io.git

4. 更改到您的新目錄。

 cd rescenic.github.io

5. 從Gemfile安裝 gem。

 bundle install

6. 建立網站並使其在本機伺服器上可用。

 bundle exec jekyll serve --livereload

7. 瀏覽 http://localhost:4000

如果在此過程中遇到任何錯誤，請檢查您是否已安裝要求中的所有先決條件。

如果仍有問題，請參閱故障排除。

入門

一旦您啟動並運行了 Jekyll，只需執行幾個步驟即可將這個主題變成您自己的主題：

1. 填寫_BLANK_config.yml設定檔並替換目前的_config.yml
2. 刪除_posts 、 _notes 、 _journals中的example_posts資料夾並開始編寫您自己的！
3. 根據您認為合適的方式修改或刪除_pages中的頁面。
4. （可選）修改或刪除此README.md其中包含有關您自己的專案或部落格的資訊。
5. （可選）修改assets資料夾中的 CSS 檔案以自訂網站。

路線圖

我仍計劃創建和整合幾個功能，包括：

• 創建主題寶石
• 為「部署到 Netlify」、Heroku 等添加簡單且自動的按鈕。
• 添加 Travis 持續整合檢查
• 新增用於建立自訂集合和自動生成頁面的附加文檔
• 新增更多範例貼文和文章

請參閱未決問題以取得建議功能（和已知問題）的清單。

貢獻

貢獻使開源社群成為一個學習、啟發和創造的絕佳場所。我們非常感謝您所做的任何貢獻。

1. 分叉項目
2. 建立您的功能分支（ git checkout -b feature/AmazingFeature ）
3. 提交您的更改（ git commit -m 'Add some AmazingFeature' ）
4. 推到分支（ git push origin feature/AmazingFeature ）
5. 打開拉取請求

執照

根據 MIT 許可證分發。您可以以您認為合適的方式使用該項目，而無需註明出處。

請參閱LICENSE以了解更多資訊。

資源

在創建這個主題時，我遇到了許多有用且難以找到的資源。如果您想更深入地了解 Jekyll，請查看它們：

• 跳進 Jekyll：https://dev.to/brennan/jumping-into-jekyll-4o9h
• Jekyll 備忘單：https://devhints.io/jekyll
• Jekyll 課程：https://learn-the-web.algonquindesign.ca/topics/jekyll/
• Jekyll 設計師版：http://simpleprimate.com/jekyll-for-designers/index.html
• Jekyll 的動態版權：https://michaelsoolee.com/jekyll-copyright/
• 在 Jekyll 中建立麵包屑：https://jekyllcodex.org/without-plugin/breadcrumbs/
• 顯示所有集合中的所有項目：https://stackoverflow.com/questions/31171041/listing-all-collections-in-jekyll

其他資源

• 對於 Markdown 預覽：https://jaspervdj.be/lorem-markdownum/
• webfont 效能案例研究：https://www.keycdn.com/blog/web-font-performance
• 廣泛的.gitignore ：https://miguelmota.com/bytes/extective-gitignore/

信用

Pure.css由 Pure CSS 小組創建。

Simple Jekyll Search由 Christian Fei 創作。

Raghuveer S. 的各種筆記和想法均來自Simply Jekyll 。