moonwalk下載 - moonwalk源源代碼下載

moonwalk

其他類別

1.0.0

下載

Moonwalk-一個快速而簡約的博客主題，具有乾淨的深色模式

嘗試演示

特徵

帶有主題切換器的光與暗模式
垂直列表，水平列表，卡列表
帶有Navbar，頁腳，投資組合的著陸頁
快速（非常最小的CSS）-100/100關於性能，可訪問性，最佳實踐和SEO，請參閱Lighthouse Report
響應迅速且移動友好
SEO優化（使用Jekyll SOOPR SEO標籤）
RSS feed（使用jekyll feed）
易於擴展
與GitHub頁面完全兼容（請參閱GitHub頁面安裝）
自動生成的社交媒體共享圖像（使用SOOPR）
共享和喜歡按鈕（使用SOOPR）

燈塔

快速安裝

叉這個存儲庫。
cd moonwalk
bin/bootstrap
[可選]在SOOPR上註冊，然後在_config.yml文件中添加您的publish_token 。

如果您在窗戶上安裝Moonwalk，請注意，您可能必須使用Ruby 3.0.x而不是Ruby 3.1.x-您可以在此處查看特定於Windows的安裝說明

啟動服務器

bin/start開發服務器將從http://127.0.0.1:4000開始

部署

MoonWalk可以輕鬆地部署在所有云提供商（AWS等）上，並在靜態網站上託管Netlify＆vercel等服務。您也可以使用此按鈕進行一次點擊部署

如果您想將Moonwalk用作寶石或使用GitHub頁面，請參閱此頁面

定制

您可以編輯_config.yml文件以自定義博客。您可以更改諸如博客的名稱，作者的名稱，主題的外觀（輕，黑暗或自動），如何格式化日期等。可自定義的字段應該直接理解。不過， _config.yml包含一些註釋，以幫助您了解每個字段的作用。

有關進一步的自定義（例如佈局，CSS），請參閱官方的Jekyll關於自定義基於寶石主題的文檔。

自定義菜單

為了在主頁中添加/編輯/刪除條目，您可以在_data文件夾中復制home.yml文件。通過該文件，您可以定義菜單的結構，並為Navbar，頁腳，投資組合添加數據，或者簡單地刪除所有這些，然後使用簡單的博客佈局。查看默認配置，以了解其工作原理並繼續閱讀以進行更全面的解釋。

home.yml文件接受以下字段：

垂直列表

entries定義了一個新的無序列表，其中包含菜單條目
每個條目在行開頭標記為-
每個條目都有以下屬性：
- title ，定義文本以渲染該菜單條目
- url ，可以是URL或false 。如果是false ，則該條目將作為純文本呈現；否則，該條目將作為指向指定URL的鏈接。請注意，URL可以是相對的或絕對的。
- post_list , which can be true or false .如果是真的，則該條目將在網站中以子輸入為單位。這用於渲染您的帖子列表。
- entries , yes, you can have entries inside entries.這樣，您可以創建嵌套的訂訂者！

卡列表 - 卡用於展示投資組合項目。請參閱_data/home.yml文件中的project_entries

每個條目在行開頭標記為-
每個條目都有以下屬性：
- title定義卡的標題
- desc is the body of the card
- url is a relative or absolute link which this card can point to.
- highlight in case you want to highlight something, keep the text short though

水平列表 - Moonwalk使用水平列表來創建Navbar和頁腳。請參閱data/home.yml文件中的navbar_entries和footer_entries

每個條目在行開頭標記為-
每個條目都有以下屬性：
- title定義卡的標題
- url is a relative or absolute link which this card can point to.

專業提示

Moonwalk有3個內部佈局：

帖子 - 內容
博客 - 用於列出博客文章
主頁 - 對於著陸頁，您可以更改index.md文件以使用家庭或博客佈局。

調整配色方案非常容易。

對於光模式，自定義這些CSS變量

 html {
    --bg : # fff ;
    --bg-secondary : # f3f4f6 ;
    --headings : # 1e293b ;
    --text : # 374151 ;
    --text-secondary : # 6b7280 ;
    --links : # 6366f1 ;
    --highlight : # ffecb2 ; // light yellow
    --code-text : # 9d174d ;
}

對於暗模式，自定義這些CSS變量

 @mixin dark-appearance {
  html , body  {
      --headings : # 74c0fc ;
      --links : # 91a7ff ;
      --highlight : # 41c7c7 ;
      --bg : # 1f242a ;
      --bg-secondary : # 323945 ;
      --text : # adb5bd ;
      --text-secondary : # 9ca3af ;
      --code-text : # 91a7ff ;
  };
}

Sign up for free on Soopr and add your publish_token in _config.yml file - with this, each page gets short URL, like button and auto generated share image for social media.

貢獻

歡迎在https://github.com/abhinavs/moonwalk上的GitHub上的錯誤報告和拉動請求。

發展

To set up your environment to develop this theme, run bundle install .

您的主題就像普通的Jekyll網站一樣！ To test your theme, run bundle exec jekyll serve and open your browser at http://localhost:4000 .這使用您的主題啟動了jekyll服務器。添加頁面，文檔，數據等。就像正常的一樣，可以測試主題內容。當您對主題和內容進行修改時，您的網站將重新生成，您應該在刷新後看到瀏覽器的更改，就像普通一樣。

When your theme is released, only the files in _layouts , _includes , _sass and assets tracked with Git will be bundled. To add a custom directory to your theme-gem, please edit the regexp in moonwalk.gemspec accordingly.