Create Website using fastn
Welcome to the fastn world.
This course is for anyone irrespective of their background or technical knowledge. No prior coding experience is required.
This document will kickstart your journey in creating a website from scratch.
You will be guided through a series of video courses that will enable you to
learn and create a website using fastn.
If you can type, you can code, let's begin!Using doc-site template
Sign Up or Sign In on
GitHub- Create repository using
doc-sitetemplate
Github pages
After signing in, you’re ready to create a repository using the business card template. Simply click on the button below to add the template and follow the steps.
- Go to Settings (last tab) from the list of tabs
- Select Pages from the Table of Content
- Under Branch, click on the drop-down and choose gh-pages (by default: None)
- Click on Save button
Editing Content
- Show small changes in the
index.ftddocument over the default content.
doc-site components
doc-site has a lot of powerful components that can be used. Check out the
following link to read about the components.Markdown
Let's see how to use markdown in fastn.
doc-site has a lot many components that you can use and create exciting
websites. Click here to checkout all doc-site components.Adding some bling component
blingcomponents. You can use them on your fastn
web site.Add/Update typography
doc-siteAdd/Update color-scheme
doc-siteWorking locally
We have created a package/repository on GitHub. It's easy to make changes on
GitHub if the project is small and pages build and deployment does not take
much time.
As we grow our website at organization level or full-fledged personal website,
it's preferred to work locally and once happy with the changes we push the
changes via creating a Pull Request and merge it in the main branch after
extensive review from peers.
Installation
To work locally you will need to clone the repository in your local machine,
and to edit project we will need a text editor, and to view the project in a
local server, we will need to install fastn.
fastn: Installation of fastn is very easy. Just click on the
following link:Sitemap
Sitemap serves as a blueprint or roadmap, providing information about the
organization and hierarchy of content on the website. Let's learn how to add
Sitemap.FASTN.ftdRedirects
redirectsFASTN.ftdComments
fastn you can comment a single line or an entire element.;; This line will be commented out.
This line will be displayed
So to comment out a line in `fastn`, we use double semi-colons `
fastn, we use double semi-colons `-- ds.markdown:
The body text in `first` markdown element will be displayed.
/-- ds.markdown:
The body text of `second` markdown element will be commented out.
-- ds.markdown:
So to comment an entire section, we use forward slash `/`.
first markdown element will be displayed./.Image
