Images
So lets talk about images and using them effectively in your article.
First if you look under File Upload you will see I already uploaded some pictures of different sizes and styles
You can input images one of two way
First, Inline
Second, you can do it reference style
![alt text][unique-name-for-pic]
And then somewhere else in your document
[unique-name-for-pic]: /image/url.ext "Optional Logo Text"
For example:
Checkout this
Lorem ipsum dolor sit amet, semper ponderum at per, nisl persius ad pri. His ea adhuc aliquip detracto, no cum movet eirmod docendi. Te velit impedit phaedrum vix, qui ei ipsum consetetur. Ad pri ferri porro postea, mea et vero veri errem.
Sea no vero vide dicta, cum ea feugiat hendrerit, duo latine appetere ei. Eum ut partem hendrerit forensibus, natum feugait has in, in sensibus constituto vis. Menandri intellegam intellegebat sed ut, mei invenire salutatus disputationi in, facer semper nominati mei cu. Error choro volumus pri ne, solet accumsan te est, sanctus expetenda in est. Te tritani ancillae instructior mei, vis ei semper menandri constituto. Nec tota delicatissimi in, cu sit justo nobis veritus.
Quot consequat has ex, nec eu sale inimicus. No mei ludus scaevola evertitur, eos quod paulo cu, ei vel nonumy dissentias. Fierent percipit qui no. Illum graece deleniti pro no, aliquip eligendi apeirian in has, minimum honestatis persequeris sea an. Persius delectus inimicus ei mel, quod graeci saperet eam at, sit odio possim vivendo cu.
Using the Image uploader
You can upload jpegs, and pngs of size 2mb or smaller. If your pic is bigger, we can talk about upping that limit, but it is my experience that it is unnecessary, and proper compression is more helpful than continuously serving huge images, as that just decreases the overall speed of the site and costs more bandwith (which could be important if we end up hosting off site). That sheep and dog pic is only 100kb after all.
Anyway, after you upload your pics, which hopefully it is completely intutitive how to do so. You will be able to use those three little buttons to view the url, insert it into the body of the article at the caret location, or copy it to your clipboard and simply paste it wherever.
Lets edit our pic using HTML and CSS.
ahh its too big
- Well we can use regular html and inline CSS and shrink it down
- OR we can use our markdown syntax, and include an id or class for our image element, and indicate in our LESS/CSS tab a css style, like so
- We can also use the markdown syntax, and use image reference
note: Just a reminder, classes can be used multiple times on a page, but an id should only be used once per page