I've co-located my images with my posts:

posts/

./post-1/
- image.png
- image-2.png
- index.md

Currently, the URL to see the post is site.com/post-1/index.

How can I get the URL to be site.com/post-1?

Is it better to return it directly?

is there a fix/option for this? or am I doing something wrong here blog.abschill.com/feed if you want to see the bug if I open it with an rss reader its showing the pre-nginx proxied url on 8000 from deno

https://github.com/denoland/deno_blog/blob/main/blog.tsx#L361

apologies if i am misunderstanding how rss works but I would be looking to change this variable and override it with the domain correct?

Is there any plan to add support for OG Images or social cards?

presetUno() will result in a type error, but it does not appear from the README that any options are required.
Am I using it wrong?

❯ deno check main.tsx
Check file://path/to/project/main.tsx
error: TS2322 [ERROR]: Type 'Preset<Theme>' is not assignable to type 'Preset<{}> | Preset<{}>[]'.
  Type 'Preset<Theme>' is not assignable to type 'Preset<{}>'.
    Types of property 'rules' are incompatible.
      Type 'Rule<Theme>[] | undefined' is not assignable to type 'Rule<{}>[] | undefined'.
        Type 'Rule<Theme>[]' is not assignable to type 'Rule<{}>[]'.
          Type 'Rule<Theme>' is not assignable to type 'Rule<{}>'.
            Type '[RegExp, DynamicMatcher<Theme>]' is not assignable to type 'Rule<{}>'.
              Type '[RegExp, DynamicMatcher<Theme>]' is not assignable to type '[string, CSSObject | CSSEntries]'.
                Type at position 0 in source is not compatible with type at position 0 in target.
                  Type 'RegExp' is not assignable to type 'string'.
      presetUno(),

My main.tsx is like this.

/** @jsx h */

import blog from "https://deno.land/x/[email protected]/blog.tsx";
import presetUno from 'https://esm.sh/@unocss/[email protected]'

blog({
  ...,
  unocss: {
    presets: [
      presetUno(),
    ],
  },
});

I noticed that the generated RSS feed doesn't include the post content, but the library that's being used to generate it supports content.

Was this an intentional decision? Would you be open to either adding the content by default, or through a setting? I can create a PR if you're ok with either.

The main reason is pathname conflict in these two file:

• testdata/posts/fifth.md
• testdata/posts/fifth-uses-pathname.md

in fifth-uses-pathname.md, there is pathname: "/fifth" setting, so both file uses http://localhost:8000/fifth.

This is probably because the order in which files are stored differs depending on the execution environment when walking files under the posts directory.

So this assertion fails only in CI:

https://github.com/denoland/deno_blog/blob/main/blog_test.ts#L167

Renaming fifth.md solves it. However, it should display an error.

Thanks for the awesome project!

I really want to use, but it seems there are no license specified.
Is this project intentionally unlicensed? Or, just forget to put it?

See: https://github.com/denoland/deno_blog/blob/4bbfc34de59e7648c909207b9687f7f959fb506d/.github/preview.png

Request /hmr.js, return "Internal server error"
Function fromFileUrl throwed error: Uncaught TypeError: Must be a file URL

Hi, I've tried to deploy the minimal blog example to Deno Deploy, but encountered this issue:

I'm pretty new to Deno ecosystem and I'm not sure how I can debug it, especially if I cannot reproduce it on my machine. Locally (deno task dev) works just fine - no issues.

First of all, congratulations on this project! I really enjoy it.

I'd like to discuss an issue that I'd very much like to work on. But I thought I'd get everyone's opinion on it before forking.

Today, the blog pretty much only supports English as the language used on the page besides the content provided on the posts.

Things like: Read More (on the PostCard component), Home (on the PostPage component), etc.

I see that there is already a slot in the components for using a different language. For instance, in the PostCard component:

There is the lang parameter that is ultimately taken from the blog config options. Today, it is unused, but it would be ideal for this feature. I think it was left there for this purpose exactly.

So, what is missing here is a mapping between languages ISO codes and the text used in the components.

One way of accomplishing this is as follows:

So in each component we needed this feature we would have a mapping of ISO language codes and the corresponding text in each language. For example, in the PostCard component:

And then use it as follows:

So what do you guys think?

main.tsx:

[...snip...]
redirects({
  "/github": "https://github.com/levex"
}),
[...snip...]

When navigating to the Deno Deployed blog: https://lev.deno.dev/github the redirect is treated as internal and it 302s me to https://lev.deno.dev/https://github.com/levex

There should be an option to mark a redirect as external, or at least a heuristic.

It seems that gfm has turned on syntax highlighting for JavaScript, Markdown, and HTML by default. And I saw that syntax highlighting for C is also supported by this repo.

Is there a preferred way to support other languages?

It would be great to have a way to set a custom directory for blog content so we can compile blog in one machine and use the compiled output file on another machine to host the blog.

This way for example we can set the custom path like this:

blog({
    customDirectory: "/home/myuser/blog/"
});

I'd like to send a PR for this feature.

Hi,

I don't know where the repo of nanossr is.

Would be nice to include the new attributes props of <Helmet />.

Example:

const App = () => {
  return (
    <div>
      <Helmet>
        <html lang="en" amp />

        <body class="root" />
        <body class="main" id="id" />

        <title>Nano JSX Helmet SSR</title>
        <meta name="description" content="Nano-JSX application" />
      </Helmet>

      <Helmet footer>
        <script src="/this/belongs/to/the/footer.js"></script>
      </Helmet>

      <h1>Hello nano!</h1>
    </div>
  )
}

const app = Nano.renderSSR(<App />)
const { body, head, footer, attributes } = Helmet.SSR(app)

const html = `
<!DOCTYPE html>
<html ${attributes.html.toString()}>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    ${head.join('\n')}
  </head>
  <body ${attributes.body.toString()}>
    ${body}
    ${footer.join('\n')}
  </body>
</html>
`

I'm using this deno_blog with ga middleware, but Google Analytics not working.
I think I found the cause, it is missing await in this line.

Reproduce

Here's my main.ts file.

import blog, { ga, redirects } from "blog";

blog({
   ...
  middlewares: [
    // If you want to set up Google Analytics, paste your GA key here.
    ga("G-XXXXXXXXXX"),
  ],
});

Light theme not work at detail page

<div class="mt-8 markdown-body" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark"></div>

if i remove data-dark-theme="dark", it's work

My markdown file is this:

---
title: Hello world!
publish_date: 2022-05-29
---

It costs about $100 to buy a new computer.

but it is rendered to:

<div><p>It costs about </p><div>00 to buy a new computer.<p></p>
</div></div>

Do you have any idea?

I also tested deno-gfm. input:

import { CSS, render } from "https://deno.land/x/[email protected]/mod.ts";
const markdown = "It costs about $100 to buy a new computer.";
const body = render(markdown);
console.log(body)

output:

<p>It costs about $100 to buy a new computer.</p>

The last formatting messed this up. There should be a space between at and the date.

By Author at2022/01/01 in Post page

Inline markdown could be useful for lightweight markup on blog post titles, and it could be implemented easily with Marked's parseInline function.

Finally, I found the Best and Minimal Blog Generator
but it required some options to enhance

• Custom Font
• Edit Default CSS or Override CSS for a custom look
• Canonical URL
• Pagination
• default search function
• robots.txt
• sitemap

Hi, I have this error after create a new version of my blog.

TypeError: Cannot read properties of undefined (reading 'rid')
    at https://deno.land/[email protected]/node/_process/streams.mjs:137:35

It would be nifty to be able to javascript Canvas API things from within markdown, imo.

many thanks,

This would be a lovely affordance for writing informative, meandering, well-researched, well-referenced blog posts.

As seen here.

Hello contributors.

Seeing as this repo is growing in size, I think it would be good to add a Documentation page that explain all the available BlogSettings or how to syntax highlight other files and whatever. Owing to the minimalist nature of this, a single DOCS.md page would be enough for me. RFC

Given that (at some point) the deno blog isn't fetching dynamic data but rather a website for all users, the deno blog should be able to generate static files.

Blog is hosted on deno deploy at https://smote.io and is taking about 7 seconds to load on initial load. Once it's been loaded, it moves normally. There's no warnings or errors coming out of the logs... Is this normal?

From skimming the code, it looks like it searches from the current directory recursively to look for files ending with .md files and loads them all into memory. Maybe explain this in the README?

• Merge #118
  • write test
• Merge #120
• Publish

When working on new posts, edition your sites files, or doing any task while deno task dev is running, the date displayed on posts is a day behind.

---
title: Hello world!
publish_date: 2022-07-13
---

Results in 07/12/22 being displayed in the development environment. In production on Deno Deploy this is a non-issue but I keep having this bug on a variety of Linux distros.

Production

The texts are unreadable when the user's browser prefers dark theme.

Hi.

I found a bug in composeMiddlewares.

The reverse function change the array of caller by breaking. The order of state.middlrewares change every time.

I recommend using slice().reverse() instead of reverse().

Sorry, my english is very poor!

Non-unicode markdown files not support.

Steps

1. Create markdown file into posts folder, filename use "中文名称.md".
2. Start deno server deno task dev.
3. Click 'Read More' on website.
4. Result is 'Not Found'

Currently, there is no way to customize the runtime port via environment variables. This can be irritating, and is an easy fix.

#48 is a pull request to redress this issue. By defining BLOG_PORT one can customize their runtime port. Otherwise, it'll default to 8000. @bartlomieju

There isn't currently an icon for Mastodon links. Would you be open to adding one?

I've already personally added one and can submit a PR if that is okay.

I find the [toc] tag is not supproted.

could use the rssDomain i added in the last push & we could just rename to canonicalUrl or something and use it for this as well, I can do this later this week if nobody else finds time

Originally posted by @abschill in #19 (comment)

deno run -r --allow-read --allow-write https://deno.land/x/blog/init.ts ./blog
cd blog
deno task dev

error

Task dev deno run --allow-net --allow-read --allow-env --watch main.tsx --dev
Watcher Process started.
error: invalid data
    at https://deno.land/x/[email protected]/deps.ts:10:25
Watcher Process failed. Restarting on file change...

deno 1.35.0 linux

I worked out some CSS and HTML and I like what Deno is trying to do. Is there any way to make custom templates and include a custom stylesheet and use custom classes? I'd like to rewrite my blog in Deno...

markdown file looks like this:

---
title: Hello world!
publish_date: 2023-03-09
disable_html_sanitization: true
---

This is my first blog post!

<iframe src="https://editor.p5js.org/capogreco/full/lqJs887v-"></iframe>

Which should show an embed of one of my p5 sketches. Alas, it looks like this:

ie. the iframe was sanitized out. Am I doing something wrong, or is disable_html_sanitization not working?

Both ordered and unordered lists look like this:

As it says in the title. Neither lists with numbers, ie.

1. first item
2. second item
3. third item

... nor lists with dashes, ie.

- this item
- that item
- the other item

... are showing up with their respective numbers / dot points. Indentation is correct, and the items are fine, just the numbers / dot points seem to be invisible.

Is this a global issue, or just me? Might be a CSS thing?

as the title said it only support html, css and js. That means other language like ts, python or golang won't be highlight

Example implementation: https://w3collective.com/calculate-reading-time-javascript/

This should be possible to disable it but enabled by default.

I want to implement Plausible Analytics for my blog. This requires linking a script tag in the . From looking at the code, I could fork the repo and add the script to sharedHtmlOptions, however that would mean I would need to swap dependencies which I'd like to avoid. Is there a way to add a <script> tag to the without modifying the source code?

I would like to know if this is intentional or an issue.

Thanks!

Hi, is there a way I can change my text's theme to light mode? Is there a method in the blog(); method like there is for title, description, author, etc. like in down below?

blog({
  title: "Egyptian Religion....",
  description: "and why it was important to the people...",
  author: "Deno"
)};