Skip to content

Improve rendering of code blocks / code listings #211

Open

Description

@skaldarnar

We are a technical project, and we'll probably show source code and code listings on our website every now and then.
Thus, it would be great if such code listings would fit into the overall theme and look better.

Right now, code blocks are hard to read due to a small font size.

image

I think a layout similar to how this is rendered here on Github would be a good improvement. Ideally, we'd also support language tags to get code highlighting.

Activity

  1. changed the title [-]Improve rendering of source code[/-] [+]Improve rendering of code blocks / code listings[/+] on Apr 21, 2023
  2. Rukki13 commented on Apr 30, 2024

    @Rukki13
    Contributor

    Hi, i've fixed the font size and imported the prism CSS style sheet.
    it now looks better:
    image
    For better syntax highlighting tailored for a specific language, like in the example below, the language must be specified in the md file above the code blocks.
    image
    image

  3. Rukki13 commented on Apr 30, 2024

    @Rukki13
    Contributor

    I've made a pull request here: #243

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions