Hello World, new blog is live on vercel

About

This blog uses ailwind Nextjs Starter Blog template.

I will use the blog to record my journey of new skill learning.

What I changed from the blog starter

customized font and theme color.
only use simple layout.

post meta

simple layout

title: O Canada
date: '2017-07-15'
tags: ['holiday', 'canada', 'images']
draft: false
summary: The scenic lands of Canada

Image banner layout, image stored in static/images folder.

title: O Canada
date: '2017-07-15'
tags: ['holiday', 'canada', 'images']
draft: false
layout: PostBanner
images: ['/static/images/canada/mountains.jpg']
summary: The scenic lands of Canada

Writing the post

Orgnizing the posts with tag and sub folder.

All posts stored in the folder: blog/

For example, the svelte related posts shall be in blog/svelte, the tailwindcss related posts shall be in blog/tailwind.

This is convinient to find and write the post.

fixes

2024-03-06 font source error in chrome console

Refused to load the font 'https://cdn.jsdelivr.net/fontsource/fonts/fira-mono@latest/latin-400-normal.woff' 
because it violates the following Content Security Policy directive: "font-src 'self'".

solution:

In next.config.js, change the font-src value. ref the doc

font-src  https://cdn.jsdelivr.net;