diff --git a/content/blog/post-template.mdx b/content/blog/post-template.mdx index cda520e..f3f0141 100644 --- a/content/blog/post-template.mdx +++ b/content/blog/post-template.mdx @@ -1,9 +1,281 @@ --- title: Post Template description: This is a description -image: /placeholder.jpg +image: /blog/placeholder.jpg date: 2023-12-23 published: false --- -Lorem Ipsum +--- + +# h1 Heading + +## h2 Heading + +### h3 Heading + +#### h4 Heading + +##### h5 Heading + +###### h6 Heading + +## Horizontal Rules + +--- + +--- + +--- + +## Typographic replacements + +Enable typographer option to see result. + +(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 bold text** + +_This is italic text_ + +_This is italic text_ + +~~Strikethrough~~ + +## Blockquotes + +> Why is Tailwind removing the default styles on my `h1` elements? How do I disable this? What do you mean I lose all the other base styles too? +> We hear you, but we're not convinced that simply disabling our base styles is what you really want. You don't want to have to remove annoying margins every time you use a `p` element in a piece of your dashboard UI. And I doubt you really want your blog posts to use the user-agent styles either — you want them to look _awesome_, not awful. + +> Blockquotes can also be nested... +> +> > ...by using additional greater-than signs right next to each other... +> > +> > > ...or with spaces between arrows. + +## Lists + +Unordered + +- Create a list by starting a line with `+`, `-`, or `*` +- Sub-lists are made by indenting 2 spaces: + - Marker character change forces new list start: + - Ac tristique libero volutpat at + * Facilisis in pretium nisl aliquet + - Nulla volutpat aliquam velit +- Very easy! + +Ordered + +1. Lorem ipsum dolor sit amet +2. Consectetur adipiscing elit +3. Integer molestie lorem at massa + +4. You can use sequential numbers... +5. ...or keep all the numbers as `1.` + +Start numbering with offset: + +57. foo +1. bar + +## Code + +Inline `code` + +Indented code + + // Some comments + line 1 of code + line 2 of code + line 3 of code + +Block code "fences" + +``` +Sample text here... +``` + +Syntax highlighting + +```js +var foo = function (bar) { + return bar++; +}; + +console.log(foo(5)); +``` + +```js /age/#v /name/#v /setAge/#s /setName/#s /50/#i /'Taylor'/#i +const [age, setAge] = useState(50); +const [name, setName] = useState("Taylor"); +``` + +```html +
+

Garlic bread with cheese: What the science tells us

+

+ For years parents have espoused the health benefits of eating garlic bread + with cheese to their children, with the food earning such an iconic status + in our culture that kids will often dress up as warm, cheesy loaf for + Halloween. +

+

+ But a recent study shows that the celebrated appetizer may be linked to a + series of rabies cases springing up around the country. +

+
+``` + +## 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. | + +| Wrestler | Origin | Finisher | +| ----------------------- | ------------ | ------------------ | +| Bret "The Hitman" Hart | Calgary, AB | Sharpshooter | +| Stone Cold Steve Austin | Austin, TX | Stone Cold Stunner | +| Randy Savage | Sarasota, FL | Elbow Drop | +| Vader | Boulder, CO | Vader Bomb | +| Razor Ramon | Chuluota, FL | Razor's Edge | + +Right aligned columns + +| 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 + +[link text](https://markdown-it.github.io/) + +[link with title](https://markdown-it.github.io/ "title text!") + +Autoconverted link https://markdown-it.github.io/ (enable linkify to see) + +Code tag inside link [`tailwindcss/docs`](https://github.com/tailwindcss/docs) + +## Images + +![Minion](https://octodex.github.com/images/minion.png) +![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") + +Image + +Like links, Images also have a footnote style syntax + +![Alt text][id] + +With a reference later in the document defining the URL location: + +[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat" + +## Plugins + +The killer feature of `markdown-it` is very effective support of +[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin). + +### [Emojies](https://github.com/markdown-it/markdown-it-emoji) + +> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum: +> +> Shortcuts (emoticons): :-) :-( 8-) ;) + +see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji. + +### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup) + +- 19^th^ +- H~2~O + +### [\](https://github.com/markdown-it/markdown-it-ins) + +++Inserted text++ + +### [\](https://github.com/markdown-it/markdown-it-mark) + +==Marked text== + +### [Footnotes](https://github.com/markdown-it/markdown-it-footnote) + +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. + +### [Definition lists](https://github.com/markdown-it/markdown-it-deflist) + +Term 1 + +: Definition 1 +with lazy continuation. + +Term 2 with _inline markup_ + +: Definition 2 + +``` + { some code, part of Definition 2 } +``` + + Third paragraph of definition 2. + +_Compact style:_ + +Term 1 +~ Definition 1 + +Term 2 +~ Definition 2a +~ Definition 2b + +### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr) + +This is HTML abbreviation example. + +It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on. + +\*[HTML]: Hyper Text Markup Language + +### [Custom containers](https://github.com/markdown-it/markdown-it-container) + +::: warning +_here be dragons_ +::: + + + The text below is from the [Tailwind + CSS](https://play.tailwindcss.com/uj1vGACRJA?layout=preview) docs. I copied it + here to test the markdown styles. **Tailwind is awesome. You should use it.** + diff --git a/content/blog/how-to-deploy-nextjs-apps.mdx b/content/blog/welcome-to-my-blog.mdx similarity index 98% rename from content/blog/how-to-deploy-nextjs-apps.mdx rename to content/blog/welcome-to-my-blog.mdx index 073e6f6..e0707d3 100644 --- a/content/blog/how-to-deploy-nextjs-apps.mdx +++ b/content/blog/welcome-to-my-blog.mdx @@ -1,8 +1,9 @@ --- -title: Deploying Next.js Apps -description: How to deploy your Next.js apps on Vercel. -image: /test.png -date: 2021-12-24 +title: Hello, World! Welcome to my blog! +description: I've been proscrasting a lot making this together, let's start the journey! +image: /blog/placeholder.jpg +date: 2023-09-05 +published: false --- diff --git a/public/placeholder.jpg b/public/blog/placeholder.jpg similarity index 100% rename from public/placeholder.jpg rename to public/blog/placeholder.jpg diff --git a/public/test.png b/public/test.png deleted file mode 100644 index 46363f6..0000000 Binary files a/public/test.png and /dev/null differ