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 ，可能是true false 。如果是真的，则该条目将在网站中以子输入为单位。这用于渲染您的帖子列表。
- entries ，是的，您可以在条目内有条目。这样，您可以创建嵌套的订订者！

卡列表 - 卡用于展示投资组合项目。请参阅_data/home.yml文件中的project_entries

每个条目在行开头标记为-
每个条目都有以下属性：
- title定义卡的标题
- desc是卡的主体
- url是该卡可以指向的相对或绝对链接。
- highlight如果您想突出显示某些内容，请保持简短

水平列表 - Moonwalk使用水平列表来创建Navbar和页脚。请参阅data/home.yml文件中的navbar_entries和footer_entries

每个条目在行开头标记为-
每个条目都有以下属性：
- title定义卡的标题
- url是该卡可以指向的相对或绝对链接。

专业提示

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 ;
  };
}

在soopr上免费注册，并在_config.yml文件中添加您的publish_token这样，每个页面都会变短URL，例如按钮和自动生成的社交媒体共享图像。

贡献

欢迎在https://github.com/abhinavs/moonwalk上的GitHub上的错误报告和拉动请求。

发展

要设置您的环境以开发此主题，请运行bundle install 。

您的主题就像普通的Jekyll网站一样！要测试您的主题，请在http://localhost:4000上运行bundle exec jekyll serve并打开浏览器。这使用您的主题启动了jekyll服务器。添加页面，文档，数据等。就像正常的一样，可以测试主题内容。当您对主题和内容进行修改时，您的网站将重新生成，您应该在刷新后看到浏览器的更改，就像普通一样。

当您的主题发布时，仅在_layouts ， _includes ， _sass和使用GIT跟踪的assets中的文件将被捆绑。要在您的主题GEM中添加自定义目录，请相应地在moonwalk.gemspec中编辑Regexp。