Skip to content

1. Project management

My work in this week was about how can I develop my own website through learning some programs like Gitlab and Markdown language (you will struggle little bit in the first time, but I promise you that it will be so enjoyable latter).

The first step :

I downloaded two programs to work with :

1 _ Atom :

You can download it from here

2 _ GitBash : You can download it from here

After downloading these two programs , I had to do some steps to be able to edit and develop my website from my computer directly :

The first thing I had to do is to clone the repository from the GitLab to my computer:

I copied the HTTPS link

I clicked the lift button and then I clicked Git Bash here to open the program :

I wrote git clone then I paste what copied :

I had to sign in with the same username and password for GitLab website :

congratulation , the repository is ready :

Now i had to ginerate the SSH key to allow myself to edit the code through my computer :

I wrote ssh-keygenin GitBash to ginerate the SSH hey in my computer :

I found my the key in a folder called .ssh :

I had to copy the key to GitLab :

Now I had just to open the folder through Atom and to star edit the codes :

What is git ?

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows. For more information

What is MKdocs

MkDocs is a Python-based static site generator that combines Markdown content with Jinja2 templates to produce websites. MkDocs can be pronounced “McDocs” or “M-K Docs”, although the core committers do not have a strong preference one way or the other on the name’s pronunciation. It is is a fast, simple and downright gorgeous static site generator that’s geared towards building project documentation.

For more information For more information

Editing the website using Atmo

To edit the website you need a programming language , and the main language that we are called Markdown and using HTML is also allowed to format the page .


what is Markdown ?? Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. Created by John Gruber in 2004, Markdown is now one of the world’s most popular markup languages.

for more information

Using Markdown to edit

For using Markdown we have to know the cheatsheet of it , and we have to follow it in evry task that we are doing .

for more information

including headings

For example I want to include a website called pexels for pictures

like this : Pexel

I found this picture in the website

if we want to include it to the website we just have to install it and include it we have just to follow

we can uploade it like this

including videos

To include any video you just have to use HTML code

<video width="320" height="240" controls> <source src=" THE SOURCE+THE NAME OF THE VIDEO.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

I took this code from Here

When I applied it , I could upload a video like :

<video width="320" height="240" controls> <source src="../../images/+65.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

including codes

We can upload a code by follow

making the text bold

If we want to make any text bold just we have to put * two time before the taxt and two times after it , and the text will become like This .

Some useful code :

To add an image : ![](../locations 1/locations 2/the name of the image .the type of the image )

To edit any image size you can use HTML : <img src="../images/week01/40-modified.png" style="height: 200px; width: 200px ;">

To make anything in the center of the page : <center></center>

Last update: January 24, 2022