1. Principles and practices，Project management¶

Principles and Practices (part 1 of 2)¶

Plan and sketch a potential final project

Project Management (part 2 of 2)¶

Read, sign (add your name to) the student agreement and commit it to your repo
Work through a git tutorial.
Build a personal website in the class archive describing yourself and your final project. Refer to the lecture material for examples.
Upload parts 1 and 2, to the class archive.

student agreement¶

I carefully read the Student Agreement, sign the Student Agreement and submit it to my website

About me¶

This is my self-introduction.

Create My Website¶

This is My FabAcademy website. This is a webpage in HTML format. I am a novice who has never written website code. I tried to edit the HTML webpage, but the layout and content editing were difficult.

Later, I tried to export the HTML webpage with Notion, but when I modified the content, I encountered more troubles. I had to modify the image URL repeatedly, and Notion’s HTML code was complicated and difficult to understand.

notion_html

Finally, with the help of my mentor Saverio, I downloaded the website in MD format and edited it with Vscode. This is the best way for me to edit the website at present.

markdown_web

With this website, I can easily edit it in Vscode using Markdown language. Common Markdown commands are:

1. Headings
# Heading 1 (H1)
## Heading 2 (H2)
### Heading 3 (H3)
#### Heading 4 (H4)
##### Heading 5 (H5)
###### Heading 6 (H6)
2. Text Formatting
*Italic* or _Italic_  
**Bold** or __Bold__  
***Bold Italic*** or ___Bold Italic___  
~~Strikethrough~~  
3. Lists
Unordered Lists
- Item 1
- Item 2
- Item 3
or
* Item 1
* Item 2
* Item 3
or
+ Item 1
+ Item 2
+ Item 3
Ordered Lists
01. First item
02. Second item
03. Third item
Nested Lists
01. First item
    - Sub-item 1
    - Sub-item 2
02. Second item
    - Sub-item 3

4. Links
[Link Text](http://example.com)
5. Images
![Image Description](Image URL)

If you want to know more about Markdown commands, you can refer to the Markdown Chinese Tutorial

Work through a git tutorial¶

This week I started the challenging FabAcademy learning journey. Through learning about git documentation management and website creation, I discovered that git is a very useful tool: it can help manage code versions, make it convenient to record changes, roll back errors, and synchronize code across multiple devices.

Here is how I edit my website using Git

Download and install GIT

Note: I use Visual Studio Code as Git’s default editor
After installing Git, set up my username and email address, sh $ git config --global user.name "huahua" $ git config --global user.email 732461776@qq.com
Then use git to find the ssh key: sh $ cat ~/.ssh/id_rsa.pub
Add an ssh key to my fabcloud gitlab account to be able to clone my project template and push changes to it. I go to my project repository, log in, go to the ‘preference/SSH Key’ page, and click the ‘Add new key’ button.
Clone an existing Git repository from the fab server.
Create a fabacademy2025 folder on the desktop, right-click to open git bash, then download the code using git clone <url>.
If you can see a folder with your name locally, it means the repository has been successfully copied to your local machine. Next, you can use VScode to modify the webpage files.
Download VSCode, open the md webpage file in VSCode and modify the webpage content.
Submit changes using git add . then enter your account and email.
Use git status to check the current file status.
Use git commit -m "..." to update the modified content to the network.
Use git push to upload local files to the fab network.