リニューアルをした(n回目)
ことの発端
CMS に飽きてきてそこまで有効活用しないし、
なんならスマートフォンから直接投稿とかしないよな…と思い立ちそれなら
markdown でいいのでは・・・?となり作り直してしまった。
使用したもの
svelteKit + markdown それだけ。markdown の parser は mdsvexを使用。
とてもシンプル、インタラクションも不要である、とした。
そして下に見えるように Component も載せられるので便利
0
コードはこんな感じ 色付けしないといけない…
<script>
let count = 0;
import Counter from '$lib/components/2022-02-27/Counter.svelte'
</script>
<div class="counter">
<button on:click={() => (count += 1)}>+</button>
<p class="count">{count}</p>
</div>
<style>
.counter {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.count {
font-size: 14px;
font-weight: bold;
margin-left: 14px;
margin-bottom: 0;
}
.counter {
margin-bottom: 0;
}
</style>