|
Hi! I installed Fresh just now by running However, after looking through the files installed and through all the docs on https://fresh.deno.dev/docs/introduction and a quick look through most pages on https://preactjs.com/guide/v10/getting-started, I couldn't find out how to change the HTML skeleton generated. Sure, I could change most things on the index page by editing How would I do that? |
Replies: 2 comments 7 replies
|
I have the answer for you, I was looking for the same and I found some. You can do: and use then in |
You can create your own |
Another option: Make a higher-order component. This higher-order component will have in it:
Then, at the bottom of your page-level components, do function HomePage(props: HomePageProps) {/* … */};
export default AddingUsualHeadThings(HomePage); |
|
Using this cannot find the path of the CSS file, there's indeed a file called main.css in the static, but still cannot see the CSS effects routes/index.tsx <Head>
<link rel="stylesheet" href="/static/main.css"></link>
</Head>static/main.css html {
color: blue;
background-color: black;
}Result: It cannot find the path of the CSS file (as checked in the source) and therefore doesn't apply the color styles on the page. |
|
You don't have to include <Head>
<link rel="stylesheet" href="/main.css"></link>
</Head> |
Yes it's good now thanks! |
|
@lucacasonato Please close, covered by docs. |
I have the answer for you, I was looking for the same and I found some.
You can do:
import { Head } from "$fresh/runtime.ts";and use then in
return():