To get the most out of Gingko, browse through our templates, example trees, and blog.
(You can also access a user-created Chinese translation, here)
If you need more help, or have any questions, comments, or suggestions, don’t hesitate to contact me!
Adriano Ferrari
The fastest way to start is to Watch the short video tutorials:
If you have any more questions, look through this FAQ, or Contact Support.
If you need to reset your password, visit:
https://gingkoapp.com/reset-password
For other account questions or concerns, contact me directly.
For more details on how to customize, check out the Gingko API docs
When you create a new tree, you can choose from several templates. Here are a few others that are not on that list.
We are constantly on the lookout for more templates so if you have any to submit, please contact us.
As a thank you, we’ll give you more space on your account!
These are completed trees that show you some things Gingko can be used for.
Read about organization, productivity, as well as tips and ideas for using Gingko in new ways.
Everything you need to do with Gingko, you can do via the keyboard, or one of the two menus.
Keyboard: Access the keyboard reference sheet by pressing the ? key.
my gingko trees: At the top left. Use this to create new trees (either blank, or with template), or to open existing ones.
Gear: At the top right. Everything else (export, sharing, support, LaTeX, logging out, etc) can be done here. If you have any questions, this is also where you’ll find the “Contact Support” button.
The principle is:
Left → Right = General → Specific.
Short answer is: anything.
Use Gingko any time you want to write or organize something hard.
Gingko is free to use as long as you create 100 cards or less each month. Usage resets on the 1st.
You can support Gingko by subscribing. Pricing is on a pay what you want basis.
Yes, it’s now possible to access and edit all your trees while offline.
Works in Chrome on Windows, Linux, Android, Chromebook, and Mac* for now.
Simply export as “Formatted Text (HTML)” and hit print.
Click on the Gear menu, and select Export.
Click on the tree title, at the top. Or select “Setting of current tree…” from the Gear menu.
Click on the tree title, at the top. Or select “Settings of current tree…” from the Gear menu.
You’ll find a “Copy” button on the bottom left of that window.
Simply press Ctrl+C
to copy the current card and all its children. Ctrl+V
to paste it somewhere else, or on a different tree.
We make nightly backups of everything on Gingko on our US servers, and keep additional backups on our two machines.
We are also using a “commit” system on the backend, so every change you make is saved, and nothing is ever permanently deleted.
We also have a trash feature, and are working on full undo, and eventually a complete version history.
We use secure SSL encryption, which is the same security used by banks.
We will never access your documents without your permission.
We do collect information such as your approximate location, and your usage patterns (how often you log in, etc). This is only so we can serve you better.
We now have LaTeX support!
Just add $...$
for inline equations ($\tau \equiv 2\pi$), and $$...$$
for display equations:
$$f(a) = \frac{1}{2\pi i} \oint_\gamma \frac{f(z)}{z-a}\, dz$$
You may need to enable it in the Gear menu (top right > “Enable LaTeX”).
You can insert Markdown tables. I recommend using this Table Generator (Markdown) to quickly make a table.
You can embed any HTML or iframe plot you have.
We recommend our fellow Montrealers, http://plot.ly.
They have a great API, a powerful selection of plots, and real-time streaming data.
<iframe src="https://plot.ly/~carmeloosh/75/450/350" width="450" height="350"
seamless="seamless" scrolling="no"></iframe>
<br>
tags)Yes, I know. I did it on purpose.
For more on the name, read deeper →
You can make changes to anything you see on the screen, by including CSS into any card:
<style>
.some-class {
background: somecolor;
}
</style>
Some of our users use AutoHotKey to insert quick common phrases or codes into their cards.
Check this script file for a few shortcut examples (turn url into hyperlink, image, etc):
(Thanks to Rob W. for this!)
(Same video as homepage)
You format cards by typing in Markdown text. You can access a cheat sheet of the formatting options by pressing Ctrl+M.
To Insert images, press Ctrl+Shift+I
while in edit mode to bring up the Filepicker.io dialog.
(if the shortcut doesn’t work, contact me and I’ll look into it)
For a quick guide on some of the ways to structure information with Gingko, check out this video:
There’s no simple way to do this, other than to have a “name” row or regular cards. But these scroll out of view.
If you’re persistent, you might be able to figure out a way to do this by including Javascript & CSS in a card. (e.g. use jQuery to prepend an h1 tag).
Here are some examples:
See the Templates and Examples for more ideas.
If you see yourself working mostly offline, consider trying Gingko Desktop:
http://beta.gingko.io
Available for Windows, Mac, and Linux. It saves to local files, so you can have total control of your data, make your own backups. It also autosaves regularly, and has crash recovery.
What it doesn’t have, is collaboration, and automatic syncing.
This takes each card’s source text, and flattens it so it all appears as one linear document.
Use this to keep a local copy of your tree. (note: will not preserve the tree structure).
For printing or for copying to Word for PDF output, select this option.
This is a “flattened” copy of your tree, and doesn’t preserve the tree structure.
Use this to turn your tree into a slideshow. This means you can quickly create a clean and well-organized slideshow in Gingko!
This is a basic format that saves all your tree content and the structure.
Use this for local backups, or if you want to copy a tree/subtree to some other tree. (see “How do I copy a part of my tree”).
If you need to export to these or similar formats, Professor Marcelo Steins (in Brazil) has put together a handy list of options here:
https://gingkoapp.com/micropublishing
(“Obrigado marcelo!”)
Just click the “Backup All Files” button in the gear menu (top right).
We named our app “Gingko”, after ginkgo biloba, an ancient tree found on every continent. Some of the reasons for the name:
We mispelled “Gingko” on purpose, for two reasons.
First, it seems a more natural spelling to me (both phonetically, and visually). And second, it would help with SEO and with securing domain names, accounts, etc.
<style>
#c3 {
width: 800px !important;
}
</style>
Note that if you change the widths too much, horizontal scrolling will be a little off.
Add this to any card on your tree to get a slightly higher contrast look:
<style>
body {
background-image: linear-gradient(to bottom,#C7CDD4,#989FA8);
}
.cards {
background: #DAD8D8;
}
</style>
First, find the id of the card. You can do this by:
<li id="card12345090af2144f2540abcdef" ...
Then add this code to any card:
<style>
#card12345090af2144f2540abcdef {
background-color: #FFF5C5;
}
</style>
You can keep all your color changes in one card, for simplicity. (If you can’t click on card after, just refresh).
You can add customization to the HTML Export, by adding a card somewhere in your tree, with the following code:
<style>
article.html-export {
/* Your CSS here */
}
</style>
You can use this to change the look of fonts, font-sizes, background colors/images, or anything else on the page.