# Setting Up and Deploying Your Personal Website on IPFS

**1. Essential Installations:**

- **Git:**
* For Windows, download and install from [Git for Windows](https://gitforwindows.org/).
* For macOS, if not already installed, you can use Homebrew: `brew install git`.
* For Linux, use your package manager, for example: `sudo apt-get install git` for Debian/Ubuntu.

- **Hugo:**
* Visit [Hugo Installation](https://gohugo.io/installation/) and follow the instructions for your OS.

- **Visual Studio Code:**
* Visit [VSCode's official download page](https://code.visualstudio.com/Download) and select the version appropriate for your OS.

**2. GitHub Setup with VSCode:**
* If not already set up, sign up for a [GitHub](https://github.com/) account.
* Fork the [template repository](https://github.com/bayological/website-template) to your own account.
* Connect your GitHub account to VSCode.

**3. Local Repository Setup:**

In your terminal run the following commands:

# Clone your forked repo
$ git clone https://github.com/YOUR_USERNAME/website-template.git 

# Open in VSCode
$ code website-template/ 

**4. Personalize Your Site:**
* Navigate through the repo files and adjust as required (header, description, social links, logo, footer).
* Commit and push your changes:

  $ git add .
  $ git commit -m "Personalized website details"
  $ git push origin main

**5. Test Locally with Hugo:**

# Run Hugo server
$ hugo server -D

Check the updated site at `http://localhost:1313`.

**6. Fleek Deployment:**
* Sign up/in at [Fleek](https://fleek.co/).
* Link your GitHub account and select the forked repository.
* Set up the build settings, specifying Hugo as the framework.
* Deploy.

> ℹ️ Take note of the CID in the deployment logs
Learn about [how CIDs are generated](https://docs.ipfs.tech/concepts/content-addressing/#what-is-a-cid).

**7. Inspect Deployment with IPFS:**
* Install [IPFS Desktop](https://docs.ipfs.tech/install/ipfs-desktop/).
* Open IPFS, go to "Files," input your CID, and browse.

**8. (Optional) Custom Domain Setup:**
* Purchase a `.dev` (or preferred TLD) domain.
* In Fleek, go to site settings and link your custom domain.

**9. (Bonus) Further customization:**
* Update the styling of the site to add a personal touch