chore: updated examples to v0.26.0 (#2977)
* New script behavior * Astro.request * Reverted `deno` to `node` * Updated subpath
This commit is contained in:
Juan Martín Seery
GitHub
parent
dff89a0fa3
commit
dc6e89f0a3
12 changed files with 17 additions and 17 deletions
|
|
@ -11,19 +11,18 @@ export async function getStaticPaths() {
|
|||
}
|
||||
|
||||
const { allPosts } = Astro.props;
|
||||
const { params, canonicalURL } = Astro.request;
|
||||
const title = 'Don’s Blog';
|
||||
const description = 'An example blog on Astro';
|
||||
|
||||
/** filter posts by author, sort by date */
|
||||
const posts = allPosts.filter((post) => post.frontmatter.author === params.author).sort((a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf());
|
||||
const posts = allPosts.filter((post) => post.frontmatter.author === Astro.params.author).sort((a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf());
|
||||
const author = authorData[posts[0].frontmatter.author];
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>{title}</title>
|
||||
<MainHead {title} {description} image={posts[0].frontmatter.image} canonicalURL={canonicalURL.toString()} />
|
||||
<MainHead {title} {description} image={posts[0].frontmatter.image} canonicalURL={Astro.canonicalURL.toString()} />
|
||||
|
||||
<style lang="scss">
|
||||
.title {
|
||||
|
|
|
|||
|
|
@ -18,10 +18,10 @@ import '../styles/index.css';
|
|||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@0;1&display=swap" rel="stylesheet" />
|
||||
|
||||
<!-- Scrollable a11y code helper -->
|
||||
<script type="module" src="/make-scrollable-code-focusable.js"></script>
|
||||
<script src="/make-scrollable-code-focusable.js" is:inline></script>
|
||||
|
||||
<!-- This is intentionally inlined to avoid FOUC -->
|
||||
<script>
|
||||
<script is:inline>
|
||||
const root = document.documentElement;
|
||||
const theme = localStorage.getItem('theme');
|
||||
if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
|
|
@ -32,7 +32,7 @@ import '../styles/index.css';
|
|||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-TEL60V1WM9"></script>
|
||||
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-TEL60V1WM9" is:inline></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item, i) => {
|
|||
</ul>
|
||||
</nav>
|
||||
|
||||
<script>
|
||||
<script is:inline>
|
||||
window.addEventListener('DOMContentLoaded', (event) => {
|
||||
var target = document.querySelector('[aria-current="page"]');
|
||||
if (target && target.offsetTop > window.innerHeight - 100) {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ import RightSidebar from '../components/RightSidebar/RightSidebar.astro';
|
|||
import * as CONFIG from '../config';
|
||||
|
||||
const { content = {} } = Astro.props;
|
||||
const currentPage = Astro.request.url.pathname;
|
||||
const currentPage = new URL(Astro.request.url).pathname;
|
||||
const currentFile = `src/pages${currentPage.replace(/\/$/, '')}.md`;
|
||||
const githubEditUrl = CONFIG.GITHUB_EDIT_URL && CONFIG.GITHUB_EDIT_URL + currentFile;
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<script>
|
||||
<script is:inline>
|
||||
// Redirect your homepage to the first page of documentation.
|
||||
// If you have a landing page, remove this script and add it here!
|
||||
window.location.pathname = `/en/introduction`;
|
||||
|
|
|
|||
|
|
@ -16,6 +16,6 @@ console.log({ SSR, PUBLIC_SOME_KEY });
|
|||
</head>
|
||||
<body>
|
||||
<h1>Hello, Environment Variables!</h1>
|
||||
<script type="module" src="/src/scripts/client.ts"></script>
|
||||
<script src="/src/scripts/client.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ import Counter from '../components/Counter.astro';
|
|||
</style>
|
||||
|
||||
<!-- Be sure to include AlpineJS -->
|
||||
<script src="//unpkg.com/alpinejs" defer></script>
|
||||
<script src="//unpkg.com/alpinejs" defer is:inline></script>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ import '../components/Counter.js';
|
|||
console.log('end partytown blocking script')
|
||||
</script>
|
||||
|
||||
<script>
|
||||
<script is:inline>
|
||||
setInterval(() => {
|
||||
const randomColor = Math.floor(Math.random()*16777215).toString(16);
|
||||
document.querySelector('.partytown-status').style.color = "#" + randomColor;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<h1 id="result">Loading...</h1>
|
||||
<script type="module">
|
||||
<script>
|
||||
// Non-HTML files will be included in your final build, so you
|
||||
// can fetch them directly in the browser.
|
||||
const response = await fetch(`/about.json`);
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
import svelte from '@astrojs/svelte';
|
||||
import deno from '@astrojs/deno';
|
||||
import node from '@astrojs/node';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
adapter: deno(),
|
||||
adapter: node(),
|
||||
integrations: [svelte()],
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,5 +4,6 @@ import react from '@astrojs/react';
|
|||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
integrations: [react()],
|
||||
site: 'http://example.com/blog',
|
||||
site: 'http://example.com',
|
||||
base: '/blog',
|
||||
});
|
||||
|
|
|
|||
|
|
@ -11,6 +11,6 @@
|
|||
|
||||
<body>
|
||||
<h1>Welcome to <a href="https://astro.build/">Astro</a></h1>
|
||||
<script src="/src/index.ts" type="module" hoist></script>
|
||||
<script src="/src/index.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue