Astro Micro Academic is an academic version of Astro-Micro and Nano. It is tailored for researchers.
Micro Academics adds features like tags, and blog math support and also inherits Pagefind for search, Giscus for comments, from Astro Micro.
Micro Academics still comes with everything great about Micro and Nano — full type safety, a sitemap, an RSS feed, and Markdown + MDX support. Styled with TailwindCSS and preconfigured with system, light, and dark themes.
✨ I've got a detailed blog about building and deploying your website using this template! Check it out here
Clone the repository.
git clone https://github.com/jingwu2121/astro-micro-academic.git
cd astro-micro-academic
npm i
Run local server
npm run dev
Update your home page in src/pages/index.astro
.
Update your CV and About page in src/pages/cv.astro
and src/pages/about.astro
.
const works = [
{company:"Company A", time: "2022-Present", job_title: "Research Scientist", location: "London, UK", description: "Your Notes about the job"},
{company:"Company A", time: "2022-Present", job_title: "Research Scientist", location: "London, UK", description: "Your Notes about the job"},
]
const educations = [
{school:"University 1", time: "2022-Present", job_title: "BEng in Electronic Information Engineering", location: "London, UK", description: "Your Notes about the study"},
]
Update the social links in src/components/SocialIcons.astro
, simply replace the URL
.
Metadata is required for each post. Add a new publication.md
to automartically add a publication on the website. Publications are sorted by date.
---
title: "Diffusion Models Beat GANs on Image Synthesis"
description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias earum quod quo repellat blanditiis est iste eos dolorem! Voluptatibus corporis totam sed unde est iusto neque iure natus adipisci omnis."
date: "2024-07-26"
authors: "John B*, Jon A*, Frank C, John B, Jon A, Frank C"
paperURL: "Paper: https://astro-sphere-demo.vercel.app"
codeURL: "Code: "
webURL: "Web: https://github.com/markhorn-dev/astro-sphere"
dataURL: "Data: https://github.com/markhorn-dev/astro-sphere"
img: "/rupert-cat.gif"
imgAlt: "Paper Teaser"
pub: "ECCV2024"
---
Field | Req | Type | Remarks |
---|---|---|---|
title | Yes | string | Title of the content. Used in SEO and RSS. |
description | Yes | string | Description of the content. Used in SEO and RSS. |
date | Yes | string | Must be a valid date string (able to be parsed). |
authors | Yes | string | A string seperated by comma. |
paperURL, codeURL, webURL, dataURL | Yes | string | A string seperated by ": ". If you don't have a link to add, leave the link part blank, e.g. codeURL: "Code: " |
img | Yes | string | Path to teaser image. |
imgAlt | Yes | string | Description of the image. |
pub | Yes | string | The conference or journal |
Metadata is required for each post.
---
title: "Blog Collection";
description: "How to add posts to the blog.";
date: "2024-03-21";
tags: ['guide', 'tutorial']
draft: false;
---
Field | Req | Type | Remarks |
---|---|---|---|
title | Yes | string | Title of the content. Used in SEO and RSS. |
description | Yes | string | Description of the content. Used in SEO and RSS. |
date | Yes | string | Must be a valid date string (able to be parsed). |
tags | Yes | list | A list of strings |
draft | No | boolean | If draft: true, content will not be published. |
To change the website metadata, edit src/consts.ts
.
// src/consts.ts
export const SITE: Site = {
TITLE: "Astro Micro Academics",
DESCRIPTION: "Astro Micro Academics is for academic user.",
EMAIL: "[email protected]",
NUM_POSTS_ON_HOMEPAGE: 2,
NUM_PUBLICATIONS_ON_HOMEPAGE: 3,
SITEURL: 'https://astro-micro-academic.vercel.app' // Update here to link the RSS icon to your website RSS
};
Field | Req | Description |
---|---|---|
TITLE | Yes | Displayed in header and footer. Used in SEO and RSS. |
DESCRIPTION | Yes | Used in SEO and RSS. |
Yes | Displayed in contact section. | |
NUM_POSTS | Yes | Limit number of posts on home page. |
NUM_PUBLICATIONS | Yes | Limit number of research on home page. |
SITEURL | Yes | Your website URL |
Please tag the post of RSS feed with tag "rss-feed"
, other posts are not included in the RSS.
// src/consts.ts
export const HIGHLIGHTAUTHOR = "John B"
// src/consts.ts
export const HOME: Metadata = {
TITLE: "Home",
DESCRIPTION: "Astro Micro is an accessible theme for Astro.",
};
export const BLOG: Metadata = {
TITLE: "Blog",
DESCRIPTION: "A collection of articles on topics I am passionate about.",
};
export const RESEARCH: Metadata = {
TITLE: "Publications",
DESCRIPTION:
"A collection of my publications with links to paper, repositories and live demos.",
};
export const CV: Metadata = {
TITLE: "CV",
DESCRIPTION:
"your cv",
};
export const TAGS: Metadata = {
TITLE: "TAGS",
DESCRIPTION:
"blog tag filter",
};
export const ABOUT: Metadata = {
TITLE: "ABOUT",
DESCRIPTION:
"A self-intro",
};
Field | Req | Description |
---|---|---|
TITLE | Yes | Displayed in browser tab. Used in SEO and RSS. |
DESCRIPTION | Yes | Used in SEO and RSS. |