More than 3 years have passed since last update.

【Sapper】マークダウンBlogテンプレートを使ってNetlifyデプロイ

Last updated at 2020-09-12Posted at 2020-09-12

動作環境

% node -v
v12.18.3
% npm -v
6.14.6

1.テンプレート

GitHubで見つけた*『sapper-blog-template』*を使用させてもらいました。

DEMO | GitHub

ヘッダーのメニューからHome、About、Blogに遷移、Blog記事はマークダウンで作成する比較的シンプルなマークダウンブログのサイトです。Gatsbyと比べてSapper(svelte.js)は100%理解していなくても直感的にカスタムできる印象です。

README通りターミナルでコマンドを実行。

npx degit Charca/sapper-blog-template my-blog
cd my-blog
npm install # or yarn!
npm run dev

もしくはUse this templateからリポジトリを作ってcloneする。

clone出来たらREADMEと同じく、

npm i
npm run dev

これでlocalhost:3000で確認出来ます。

基本的なNetlifyの使い方は割愛しますが、
毎回*『Deploy settings』*の設定がわからなくなるのでメモ。

Build settingとPublish directoryの項目を入力。
✳︎　__sapper__/export("sapper"前後それぞれアンダーバーを2つ）

今回作ったDemoサイト