开始使用 Theme Creator 和 Theme CLI

本主题将引导您了解如何使用 Theme CLI 和我们的 Theme Creator 站点来开发主题并在实时 Discourse 站点上预览您的更改。

  1. 如果您还没有 Meta 帐户,请在此处 注册一个帐户

  2. 登录 Theme Creator

  3. 通过此处说明安装 Theme CLI

  4. 在 Theme Creator 上创建一个新主题,方法如下:

  5. 点击 advanced,然后点击 edit locally,再点击 retrieve API key

    复制生成的 API 密钥。

  1. 返回命令行并输入 discourse_theme download example-folder,其中 example-folder 是您将本地存储主题的目录。按照提示操作。

    • 输入 https://discourse.theme-creator.io 作为您的 Discourse 站点的根 URL

    • 出现提示时,输入您在上一步中获得的API 密钥

    • 继续按照提示操作,并选择您在第 4 步中创建的主题。

    • 当被问及是否要开始监视主题时,输入 yes。

  2. 现在,您的本地主题文件夹正在被监视更改,这些更改将自动上传到 Theme Creator。您可以通过在 Theme Creator 上主题设置中点击 preview 来打开主题的预览。

  3. 要停止监视更改,请在命令行窗口中按下 ctrl + c。要再次开始监视更改,请输入 discourse_theme watch example-theme`。

:tada: 现在您有了一个可以编辑的本地主题目录,并且可以实时查看更改了!

有关主题结构和可以执行的操作的深入了解,请查看我们的 Developing Discourse Themes & Theme Components


本文受版本控制 - 请在 github 上 提出更改建议。

42 个赞

你好。我正在尝试遵循这些说明,但一直遇到障碍。添加 API 密钥后,我看到以下内容:

/usr/local/lib/ruby/gems/3.2.0/gems/discourse_theme-0.7.3/lib/discourse_theme/cli.rb:100:in `run': undefined method `exists?' for Dir:Class (NoMethodError)

        FileUtils.mkdir_p dir unless Dir.exists?(dir)
                                        ^^^^^^^
Did you mean?  exist?
        from /usr/local/lib/ruby/gems/3.2.0/gems/discourse_theme-0.7.3/bin/discourse_theme:6:in `<top (required)>'
        from /usr/local/lib/ruby/gems/3.2.0/bin/discourse_theme:25:in `load'
        from /usr/local/lib/ruby/gems/3.2.0/bin/discourse_theme:25:in `<main>'

知道为什么吗?
提前感谢。

1 个赞

您好!
此工具尚不支持 Ruby 3.2,因为语言已发生更改。我们正在开发修复程序,但在此期间 Ruby 3.1.x 可以正常工作。

6 个赞

明白了。
谢谢 :slight_smile:

1 个赞

这现在已修复 - discourse_theme 在 Ruby 3.2.x 上从 gem 版本 0.7.4 开始应该可以正常工作 :slight_smile:

3 个赞

哇,真快 :open_mouth:
谢谢。在我的直线经理的帮助下,我确实设法让它工作了,他建议:

rbenv install 3.1.3
rbenv shell 3.1.3
gem install discourse_theme

实际上,直到我关闭终端标签页并重新打开它,它才起作用。

discourse_theme watch 不再实时重新加载了吗?它以前在我保存主题时会刷新我的主题,但现在我必须手动刷新我的标签页。控制台中没有任何迹象表明原因。

1 个赞

一段时间前有一次更改

你可能对这个感兴趣 Live Reload in Production

4 个赞