Octopress 部署到项目 [gh-pages] css js

Question

我想在我的一个 github 项目的 gh-pages 分支上设置 octopress 博客。我遵循 octopress 部署文档中的指南。我的项目存储库 url 是标准的：https://github.com/my_user_name/project_name

我遵循两种情况，但在某种程度上都不起作用。

场景一：

我调用rake setup_github_pages 并为其提供存储库位置： git@github.com:my_user_name/project_name.git 这很好用，并且在我的项目仓库中创建了 gh-pages 分支。

我不会更改 _config.yml 中的 Jekill 设置，尤其是 root: 是空的。
rake generate && preview 运行良好。我在local host:4000 上加载网站。 css和js加载正确。

现在我部署站点：rake generate && deploy 我将 octopress 博客加载为：http://my_user_name.github.io/project_name/

问题：博客加载时没有screen.css。此外，我看到以下 javascript 错误：

[错误] 加载资源失败：服务器响应状态为 404（未找到）（jquery.fancybox.pack.js，第 0 行） http://my_user_name.github.io/javascripts/jquery.fancybox.pack.js

场景 2：

与上面相同，但我更改了_config.yml，特别是将 root: /project_name 设置为我的项目 repo 的名称。

rake generate && preview 我在local host:4000 上加载网站，现在我收到错误，但在我的本地机器上：

对于screen.css、jquery.fancybox.pack.js 和

[错误] 加载资源失败：服务器响应状态为 404（未找到）（slash.js，第 0 行） local host:4000/project_name/javascripts/slash.js

现在我部署站点：rake generate && deploy Css 正确加载，而错误控制台显示我不是在我的项目路径中搜索 javascript，而是在我的主 repo 路径中：

[错误] 加载资源失败：服务器响应状态为 404（未找到）（jquery.fancybox.pack.js，第 0 行） http://my_user_name.github.io/javascripts/jquery.fancybox.pack.js

---

请指教，我做错了什么？

我是否错误地使用了rake setup_github_pages？
我是否在_config.yml 中错误地设置了root？
或者是否有一些额外的设置信息需要解决？

Answer 1

回答我自己。这里有两个问题。

首先，rake set_root_dir[dir_name]。这在 StackOverflow 上从未被提及： 除了 http://octopress.org/docs/deploying/github/ 中指定的内容之外，还有一个单独的步骤用于将项目部署到 Github 的项目页面（不是用户页面）。不幸的是，它没有直接在该文档中看到。 步骤http://octopress.org/docs/deploying/subdir/ 需要运行rake set_root_dir[project_name] 并对Rakefile 和config.rb 进行一些修改。 这会正确解析在 Github 的项目页面（[gh-pages] 分支）或子目录中发布的 octopress 的路径。

第二个问题似乎与当 octopress 部署到 Github 的项目页面（子目录）时，如何解决 自定义主题 的资源路径（在我的情况下为 jquery.fancybox.pack.js）有关. 必须检查自定义主题的字体、css 和 js 的路径是否已调整为 {{ root_url }}。