Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rishabkumar7/rishab-cloud

This is my personal portfolio website, built with hugo.
https://github.com/rishabkumar7/rishab-cloud

blog hugo personal-website

Last synced: 3 months ago
JSON representation

This is my personal portfolio website, built with hugo.

Awesome Lists containing this project

README

        

### rishab.cloud

Hi, I am Rishab and this is my personal portfolio based on [theme template](https://github.com/nanxiaobei/hugo-paper).

![ProfilePic](static/images/screenshot.png)

## Quick Start

1. Install [Hugo](https://gohugo.io/installation/)
2. Install [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git)

**Open your terminal or command line**

1. Create a new folder 'my-personal-blog'

```console
mkdir 'my-personal-blog'
```

2. Go into this folder

```console
cd 'my-personal-blog'
```

3. Initialize an empty Git repository in the current directory

```console
git init
```

4. Clone this repository into your folder

```console
git clone 'https://github.com/charlola/hugo-theme-charlolamode.git'
```

5. Start Hugo's development server to view the site locally.

```console
hugo server
```

Once the local server starts, you can see your site. If your web-browser does not automatically pop up, open your browser and enter . Now you can start to modify this page in the directory. If you save new changes, this site will automatically refresh and render the modification.

## Open Visual Studio Code to edit your Blog

3. Open your favorite Editor like [Visual Studio Code](https://code.visualstudio.com/download)

### Basic Configuration

The config.yml is your best friend. You can modify and add information, such as ...

- Title of the page
- Your Name
- Social Icons
- Buttons

![ProfilePic](static/images/example.png)

You can easily add social icons like LinkedIn, Twitter, Youtube, Instagram, ... just have a look in the config.yml. Examples are already added.

### Change Profile Image

To add your profile pic, replace ***profil.png*** in the folder ***static/images***. Make sure you take an image with a happy face :)

### Add tabs

In the config.yml you can add new tabs next to 'Articles' and 'Contact'. Uncomment 'Category' to check it out.

***Note***
If you add a new tab in the config.yml, you have to do the following:

1. Add new folder in the directory 'content' with the ***same name*** as the new tab.
2. Copy ***_index.md*** from articles into new folder.

### Add new content

If you like to push new content, create a new Markdown file in the new folder. Find an example in ***content/articles/article.md***.

## Thank you

I'd love to get feedback. Send a message via LinkedIn. Feel free to support this page with a [coffee donation](https://ko-fi.com/heycharlola) :)

## Online Website

To push your website online, use Azure Static Web or Netflify. I used Azure Static Web.