$(document).ready(function () {
  // 省略

  function loadArticles() {
    $.getJSON('/api/list.php', function (data) {
      $('#article-list').empty()
      data.articles.forEach((article) => {
        let link = $('<a>').attr('href', `?file=${article.file}`).text(article.title)
        link.click(function (event) {
          event.preventDefault()
          loadMarkdown(article.file)
        })
        $('#article-list').append($('<li>').append(link))
      })
    })
  }
})

<?php
require __DIR__ . '/vendor/autoload.php';

use Ren510dev\MarkdownBlog\MarkdownParser;

header("Content-Type: application/json; charset=UTF-8");

$filename = isset($_GET['file']) ? basename($_GET['file']) : '';
$filePath = "blog/$filename";

if (!$filename || !file_exists($filePath)) {
  echo json_encode(["error" => "File not found"]);
  exit;
}

$markdownContent = file_get_contents($filePath);
$html = MarkdownParser::parse($markdownContent);

echo json_encode(["html" => $html]);

// 省略

### ./data/topics/data.yaml ###
- category: 'Blog'
  tags:
    - 'orenge-diary'
    - 'rebuild'
    - 'next-js'
    - 'vercel'
  thumbnail: '<Cloudinary で管理している 画像パス>'
  url: '/blog/orenge-diary-renewal'

/* next.config.js */
module.exports = withBundleAnalyzer({
  webpack: (config, { dev, isServer }) => {
    // 省略

    config.module.rules.push({
      test: /\.yaml$/,
      use: ['yaml-loader'],
    })

    return config
  },
})

import React from 'react'
import Link from '@/components/Link'
import Hashtag from '@/components/Hashtag'
import data from '@/data/topics/data.yaml'

const noImagePath = '/static/general/no-image.png'
const topicsData: Topic[] = data.topics

interface Topic {
  category: string
  tags: string[]
  thumbnail: string
  summary: string
  url: string
}

const todayDate = new Date().toLocaleDateString('ja-JP', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
})

export default function RecentArticles() {
  return (
    <div className="rounded-md border border-solid bg-opacity-5">
      {topicsData.map((topic, index) => {
        const { category, tags, thumbnail, url } = topic
        const impression = thumbnail !== '' ? thumbnail : noImagePath
        const isLast = index === topicsData.length - 1
        return <React.Fragment key={index}>{/* 省略 */}</React.Fragment>
      })}
    </div>
  )
}

#!/bin/sh

if [ -z "$husky_skip_init" ]; then
  debug() {
    [ "$HUSKY_DEBUG" = "1" ] && echo "husky (debug) - $1"
  }

  readonly hook_name="$(basename "$0")"
  debug "starting $hook_name..."

  if [ "$HUSKY" = "0" ]; then
    debug "HUSKY env variable is set to 0, skipping hook"
    exit 0
  fi

  if [ -f ~/.huskyrc ]; then
    debug "sourcing ~/.huskyrc"
    . ~/.huskyrc
  fi

  export readonly husky_skip_init=1
  sh -e "$0" "$@"
  exitCode="$?"

  if [ $exitCode != 0 ]; then
    echo "husky - $hook_name hook exited with code $exitCode (error)"
    exit $exitCode
  fi

  exit 0
fi