forum Notebook.ai Tutorials
Started by @Riorlyne pets
tune

people_alt 95 followers

@Riorlyne pets

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!

@Riorlyne pets

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

@Riorlyne pets

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 __*).

Format Using Example Preview
Italic * *leaning* leaning
Italic 2 _ _bowing_ bowing
Bold ** **weighty** weighty
Bold 2 __ __heavy__ heavy
Bold Italic *** ***falling*** falling
Bold Italic 2 ___ ___tumbling___ tumbling
Bold Italic 3 *__ *__falling__* falling
Bold Italic 4 **_ **_tumbling_** tumbling
Bold Italic 5 _** _**falling**_ falling
Bold Italic 6 __* __*tumbling*__ tumbling

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

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

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

Nothing's Quenchier

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.

Format Tag Example Preview
Quote <q> <q>Mushroom</q> Mushroom
Underline <ins> <ins>mushy</ins> mushy
Superscript <sup> <sup>gi</sup>ant giant
Subscript <sub> fri<sub>end</sub> friend

@RompingSphinx group

Awesome :D
Here are a couple things that are so small that they probably didn't need defining, but here they are anyways:



line <br>
eaks work, although they probably aren't necessary.
They're mostly good for if you need to force an return into a place where one really does not want to be.

<abbr>eviations work.

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

Comments work like <!-- this --> (It will be invisible in the final product.)



@Riorlyne pets

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!

@FanfictionFanatic group

Never mind, I figured it out. To strikethrough is <strike>word/sentence</strike>.

You can also just use two of these little symbols ~~ at the start and end of a word or sentence to strike through anything. It’s easier in my opinion.