Netlify Status

Landing Page for xarray project.

This project is built using the following tools/technologies:

1. Next.js
2. Chakra UI

1. Node.js
2. yarn or npm

git clone https://github.com/xarray-contrib/xarray.dev

yarn install
# or
npm install

yarn dev
# or
npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

1. To create a new blog post a good place to start is copying a subfolder under src/posts/, so, for example https://xarray.dev/blog/flox is written here https://github.com/xarray-contrib/xarray.dev/blob/e04905f5ea039eb2eb848c0b4945beee323900e4/src/posts/flox/index.md

Once you have src/posts/newpost/index.md start writing! If you want to include figures or other static assets, they go into a matching public/posts/newpost folder. But! reference an images without the public part of the path like this:

<p align="center">
 <img src="/posts/newpost/figure.png" />
</p>

To include an html repr, you must save it first:

with open('da-repr.html', 'w') as f:
 f.write(da._repr_html_())

Then put it into the post's static assets folder public/posts/newpost/da-repr.html. And finally in src/posts/newpost/index.md you can include it with this syntax:

<RawHTML filePath='/posts/newpost/da-repr.html' />

While authoring, you might want to toggle specific sections on and off during rendering. You can do that with this syntax:

{/* This is a comment that won't be rendered! */}

If you'd like to add a link to the latest blog post on the landing page banner, edit this section here: