Docsify-This Course Site Template

This is a course site template for use with Docsify-This.net.

Figure 1. Docsify-This Course Site Template. Explore the resulting standalone web page generated by Docsify-This.net at https://docsify-this.net/?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-course-site/main&homepage=home.md&sidebar=true&loadSidebar=_sidebar.md&loadNavbar=_navbar.md&hide-credits=true&loadFooter=_footer.md

Figure 2. Example 13 Week Docsify-This Course Site Template Site. Explore the resulting standalone web page generated by Docsify-This.net at https://docsify-this.net/?basePath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-cmpt-363-222-site/main&homepage=home.md&loadNavbar=_navbar.md&sidebar=true&loadSidebar=_sidebar.md&loadFavicon=favicon.png&browser-tab-title=CMPT-363-222

How to Use

1. Sign in to GitHub, or create an account if you don’t already have one.

2. Tap Use this template in this repository (upper-right green button) and then choose Create a new repository

3. Choose the name for your new repository to contain the files and then tap Create repository from template

4. View an included Markdown file, for example home.md, and copy its URL.

5. Go to https://docsify-this.net and paste the copied URL into the Markdown File URL field

6. Select the page options you want (e.g. Docsify Sidebar) and tap the Publish as a Standalone Web Page button to view your Markdown file as a web page for sharing or embedding

To edit a file in GitHub, tap the Pencil icon (Edit this file) in the upper-right when viewing the file, make your changes, and then tap the Commit changes... button to save those changes.

To load the provided example Docsify custom sidebar, manually add &loadSidebar=_sidebar.md to your published Docsify-This URL, for example: https://docsify-this.net/?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-course-site/main&homepage=home.md&sidebar=true&loadSidebar=_sidebar.md

To load the provided example Docsify custom sidebar along with the Docsify custom navbar, manually add &loadSidebar=_sidebar.md&loadNavbar=_navbar.md to your published Docsify-This URL, for example: https://docsify-this.net/?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-course-site/main&homepage=home.md&sidebar=true&loadSidebar=_sidebar.md&loadNavbar=_navbar.md

The optional loading of a Docsify custom Sidebar and Navbar (equivalent to using the URL parameters loadSidebar and loadNavbar) is also available in the Docsify-This Advanced Web Page Builder.

Using the ability to change the default values of the Docsify-This Web Page Builder, here are the needed Sidebar and Navbar options already set - just replace the default Markdown file URL for home.md with your own! https://docsify-this.net/?advanced=true&url-field=https://github.com/hibbitts-design/docsify-this-multiple-page-course-site/blob/main/home.md&sidebar=true&loadSidebar=true&loadNavbar=true

SFU Customizations

View a Preconfigured Docsify-This Advanced Web Page Builder with:

• SFU Visual Branding Defaults with Favicon and Custom Sidebar (Preview)
• SFU Canvas Defaults (Preview)

Docsify-This Examples

Multiple Page Course Site home.md file displayed by Docsify-This as:

• Standalone Site with Docsify Sidebar and Navbar
• Standalone Site with Docsify Sidebar, Navbar and custom Favicon
• Standalone Site with Docsify Sidebar, Navbar and a 'Propose an Edit to this Site' link
• Standalone Site with Docsify Sidebar, Navbar, Footer and a 'Propose an Edit to this Site' link