# blog

**Repository Path**: mirrors_AdoptOpenJDK/blog

## Basic Information

- **Project Name**: blog
- **Description**: The blog of AdoptOpenJDK
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AdoptOpenJDK Blog

[![Deploy to GitHub Pages](https://github.com/AdoptOpenJDK/blog/actions/workflows/deploy-to-gh-pages.yml/badge.svg)](https://github.com/AdoptOpenJDK/blog/actions/workflows/deploy-to-gh-pages.yml)

This is the source of the AdoptOpenJDK blog: <https://blog.adoptopenjdk.net/>

React 19 upgrade plan: see docs/react19-plan.md for the phased plan and current blocker status.

## Prerequisites

1. Install dependencies, run `npm install` in the root directory of the repository.

## Adding Content

1. Create a folder in `blog` that is named after your post's title. Slugify the title if it's more than a single word. Example: `hello-world`.
2. Create a file called `index.md` in the directory you just created (`blog/hello-world`).
3. Add the required metadata at the beginning of the file

       ---
       title: Hello World
       date: "2020-04-21T12:20:00+00:00"
       author: janedoe
       featuredImage: "./featured_image.png" (optional)
       ---

   `title` is the title of your post as it appears on the website. `date` is the ISO 8601 timestamp of the publication date (`date -u +"%Y-%m-%dT%H:%M:%SZ"` generates that for you on the command line) and `author` the identifier of the author as specified in the `authors.json`. `featuredImage` (optional) the relative path to the featured image.
4. Write your post in Markdown. Save any images in the folder of your post alongside the `index.md`. Put the biggest resolution in there that you have. Responsive images will automatically be generated for you.

To preview your post, start the local development server by running `gatsby develop` in the root directory of the repository.

WARNING: The RSS feed is only generated in production mode: `gatsby build && gatsby serve`.

## Editing Conventions

### Excerpts

On the front page, we only display excerpts and not full posts. By default, Gatsby will shorten your post automatically, which might yield unsatisfactory results. To control that behaviour, add a field `description` with the text you want to see on the front page in the frontmatter of your post (metadata delimited with `---` at the beginning of your post).

### Images with Captions

To add captions to your images, use the following structure:

       ![Alt text](./image.jpg)
       *Your caption here*

Our CSS will take care of rendering it correctly by looking for `img + em`.

Example:

       ![Photo depiciting a drop of water](./clean-drop-of-water-liquid.jpg)
       *AQA v1.0  is a first drop in an on-going series of improvements.*

### Quotes

       > Quote
       >
       > <cite>Name of the person</cite>

Example:

       > When the Well is Dry, We’ll Know the Worth of Water.
       >
       > <cite>Benjamin Franklin</cite>

### Guest Posts

Right after the front matter, add the following snippet to introduce the person that wrote the post:

       <GuestPost>
           Some introductory text
       </GuestPost>

This is going to render as:

       <p className="guestpost">
           <em>Some introductory text – AdoptOpenJDK Team</em>
       </p>

Example:

       <GuestPost>
           This a guest post by <a href="https://www.linkedin.com/in/weitzelm/">Mark Weitzel</a>, General Manager, New Relic One at New Relic.
       </GuestPost>

Note: Markdown is not supported within `<GuestPost/>`. This is a limitation of MDX v1 and fixed in MDX v2 (<https://github.com/mdx-js/mdx/issues/1041>) which is currently being developed.

## Adding Authors

1. Create an entry in `content/authors.json`. Structure:

       {
           "janedoe": {
               "name": "Jane Doe",
               "summary": "Some info about Jane",
               "twitter": "Jane's Twitter handle",
               "github": "Jane's GitHub username"
           }
       }

2. Your profile picture comes from github but this can be changed by adding a profile picture in `content/assets/authors`. If the key in the `authors.json` is `janedoe`, name the image file `janedoe.jpg`.