My jekyll blog template have links to resources and pages like so:

```
{{ site.url }}/my-page.html

```

This works well in deployment, but when I run `jekyll serve` in development, all of the links point to the live page instead of the development page.

```
my-site-url/my-page.html

# But I want this in development
localhost:4000/my-page.html

```

Is there a way to make jekyll use a different `{{ site.url }}` in development?