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 :
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 .
Markdown¶
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.
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 .
including headings¶
including images and links¶
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 :
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>