github pages项目的href
github pages项目的href
提问于 2021-07-22 17:18:29
我有一个基于myuser.github.io的github pages svelte应用程序-它可以工作。
我还创建了一个基于项目(sveltekit)的github页面，因此url是myuser.github.io/sveltekit。设置存储库，以便从gh-pages和root提供github页面。这只是一种工作方式(！)
问题出在导航上。以下是__layout.svelte中的导航代码
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/settings">Settings</a>
</nav>但是当我在github页面下运行它时，主页出现了，但其他链接显示为myuser/github.io/，这将给出一个404。
如果代码是
<nav>
<a href="./">Home</a>
<a href="./about">About</a>
<a href="./settings">Settings</a>
</nav>然后其他链接工作一次，然后是myuser.github.io/about/settings，再一次是404。
因此，尽管github pages允许我在顶层下有子存储库，但这些存储库的导航是基于顶层的根，而不是被定义为该存储库的根。唯一的选项是根目录和/docs。
有没有办法将根目录设置为/sveltekit/？
另一个问题是，样式显示在github页面上，尽管当网站在预览或开发下运行时会显示样式。
回答 1
Stack Overflow用户
发布于 2021-07-23 13:30:29
我做了两个改变
套件中的svelte.config.js
paths: {
base: '/sveltekit',
assets: '/sveltekit'
}, 在__layout.svelte中
<script>
import { base } from '$app/paths';
</script>
<nav>
<a href="{base}/">Home</a>
<a href="{base}/about">About</a>
<a href="{base}/settings">Settings</a>
</nav>现在导航可以工作了，我也可以设置样式了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68482274
复制相关文章
相似问题
腾讯云开发者
