Hello all!

Just wondering if anyone would be interested in tutorials for using Notebook.ai - things like making a character public, starting a private thread, editing your post in a thread, etc. I've been thinking of making some but would only do so if there would be a use for them. :)

Let me know if you'd appreciate any of these, and if you have additional ideas for Notebook.ai tutorials, I'd love to hear them!

Tutorials

Settings

Set or Edit Your Username

Universes

Add a Contributor to a Universe
Remove a Contributor from a Shared Universe

Pages

Make a Page Public
Make a Page Private
Delete a Page
Add a Field to a Page Category
Add a Private Field to a Page Category
Delete an Empty Category (Workaround)
Link to a Page in a Linking Field
Link to a Page in a Text Field
Add Formatting to a Page
Add and Use Tags

Forums

Start a Discussion on the Forums
Move a Discussion to a Different Board
Edit a Discussion Title
Edit a Forum Post
Start a Private Discussion via the Inbox
Start a Private Discussion via a Friend's Profile - coming soon
Add Formatting to a Post

Other

Share a Google Doc

Post Formatting

In forum posts on Notebook.ai, you can use Markdown formatting and some inline HTML formatting to brighten up your words. In this post I have focused primarily on Markdown as it is a lot simpler.

Markdown

Bullet Points

To list with bullet points, start a line with an asterisk, dash or plus sign (* - +) followed by a space.

Example
* This is an item in an unordered list.
- So is this.
+ This is too.

Preview

• This is an item in an unordered list.
• So is this.
• This is too.

Numbered Lists

For a numbered list, start a line with a number, followed by a period, then a space. Ordering the numbers correctly does not matter.

Example
1. This is an item in an ordered list.
2. This is too.
5. The numbers used don’t matter.

Preview

1. This is an item in an ordered list.
2. This is too.
3. The numbers used don’t matter.

Quotes

To put text in a block quote, start a line with a right angle bracket (>).

Example
> This is a block quote.

Preview

This is a block quote.

To nest quotes, simply use multiple right angle brackets.

Example
>>> This is a quote...
>>
>> ... within a quote.
>
> Quoteception!

Preview

This is a quote…

… within a quote.

Quoteception!

Headings

To create a Heading, start the line with one or more hashtags (#), followed by a space. One hashtag creates the largest heading and six hashtags creates the smallest heading.

Example
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Preview

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Formatting

Bold and Italic

Italic text uses one asterisk or underscore (* or _) either side of the desired text, and bold uses two (** or __). To combine them for bold italic text, either use three of either on both sides (***or ___) or two of one and one of the other on both sides (*__ or **_ or _** or __*).

Strikethrough

For strikethrough text, put two tildes (~~) either side of the text you wish to cross out.

Example
This is ~~strikethrough~~.

Preview
This is strikethrough.

Show Code

To show code and formatting symbols (like I am doing in this tutorial), put a backtick (`) either side of the text you wish to show.

Example
This is `code`.

Preview
This is code.

Hyperlinks

Notebook.ai will automatically hyperlink any links in your post, but if you want to show alternate text and not the link URL, put your alternate text in square brackets [ ] followed by the URL in parentheses ( ).

Example
This is just a pasted URL: https://youtu.be/pjQHpD2WQL4
This is a [hyperlink](https://youtu.be/pjQHpD2WQL4).

Preview
This is just a pasted URL: https://youtu.be/pjQHpD2WQL4
This is a hyperlink.

Images

Notebook.ai will automatically insert most images linked in a post. For best results, make sure the image URL ends with a common image extension, like .jpg or .png

Example
https://vignette.wikia.nocookie.net/adventuretimewithfinnandjake/images/3/30/Sokka_cactus_juice.jpg

Preview

Tables

To create a table, first write your column headers, separated from each other by pipes (|). On the next line, use dashes (-) to mark out your columns (at least three per column), again separated by pipes. Lastly, for each row of your table, use a new line, again separating the information in each column by pipes.

Example
Comparison | Cactus Juice | Giant Mushroom
--- | --- | ---
Quenchy? | Yes | No
Friendly? | No | Unknown
Deadly? | Probably not | Most likely

Preview

Title

Using table formatting, you can create a nice, centred title with a separating line beneath it by ending a line with a pipe (|). Here, I have also made the text bold using two asterisks (**).

Example
**Nothing's Quenchier**|

Preview

Lines

To create a horizontal line, type three dashes, asterisks or underscores (—- *** ___) on a line of their own.

Example
---
***
___

Preview

HTML

HTML formatting makes use of tags. These are enclosed within angle brackets <> and used either side of the text that needs the desired formatting. Most inline HTML works on Notebook.ai, but in this post I will focus on the options that Markdown doesn’t provide.

Spoilers

To hide text within a spoiler, wrap it in the <spoiler></spoiler> tags. Text in a spoiler needs to be on a new line.

Example
<spoiler>This is a spoiler. It needs its own line.</spoiler>

Preview

Text Formatting

Bolder Bold

HTML creates a bolder bold than Markdown. To more boldly embolden text, wrap it in the <b></b> tags.

Example
This is <b>really bold</b>.

Preview
This is really bold.

Quote, Underline, Superscript, Subscript

To format text, use the <q></q>, <ins></ins>, <sup></sup> and <sub></sub> tags respectively.

Hi @RompingSphinx !

I figured since Notebook.ai is quite receptive to pressing 'Enter', linebreaks were probably not as sought-after, but I will probably add them to the HTML portion of the tutorial that's on Google docs as well as other fancy HTML stuff like comments and extra hyperlink formatting (eventually). I didn't want the post here to get too long or complicated if users were simply skimming through to get to stuff they'd seen others do, nor do I want to write an a-z HTML tutorial as there are plenty of those online already, and I'm not an expert by any means.

Putting a this after a line will center it (and put a line under it): |

This is basically one row of a single column table, but I can see how that would make a nice sort of heading so I'll add it under the 'Table' section. Thanks!

Tutorials have been updated to include adding links to other pages in both linking fields and text fields. :)

These are amazing tutorials. Thank you so much for writing them up!

You're most welcome! I find them a lot of fun. :)

Tutorials have now been updated to include how to add and remove contributors in a universe.

Updated with how to edit username and how to create private fields. :)

You're welcome everyone!

Tutorials have now been updated to include a list of formatting that is supported in page templates.

@"Soup_Nana_and_co." - I love that episode too! Sokka is the best.

@stressed~ You're welcome! Let me know if there are any other tutorials you'd like to see. :)

Tutorials have been updated to include starting, moving and editing discussions, as well as editing forum posts.

The list has been updated to include a tutorial on adding and filtering with tags. :)