From a580c2dc0a8a2d6642f33dd53a9c5e86a6976a60 Mon Sep 17 00:00:00 2001 From: Ola Rubaj <52197250+olayway@users.noreply.github.com> Date: Fri, 28 Jul 2023 15:35:18 +0200 Subject: [PATCH] [guide/index.md][xs]: headings adjstmts --- site/content/guide/index.md | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/site/content/guide/index.md b/site/content/guide/index.md index 7fe4b6ce..a08a0001 100644 --- a/site/content/guide/index.md +++ b/site/content/guide/index.md @@ -1,13 +1,15 @@ --- showToc: false showSidebar: false -title: "Markdown-based Websites Guide" +title: 'Markdown-based Websites Guide' disableTitle: true --- -## Tutorial 1: Create a website from scratch using markdown and PortalJS +## Tutorials + +### Tutorial 1: Create a website from scratch using markdown and PortalJS In this tutorial we will walk you through creating an elegant, fully functional website written in simple markdown and published with PortalJS. @@ -19,7 +21,7 @@ By the end of this tutorial you will: Below is a screenshot of how the final website will look like: ![[tutorial-1-result.png]] -### Setup a sandbox website including live publishing +#### Setup a sandbox website including live publishing - Prerequisites: sign up for GitHub and Vercel - Navigate to [datopian/flowershow repository](https://github.com/datopian/flowershow) @@ -27,14 +29,14 @@ Below is a screenshot of how the final website will look like: - Let the site build on Vercel - Visit the site! Yay! Your site is working! 🎉 -### Now, let's edit the front page +#### Now, let's edit the front page - Navigate to `content/index.md` file in the site repository - Add some text to it - Save and watch the site redeploy - Visit the site! Yay! Your changes are live! 🎉 -### Let's add a page: e.g. about page +#### Let's add a page: e.g. about page - Navigate to the `content` folder in the site repository - Add `about.md` file with some text @@ -44,7 +46,7 @@ Below is a screenshot of how the final website will look like: > [!tip] > Read full tutorial [[create-a-website-from-scratch|here!]] -## Tutorial 2: Editing your site locally on your computer +### Tutorial 2: Editing your site locally on your computer In this tutorial, we will walk you through the process of editing your Flowershow website locally on your computer. @@ -60,20 +62,20 @@ Below is a screenshot of how the final website will look like: ![[tutorial-2-result.png]] -### Clone the repository to your computer +#### Clone the repository to your computer - Setup GitHub Desktop app with your GitHub account - Grab your site's repository URL - Open GitHub Desktop app and clone the repository - Yay! You have a copy of your website's repository on your computer! 🎉 -### Now, let's edit in Obsidian +#### Now, let's edit in Obsidian - Open the `/content` folder of the cloned repository in Obsidian - Edit the home page and the about page - Create a folder with the reviews of books you've read -### Commit your changes +#### Commit your changes - Commit the changes in GitHub Desktop app - Push the changes to the remote repository