Introduction Hello, World!


Figure 1

Let’s write a more complex HTML example using a table showing the “Hello, World!” text in different languages that renders like: HTML table example


Figure 2

A similar example written using HTML lists would look as follows: HTML list example


Figure 3

Pages can be created in several ways: static server-side generation (where HTML is generated once on the server and doesn'tchange thereafter), dynamic server-side generation (where the server can update and send new HTML based on requests fromthe user's browser), and client-side generation (where parts of HTML pages are generated by the browser using Javascript code)

Figure 4

Static websites in GitHub Pages technology overview diagram

Figure 5

Plus button

Figure 6

New project button

Figure 7

Blank new repository page

Figure 8

Github repository for the group website

Authoring With Markdown


Figure 1

README preview

Figure 2

Editing interface of the group websites README file

Figure 3

Preview of the rendered content of the group websites README file

Figure 4

After commiting README changes

Figure 5

Preview of the formatting added to the README

Hosting Pages on GitLab


Figure 1

Edit IDE

Figure 2

IDE version control button

Figure 3

IDE version control

Figure 4

Simple HTML project screenshot

Figure 5

First running pipeline

Figure 6

Since we stopped and checked what our remote folder looked like, your pipeline may already be passed. If not, just wait until it becomes so.


Figure 7

The Page URL in Settings>Pages

Figure 8

Simple website view

Figure 9

Plain HTML template

GitLab Pages with Jekyll


Figure 1

Basic Jekyll{: .image-with-shadow width=“600px” }


Figure 2

About Jekyll{: .image-with-shadow width=“600px” }


GitLab Pages with Sphinx


Figure 1

Sphinx quickstart

GitLab Pages with Jupyter books


GitLab Templates


Figure 1

fork a repository through the Fork button

Figure 2

the fork project menu

Figure 3

remove fork relationship

When things go wrong


Figure 1

click on the failed button to access the pipeline log