Website Syntax Examples

markdown Go GoTemplate

Markdown

Text manipulations

## Note: Avoid underscores so that it doesn't interfere with MathJax. Use asterisks instead:
**bold**
*italic*
***bold-italic***
~~strikethrough~~
`code`

bold
italic
bold-italic
strikethrough
code

Extended text manipulations

## Note: For the following, one must add `markup: mmark` to the front matter:
x~subscript~
x^superscript^

xsubscript
xsuperscript

## External link:
[**Website Settings and Tutorials**](https://blabuva.github.io/Settings_Website/ "Update the Website yourself!")

## External link with title:
[**Linux Settings and Tutorials**](https://blabuva.github.io/Settings_Linux/ "Manage the server!")

## Internal absolute link to a markdown or html file:
[(Hu)go Template Primer](/guides/goisforlovers/ "Learn how to Go Template!")

## Internal relative link to a markdown or html file:
[Osmolality Cheatsheet](/lab-links/ephys/guides/procedures/osmolality-cheatsheet-website-version/ "Learn how to check osmolality!")

## Internal link to an index page:
[Lab Members](/members "Members Only!")

## Internal link to a resource file with text bolded:
[The Axon Guide](/lab-links/ephys/The Axon Guide.pdf)

## Link that opens up in a new tab using shortcode link.html (This code is rendered when shown on the website)
<a href="https://blabuva.github.io/Settings_Website/" target="_blank">**Website Settings and Tutorials**</a>
<a href="/lab-links/ephys/The%20Axon%20Guide.pdf" target="_blank">The Axon Guide</a>

## Reference style links
You can access the [server's files through Windows][Instructions_connect_to_server] and access them via [Sublime Text][1] or [Typora].

Website Settings and Tutorials
Linux Settings and Tutorials
(Hu)go Template Primer
Osmolality Cheatsheet
Lab Members
The Axon Guide
Website Settings and Tutorials
The Axon Guide
You can access the server's files through Windows and access them via Sublime Text or Typora.

Images (Also see Processed Images below)

## Image with alternative text and title
![image of a brain](/members/images/brain.jpg "BIG BRAIN!")

## Image with alternative text and title
![image of a template person](images/template.jpg "TEMPLATE")

## Reference style
![image of a brain again][brain image]

## Image that doesn't exist
![Image that doesn't exist](images/none.jpg "WHY???")

image of a brain
BIG BRAIN!

image of a template person
TEMPLATE

image of a brain again
2nd BRAIN!

Image that doesn't exist
WHY???

Bulleted Lists

- item
    - subitem
        - subsubitem
        - subsubitem
    - subitem
        - subsubitem
        - subsubitem
- item
- item
  • item
    • subitem
      • subsubitem
      • subsubitem
    • subitem
      • subsubitem
      • subsubitem
  • item
  • item

Ordered Lists

1. Ordered
    1. Subordered
       Line 1
       Line 2
    2. Subordered
2. Ordered
3. Ordered
  1. Ordered
    1. Subordered
      Line 1
      Line 2
    2. Subordered
  2. Ordered
  3. Ordered

Task Lists

- [ ] Incomplete task
- [x] Complete task
  • Incomplete task
  • Complete task

Tables

|  a  |  b  |  c  |
| --- | --- | --- |
|  1  |  3  |  5  |
|  2  |  4  |  6  |
a b c
1 3 5
2 4 6

Equations

Inline mode:  
Set $m = 3$ be the number of grad students and $n = 6$ be the number of undergrads, then

Display mode:  
$$\text{blabuva} = \text{Mark} + \Sigma_{i}^{m} \text{grad} + \Sigma_{i}^{n} \text{undergrad}$$

Set $m = 3$ be the number of grad students and $n = 6$ be the number of undergrads, then
\(\text{blabuva} = \text{Mark} + \Sigma_{i}^{m} \text{grad} + \Sigma_{i}^{n} \text{undergrad}\)

Emojis

😄
👫

😄
👫

Headings

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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Horizontal rulers

---
***


Blank lines

&nbsp;

 

Code Blocks

% Test unique()
test = unique(magic(3))

Quotes

Yippee!

Shortcodes

Cropped or resized images

No Captions
With Captions
/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fill_q75_box_center.jpg missing!

Example of Fill

 

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_resize_q75_box.jpg missing!

Example of Resize

 

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fit_q75_box.jpg missing!

Example of Fit with white background color

 

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fill_q75_box_center.jpg missing!

Example of floating to the right

 
 
 
 
You can have some text here. The figure will float to the right.
 
 
 
 
 
 
 
 
 
 

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fill_q75_box_center.jpg missing!

Example of floating to the left

 
 
 
 
You can have some text here. The figure will float to the left.
 
 
 
 
 
 
 
 
 
 

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fill_q75_box_center.jpg missing!

Example with increasing left-margins

 

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fill_q75_box_center.jpg missing!

Example of Fill with custom image style (Not working!)

 

Member introductions

/guides/website-syntax/images/template_hubf82f6a34981d02556ec2e1962dbbb30_119094_300x200_fill_q75_box_center.jpg missing!

Template

This is an example using the shortcode memberproc.html:
    The description can be typed in Markdown, and the pictures can be autimatically processed to match a specific size. The shortcode takes 4 arguments: the file name, the image processing action, the size of the image, and the figure caption.
Notes:

  1. If you need to change the styles of borders and background colors, etc., please modify the file /media/shareX/Website/static/css/mystyle.css.
  2. If you need to modify the html template, please modify the file /media/shareX/Website/layouts/shortcodes/memberproc.html.



File lists

COMING SOON ...

Flow charts

COMING SOON ...

Notices

COMING SOON ...

Buttons

COMING SOON ...

Expands

COMING SOON ...

Attachments

COMING SOON ...

Site params

COMING SOON ...