SABER--06 Themes

创建一个主题十分容易,只需要创建一个新的文件夹。想要开始你的主题,需要编辑 theme 设置在你的网页设置的 saber-config.yml

theme: ./src
# or from a npm package
# call `saber-theme-simple`:
theme: simple

一个主题需要具有以下文件结构:

.
├── saber-browser.js # optional
├── saber-node.js    # optional
└── layouts          # required

主题布局被填充在 $ Theme/layouts 目录下,这个目录是必需的,$projectRoot/layouts 中的布局仍然可以工作,并且具有更高的优先级。

Ejecting

如果你正在使用一个来自npm的主题,并希望修改它以更好地满足你的需求,你可能想要退出它。这将复制源代码到 ./theme 以允许您编辑它。

saber eject-theme

以上命令需要使用从 node_modules 中的文件,但是如果你想要从仓库(调用)源代码,需要添加 –git。这将把主题的Git存储库克隆为子模块,这增加了更容易升级的好处,对上游代码的贡献和更好的版本控制管理。

Submitting Themes

我们在此页面展示了高质量的官方和社区主题,您可以按照以下指南获得您的主题:
首先,你需要fork Saber 并且克隆它到本地:

git clone git@github.com:YOUR_USERNAME/saber.git

然后添加一个预览图像到 website/pages/theme/previews 文件夹,有一些要求的图像应该满足:

  • PNG格式
  • 使用npm管理包命名,例如 saber-theme-minima.png
  • 尺寸需要在 1024*768 / 或者 2048*1536
  • 80kb以下,使用 TinyPNG压缩,若需要
    最后打开 website/pages/theme/_themes.yml 并添加你的主题,例如:
- name: Minima
  npm: saber-theme-minima
  demo: https://minima.saber.land
  repo: https://github.com/saberland/saber-theme-minima
  tags:
    - Blog
    - Clean
    - Minimal
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值