使用jekyll本地调试可以访问静态资源,但是上传至GitHub无法访问的问题

jekyll模板地址

 

1.  可能是_site文件被忽略,检查.gitignore文件

.gitignore文件有可能将_site文件添加为忽略文件,以至于git add . 等后续操作将该文件忽略,从而无法上传至远程仓库的问题。

如下,是我下载jekyll模板后,存在的内容,可以看到_site文件以及.sass-cache文件都被忽略了。

_site
.DS_Store
*.swp
.sass-cache
*~

 

解决:检查远程仓库是否有_site文件,将.gitignore文件中的内容去掉,重新提交至远程仓库即可。

 

 

2. 可能是配置文件的baseurl字段设置的问题

_config.yml配置文件如下:

# Site
name: "WangJwi"
title: "WangJwi"
description: "积跬步以至千里~"
logo: 'assets/images/logo.png'
favicon: 'assets/images/logo.png'
baseurl: /WangJwi
google_analytics: 'UA-46278016-1'
disqus: 'demowebsite'
mailchimp-list: 'https://wowthemes.us11.list-manage.com/subscribe/post?u=8aeb20a530e124561927d3bd8&id=8c3d2d214b'
include: ["_pages"]
permalink: /:title/

 

如果baseurl字段设置了值,jekyll本地生成的所以HTML文件中,其对静态资源的访问路径都会加上改值以作地址映射

<img src="/WangJwi/assets/images/logo.png" alt="WangJwi">

 

所以看到这里问题的原因就很清楚,上传至远程仓库后,其由于github的根目录没有关于/WangJwi这个地址映射,所有使得有该映射地址的静态文件都无法访问

 

解决:我目前还没找到可以为GitHub添加映射的方法,因此只能先将baseurl值置空

 

注意,修改完上述内容后,需要在本地重新启动一下jekyll的本地调试服务,它可以帮你替换掉所有有关baseurl的内容

 

git源码地址可供参考:VsLegend

 

参考:Jekyll github page博客本地调试

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
GitHub Pages和Jekyll是一种搭建个人站点的方式。GitHub Pages提供了一个托管静态网页的平台,而Jekyll则是一种静态网页生成器。通过结合使用GitHub Pages和Jekyll,我们可以在GitHub上快速搭建个人博客或网站。 GitHub Pages和Jekyll的搭建步骤可以参考以下链接提供的教程和文档: 1. [GitHub Pages和Jekyll的搭建步骤](https://zhonguncle.github.io) 这篇文章介绍了使用GitHub Pages和Jekyll搭建博客网站的详细步骤。 2. [GitHub Pages和Jekyll的原理和机制](https://scottcgi.github.io) 这篇文章解释了Jekyll的原理、机制和结构,对于想深入了解Jekyll的人来说非常有用。 3. [常用的Jekyll命令手册](https://scottcgi.github.io) 这篇手册列出了一些常用的Jekyll命令,方便你在使用Jekyll过程中进行参考。 通过阅读以上引用的内容,你可以了解如何使用GitHub Pages和Jekyll搭建个人站点,并且可以深入了解Jekyll的原理和常用命令。希望对你有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [如何使用JekyllGitHub Pages上搭建网站(个人博客)](https://blog.csdn.net/qq_33919450/article/details/127859193)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [Github Pages + jekyll 全面介绍极简搭建个人网站和博客](https://blog.csdn.net/tom_221x/article/details/84630283)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值