Create example posts
This commit is contained in:
parent
8e2b685a9e
commit
62194d305e
126
src/posts/2022-11-02-markdown.md
Normal file
126
src/posts/2022-11-02-markdown.md
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
---
|
||||
title: 'Post with all the markdown'
|
||||
description: 'A lot of markdown packages are installed to help you write your posts. All presets are personal preference.'
|
||||
date: "2022-11-02"
|
||||
tags:
|
||||
- "Demo"
|
||||
- "Example"
|
||||
---
|
||||
|
||||
A lot of markdown packages are installed to help you write your posts. You can configure them in `config/plugins/markdown.js`.
|
||||
|
||||
As of my personal preference, there are some presets. For example the automatic conversion of web pages to links (lenesaile.com) and the automatic addition of `target: '_blank'` and `rel: 'noreferrer noopener'` for external links (all links with the pattern`/^https?:/`).
|
||||
|
||||
This is a small pitfall! Take care to not prefix your internal links with your domain, or else they will be treated ad external as well. To link internally use this pattern:
|
||||
|
||||
```
|
||||
An internal link to the [about page](/about/)
|
||||
```
|
||||
|
||||
## h2 Heading
|
||||
|
||||
### h3 Heading
|
||||
|
||||
#### h4 Heading
|
||||
|
||||
Muffin bonbon jujubes cheesecake chupa chups shortbread ice cream cotton candy cake. Jelly-o biscuit dessert danish dessert pastry tootsie roll lemon drops gingerbread. Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears.
|
||||
|
||||
Soufflé topping shortbread lemon.
|
||||
|
||||
## hr
|
||||
|
||||
---
|
||||
|
||||
## Typographic replacements
|
||||
|
||||
**The replacement converts this input:**
|
||||
|
||||
```
|
||||
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
|
||||
test.. test... test..... test?..... test!....
|
||||
!!!!!! ???? ,, -- ---
|
||||
"Smartypants, double quotes" and 'single quotes'
|
||||
```
|
||||
|
||||
**To this:**
|
||||
|
||||
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
|
||||
test.. test... test..... test?..... test!....
|
||||
!!!!!! ???? ,, -- ---
|
||||
"Smartypants, double quotes" and 'single quotes'
|
||||
|
||||
## Emphasis
|
||||
|
||||
**This is bold text**
|
||||
_This is italic text_
|
||||
~~Strikethrough~~
|
||||
|
||||
## Blockquote
|
||||
|
||||
> rbread. Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears. Cotton candy cookie croissant fruitcake.
|
||||
|
||||
## Lists
|
||||
|
||||
### Unordered lists
|
||||
|
||||
- Create a list by starting a line with `+`, `-`, or `*`
|
||||
- Sub-lists are made by indenting 2 spaces:
|
||||
- Very simple!
|
||||
|
||||
### Ordered lists
|
||||
|
||||
1. Lorem ipsum dolor sit amet
|
||||
2. Consectetur adipiscing elit
|
||||
3. Integer molestie lorem at massa
|
||||
|
||||
## Code
|
||||
|
||||
Syntax highlighting
|
||||
|
||||
```js
|
||||
var foo = function (bar) {
|
||||
return bar++;
|
||||
};
|
||||
|
||||
console.log(foo(5));
|
||||
```
|
||||
|
||||
## Tables
|
||||
|
||||
| Option | Description |
|
||||
| ------ | ------------------------------------------------------------------------- |
|
||||
| data | path to data files to supply the data that will be passed into templates. |
|
||||
| engine | engine to be used for processing templates. Handlebars is the default. |
|
||||
| ext | extension to be used for dest files. |
|
||||
|
||||
## Links
|
||||
|
||||
`rel="noreferrer noopener"` and `target="_blank"` is added automatically to external links. So is an indicator icon, see global-styles.css
|
||||
[link text](http://dev.nodeca.com)
|
||||
[link with title](http://nodeca.github.io/pica/demo/ 'title text!')
|
||||
|
||||
Autoconverted link https://github.com/nodeca/pica (enabled via linkify)
|
||||
|
||||
### Emojis
|
||||
|
||||
Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
|
||||
Shortcuts (emoticons): :-) :-( 8-) ;)
|
||||
|
||||
### mark
|
||||
|
||||
==Marked text==
|
||||
|
||||
### Footnotes
|
||||
|
||||
Footnote 1 link[^first].
|
||||
Footnote 2 link[^second].
|
||||
Inline footnote^[Text of inline footnote] definition.
|
||||
Duplicated footnote reference[^second].
|
||||
|
||||
[^first]:
|
||||
Footnote **can have markup**
|
||||
and multiple paragraphs.
|
||||
|
||||
[^second]: Footnote text.
|
||||
|
||||
\*[HTML]: Hyper Text Markup Language
|
||||
40
src/posts/2023-10-30-demos.md
Normal file
40
src/posts/2023-10-30-demos.md
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
---
|
||||
title: 'Demo pages'
|
||||
description: 'To avoid overloading this base with too many subtleties, I store special features in separate branches that (usually) keep up with the main branch.'
|
||||
date: "2023-10-30"
|
||||
tags:
|
||||
- Example
|
||||
- Test
|
||||
demos:
|
||||
- title: Gallery
|
||||
description: 'A gallery with good old "popup" functionality inside a dialog element, a new image shortcode that links directly to the image with its original dimensions, and a regular loop over images.'
|
||||
preview: 'https://eleventy-excellent-gallery.netlify.app/gallery/'
|
||||
branch: 'https://github.com/madrilene/eleventy-excellent/tree/demo-gallery'
|
||||
- title: Pagination
|
||||
description: 'The blog collection with a pagination of 2 posts per page. To work with visual current page indication, :has() pseudo-class support is required.'
|
||||
preview: 'https://eleventy-excellent-pagination.netlify.app/blog/page-1/'
|
||||
branch: 'https://github.com/madrilene/eleventy-excellent/tree/demo-pagination'
|
||||
- title: Tags
|
||||
description: 'The blog now features a basic tag system. Tags can be stored in front matter, as a YAML list or as an array.'
|
||||
preview: 'https://eleventy-excellent-tags.netlify.app/tags/'
|
||||
branch: 'https://github.com/madrilene/eleventy-excellent/tree/demo-tags'
|
||||
---
|
||||
|
||||
This is a very opinionated starter, but it can be further developed in many directions. In its current form, it can already be used as a simple blog.
|
||||
|
||||
To avoid overloading this base with too many subtleties, I put special features such as image gallery, tags, or pagination in separate branches that (usually... hopefully! 🫣 ) keep up with the main branch.
|
||||
Work in progress.
|
||||
|
||||
## Demos
|
||||
|
||||
{% for item in demos %}
|
||||
|
||||
<article class="flow my-m-l">
|
||||
<h3>{{ item.title }}</h3>
|
||||
<p>{{ item.description }}
|
||||
<div class="cluster">
|
||||
<a class="button no-indicator" href="{{ item.preview }}">Demo</a>
|
||||
<a class="button no-indicator" href="{{ item.branch }}">Branch</a>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
Loading…
Reference in a new issue