Skip to main content

Search

Items tagged with: markdown


Interesting: Open-Source #GPT-4 Platform for #Markdown

https://markprompt.com/


At all #eleventy folks out there. Is there a easy way to preprocess the markdown files. I would like to use the ==marked== syntax to get <mark>marked</mark> .

At the moment i am using a custom shortcode, but it is still a bit tedious.

Thankful for anyone who can point me in the right direction. 🙏

#webdev #markdown #11ty


Did someone say Markdown in components? Yep, you can now do that in Kitten (as of a few minutes ago in main).

Markdown support is now in the core renderer and every Kitten feature is now supported under Markdown as it is under HTML (Kitten conditionals, components, etc.)

Mix and match to your heart’s desire :)

:kitten:💕

https://codeberg.org/kitten/app

#Kitten #SmallWeb #Markdown #markup #html #web #dev
Screenshot with Helix Editor editing index.page on the left side of the screen and a browser showing the page rendered (it’s a mock blog example with a heading, a figure with my photo and the caption It’s-a me… Mario! Umm… Aral, an example of syntax highlighting in a code listing and a dynamic Comments section.

Excerpt of code in editor:

if (!db.comments) db.comments = []

const Footer = _ => markdown`
  <footer class='Footer'>

    ---
    Copyright (c) 2023-present, Aral Balkan.
    
    Released under [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)](https://creativecommons.org/licenses/by-nc-sa/4.0/)

  </footer>
  <style>
    .Footer { margin-top: 2em; margin-bottom: 3em; }
    .Footer p { text-align: center; font-size: small; }
  </style>
`

// This is a demonstration of using the markdown tagged template function.
export default _ => ({
  markup: markdown`
    # My lovely blog

    ![Black and white photo (close-up) of a white passing man](https://ar.al/images/aral-432.jpg "It’s-a me… Mario! Umm… Aral.")

    Lots of interesting things, including code snippets:

    [code js]
    function say (message) {
      console.log(message)
    }
    [code]

    <h2>Comments</h2>

    <if ${db.comments.length === 0}>
      <p>No one’s commented yet… be the first?</p>
    <else>
      <ul>
        ${db.comments.map(comment => html`



Right, Kitten’s initial Markdown support implementation is now in main.

I’ll be adding better examples and comprehensive documentation as I go but if you want to have a play, these resources should help:

Kitten Count example in Markdown: https://codeberg.org/kitten/app#html-is-so-1991-introducing-markdown

Components example (which demonstrates nearly all the supported features): https://codeberg.org/kitten/app/src/branch/main/examples/components/index.page

PS. Huge thanks to the markdown-it folks & the various plugin authors for making this possible.

#Kitten #SmallWeb #markdown #web #dev


Hooray for #markdown! I hope they pick a good implementation with lots of cross-functionality.


I hope they gove that release update the Nickname "Aaron"...

Cuz #AaronSwartz made #Markdown...