.LumeCMSを使ってみる - 小栗真弥 / Shinya Oguri

.LumeCMSを使ってみる

LumeCMSを使ってみる

はじめに

Denoの静的サイトジェネレータでLumeというのがあってDenoのSSGの中では一番良さそう

LumeのネイティブCMS機能として提供されているのがLumeCMS

公式のアナウンスはこちら→Announcing LumeCMS

とりあえず簡単なブログサイトをイメージして使ってみる

インストール

インストール作業というものはほぼ存在しないが・・・

Lumeのプロジェクトを作成する時に，CMSを使うところでYesを選択するだけ

code:sh

deno run -A https://lume.land/init.ts

Welcome to Lume v2.4.2!

? What kind of setup do you want? › Basic

? Choose the configuration file format › _config.ts (TypeScript)

? Do you want to setup a CMS? (More info at https://lume.land/cms/) › Yes

File saved: deno.json

File saved: _config.ts

File saved: .gitignore

File saved: _cms.ts

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

BENVIDO - WELCOME! 🎉🎉🎉

Lume has been configured successfully!

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

Quick start:

deno task serve to start a local server

deno task cms to start the CMS

See https://lume.land for online documentation

See https://discord.gg/YbTmpACHWB to propose new ideas and get help at Discord

See https://github.com/lumeland/lume to view the source code and report issues

See https://opencollective.com/lume to support Lume development

現在のファイル構成

DenoはNode.jsと違ってスッキリしてるのが最高だ

code:tree

tree

├── _cms.ts

├── _config.ts

├── _site

├── deno.json

└── deno.lock

とりあえず起動

なんも考えずにとりあえずdeno task serveで起動してみる

何も設定してないのでもちろん何も表示はされず404のページに行く

404のページの設定もきっとどこかにあるだろう

code:sh

deno task serve

Task serve deno task lume -s

Task lume echo "import 'lume/cli.ts'" | deno run -A - "-s"

Loading config file file:///Users/ogu/Repos/test-lumecms/_config.ts

🍾 Site built into ./_site

0 files generated in 0.00 seconds

Server started at:

http://localhost:3000/ (local)

http://192.168.43.43:3000/ (network)

https://gyazo.com/585594e4a7856d0d67b16370755d580a

LumeCMSを起動してみる

前述のdeno task serveは一旦Ctrl+Cで落として，LumeCMSをdeno task lume cmsで起動してみる

http://localhost:3000/adminにアクセスするように言われる

LumeCMSっぽい画面に飛ぶが，中身は特に何もないように見える

code:sh

deno task lume cms

Task lume echo "import 'lume/cli.ts'" | deno run -A - "cms"

Loading config file file:///Users/ogu/Repos/test-lumecms/_config.ts

CMS server started at:

http://localhost:3000/admin (local)

http://192.168.43.43:3000/admin (network)

https://gyazo.com/2531e7a21e11818b8138add6da853f73