Blogdown 网站只能在本地运行，不能通过 neltify

Question

我用 blogdown 和 hugo 做了一个网站，主题是https://themes.gohugo.io/hugo-tranquilpeak-theme/，当我使用 serve_site() 时效果很好。我已将其推送到 github 并将 netlify 连接到 github 并选择公共文件夹作为发布文件夹。但是，当我访问我的 netlify 网站 https://stoic-swirles-da950d.netlify.com/ 时，它看起来与本地网站不一样。 我在下面的博客中复制了会话信息。

Session info ----------------------------------------------------
 setting  value                       
 version  R version 3.4.2 (2017-09-28)
 system   x86_64, darwin15.6.0        
 ui       RStudio (1.1.453)           
 language (EN)                        
 collate  da_DK.UTF-8                 
 tz       <NA>                        
 date     2018-10-02                  

Packages --------------------------------------------------------
 package   * version  date       source                           
 backports   1.1.2    2017-12-13 cran (@1.1.2)                    
 base64enc   0.1-3    2015-07-28 CRAN (R 3.4.0)                   
 BH          1.66.0-1 2018-02-13 cran (@1.66.0-)                  
 blogdown    0.8.6    2018-10-02 Github (rstudio/blogdown@44895dd)
 bookdown    0.7      2018-02-18 CRAN (R 3.4.3)                   
 digest      0.6.17   2018-09-12 CRAN (R 3.4.4)                   
 evaluate    0.11     2018-07-17 cran (@0.11)                     
 glue        1.3.0    2018-07-17 cran (@1.3.0)                    
 graphics  * 3.4.2    2017-10-04 local                            
 grDevices * 3.4.2    2017-10-04 local                            
 highr       0.7      2018-06-09 cran (@0.7)                      
 htmltools   0.3.6    2017-04-28 CRAN (R 3.4.0)                   
 httpuv      1.4.5    2018-07-19 CRAN (R 3.4.4)                   
 jsonlite    1.5      2017-06-01 CRAN (R 3.4.0)                   
 knitr       1.20     2018-02-20 cran (@1.20)                     
 later       0.7.5    2018-09-18 CRAN (R 3.4.4)                   
 magrittr    1.5      2014-11-22 CRAN (R 3.4.0)                   
 markdown    0.8      2017-04-20 CRAN (R 3.4.0)                   
 methods   * 3.4.2    2017-10-04 local                            
 mime        0.5      2016-07-07 CRAN (R 3.4.0)                   
 promises    1.0.1    2018-04-13 CRAN (R 3.4.4)                   
 R6          2.2.2    2017-06-17 CRAN (R 3.4.0)                   
 Rcpp        0.12.19  2018-10-01 CRAN (R 3.4.2)                   
 rlang       0.2.2    2018-08-16 cran (@0.2.2)                    
 rmarkdown   1.10     2018-06-11 cran (@1.10)                     
 rprojroot   1.3-2    2018-01-03 cran (@1.3-2)                    
 servr       0.10     2018-05-30 CRAN (R 3.4.4)                   
 stats     * 3.4.2    2017-10-04 local                            
 stringi     1.2.4    2018-07-20 CRAN (R 3.4.4)                   
 stringr     1.3.1    2018-05-10 cran (@1.3.1)                    
 tinytex     0.8      2018-08-30 CRAN (R 3.4.4)                   
 tools       3.4.2    2017-10-04 local                            
 utils     * 3.4.2    2017-10-04 local                            
 xfun        0.3      2018-07-06 cran (@0.3)                      
 yaml        2.2.0    2018-07-25 cran (@2.2.0)  

github 仓库是https://github.com/rasmusfiskerbang/thedword

我还添加了我的 netlify 设置的图片

Answer 1

如果您只是担心外观，那么我建议您养成在加载网页时在 Chrome 或 Firefox 中打开 (Ctrl+Shift+J) 控制台和网络选项卡的习惯。这是找出网页设计错误的第一个基本步骤。

您的某些 *.min.css 和 *.min.js 文件出现 404 File not found 错误。所以尝试将https://github.com/rasmusfiskerbang/thedword/blob/master/config.toml 的line 15 从baseURL = "https://example.org/" 更改为

baseURL = "https://stoic-swirles-da950d.netlify.com/"

此外，您没有 static/css 和 static/js 文件夹以及它们的 *.min.js 和 *.min.css 文件，因此首先在 static 中创建 css 和 js 文件夹，然后复制这些本地文件，最后使用正确的文件路径将它们推送到您的 github 存储库。一旦提交了新的更改，Netlify 应该会自动构建和部署。 ELSE 从您的 Netlify 设置运行部署。

简而言之，就是文件路径错误。 404s。谢谢你:)