Week 1 activities¶
During this week, the goal was to learn to create and edit a website using the MKDOCS program, and this depends on some auxiliary programs such as GitLab and Visual Studio Code. Through this site, all activities and requirements will be documented on a weekly basis during the program period.
Important Requirements¶
gitlab¶
Step 1 After creating an account, logging into Gitlab and logging in, I built the site by going to the “Build” tab and choosing “Pipeline”.
Step 2
After completing the previous steps, I published the page and clicked on the Pages tab, then to Unique Scope, and I saved the changes to create a unique scope for my page. To do that I click on new pipeline then I go to run pipeline and use unique domain after that I click on save change.
Git bash¶
gitBash is one of a group of command-line programs designed to execute on a Unix-style command-line environment. This program will help me facilitate the process of transferring data without having to open my page via tab, to do that we have some steps:
Step 1
First I copy the HTTPS link from my profile in gitlab.
After that on desktop I write click and I chose gitbash here.
In command page I write git clone and I put the URL link.
I put my email and password that I used for gitlab fabcloud
I configured my Git username and email globally by using the following commands:
git config –global user.name “Your Name”
git config –global user.email “Your Email”
Important Note: (After I finished, there are some necessary files that I downloaded from git bash Visual Studio. After that, I had to transfer and clone the page file, as I used git bash to do that. Then I opened the folder on Visual Studio.)
Now I can start edit on my page
Problems will happen¶
When I entered the website https://gitlab.fabcloud.org/, some problems occurred. When I entered the students’ page, I had to reset the password in order to be able to work and edit the page.
After I reset the password I was able to work with ease.
How to use !!¶
1. Writing¶
You can write in a normal way like writing on Word, but you can benefit from some shortcuts such as: Expand the font and enlarge or reduce it and change its color !!
To enlarge and reduce the font, use this tool, where you can also change the color by changing the number in the color code:
You can change the height in a professional way by using the hashtag symbol, where the number of the hashtag expresses the height level:
2. Adding documents and images¶
Adding images and documents depends on writing the type and location of the file, as the type and location of the file must be specified accurately. For example, in the image below, I put the location of the image in the week 01 and its type is jpg:
3. Adding links to a specific page¶
Adding links is somewhat easy by using sharp brackets and curved brackets. I put the link inside the sharp brackets and the thing that I will write in the curved brackets:
4. How to upload modified data to the page¶
To upload the modified data I use ctral and s to save my work after that I select source control and write any commands then I click Commit then Sync Changes:
This is pretty much everything I learned during the first week. I hope I covered all the important stuff.