MkDocs is a static site generator that's geared towards building project documentation. Documentation source files are written in Markdown, and configured with a single YAML configuration file. It comes with a built-in dev-server that lets you preview your documentation as you work on it. The dev-server supports auto-reloading, and will rebuild the documentation whenever anything in the configuration file, documentation directory, or theme directory changes. There's a single configuration file named mkdocs.yml, and a folder named docs that will contain your documentation source files (docs is the default value for the docs_dir configuration setting).
Refrence: MkDocs Informations
Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows.
After creating an account in GitLab, you can click on your profile picture in the top right and you will find your user name showing.
Opening Git Bash and typing:
git config --global user.name "ht.alnasser"
git config --global user.email "ht.alnasser@gmail.com"
An SSH key is an access credential in the SSH protocol. Its function is similar to that of user names and passwords, but the keys are primarily used for automated processes and for implementing single sign-on by system administrators and power users.
Typing the follwing code:
cat ~/.ssh/id_rsa.pub | clip
cat ~/.ssh/id_rsa.pub
You will need to click on your profile picture on the top right and then click on Edit profile. You will notice the options available in the left side will be change and the SSH Keys will be showing.
After clicking on the SSH Keys in GitLab, you will need to copy the code you get from the Git Bash and past it in GitLab. The Title will be autofill according to the type of PC or Laptop your using. Then you can press on "Add key".
You can find your page URL link in your GitLab Home Page, by clicking on your name on the top left of your page. You will find a Blue Button named "Clone", click on it and you will find your Clone with SSH URL link to copy.
Go to the generated file in your PC, you can find your file usually in the "Users" file in the C Drive. After getting inside your file as it showing in the picture, click right click and open Git Bash Here from your file.
You will notice when you open Git Bash from your profile, the name will be showing differently. You can paste your URL link here to complete the path linking.
Atom is a desktop application built with HTML, JavaScript, CSS, and Node.js integration. It runs on Electron, a framework for building cross platform apps using web technologies. The reason for me to use ATOM because its easy to learn and free to use software. And to edit your own website offline to upload online "Push".
After opening the application go to "File" then "Open Folder" to open your folders in "ATOM"
Choose your file user name that was made in the generated folder.
After uploading your folder, the files inside your folder will appears. And from there you can select the part you want to edit.
As a test we tried to change the in "week01.md" and we wrote "Hello World".
After editing anything your work, a blue dot will show on the top. The blue dot represent you have change in your work and you should probably should save it.
When you finish from your work and you saved your progresses, in order to upload your work to your online page, you should click on "Stage All".
You need to make sure after you click on "Stage All", the file will go "Stages Changes". You must write a comment in the "Commit message" and press on "Commit to master". Lastly click on "Push" to upload the files.
You can double check your work been Uploaded by checking you profile page and check the latest time it been authored.
In order to check your web page online, you need to go "Settings" and click on "Pages" and click on your page link.
You can check what ever you have update or edit or add appears in your page.
You can also check your work being update offline without uploading it by going to "Packages" and click on "Markdown Preview" and choose "Toggle Preview"
In this section, you can utilize the website Free CSS to download and choose a suitable design for your own website. The site offers a vast collection of 3,552 free website templates, allowing you to explore various styles and layouts. Once you select a template that fits your needs, you can easily download it for use in your project.
The downloaded template typically includes essential files such as:
Additionally, if you have content written in Markdown, you can convert it to HTML to integrate seamlessly with your chosen template. This resource provides a great starting point for anyone looking to enhance their website design without incurring costs.
In order to use your HTML template effectively, the best recommended software is Visual Studio Code. This powerful code editor allows you to upload your HTML template design, edit it offline, and easily push your changes to your website when you're ready. You can download Visual Studio Code from the following link: Download Visual Studio Code. This tool provides a user-friendly interface, rich features, and support for various programming languages, making it an ideal choice for web development.
You can also check your work being update offline without uploading it by going to "Packages" and click on "Markdown Preview" and choose "Toggle Preview"
To edit the assets of your HTML page, you can find the relevant sections within Visual Studio Code where you can work with CSS, fonts, and images.
