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

时间:2014-03-19 07:04:23

标签: octopress github-pages

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

我遵循两种情况,既不会以某种方式起作用。

场景1:

我调用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 设置为我的项目仓库的名称。

rake generate && preview 我在local host:4000上加载了网站,现在我收到了错误,但在我的本地计算机上:

适用于screen.cssjquery.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? 我是否错误地在root设置了_config.yml? 或者是否有一些必须解决的其他设置信息?

1 个答案:

答案 0 :(得分:0)

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

首先,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]并对Rakefileconfig.rb进行一些修改。 这为在Github的项目页面([gh-pages]分支)或子目录中发布的octopress正确解析了路径。

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