开始使用 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 个赞