ブログ
Web制作
Nuxt/Content
Vue.js
12/29/2022
TOPページを少し豪華にした
TOPページに新着記事のリストを置いてみた。
あと、各種コンポーネントをMDC Syntaxでおくようにして、index.vueをシンプルに。
自動デプロイの設定
いろんなところの記事を参考に、GitHubへのpush時に自動的にデプロイされるようにActionを設定しました。 超便利
name: 🚀 Deploy website on push
on:
push:
branches:
- main
jobs:
deploy:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup Node
uses: actions/setup-node@v3
with:
node-version: "latest"
- name: Install
run: npm ci
- name: Build
run: npm run generate
- name: Sync files
uses: SamKirkland/FTP-Deploy-Action@4.3.3
with:
local-dir: ./dist/
server: ${{ secrets.FTP_SERVER }}
username: ${{ secrets.FTP_USERNAME }}
password: ${{ secrets.FTP_PASSWORD }}
server-dir: ${{ secrets.FTP_SERVER_DIR }}
TODO
- push時自動デプロイ
- 新着記事リスト
- index.vueのスリム化
- タグ検索の実装
- 記事のimageに絵文字を使えるようにする(Zenn風にしたい)
- このサイトをGitHubにPublic Templateとして公開する