ZennでGitHubのコードが埋め込めるということで

9473 ワード

実際に埋め込む

こんな感じにGitHubのソースコードのリンクを取得します.

あとは貼るだけ↓

https://github.com/nbr41to/lesson-micro-cms/blob/b772b367a3ef3eb84e35410314080a83da4e7156/src/dateFormatted.ts#L1-L26

長いとscrollされるんですね.いい感じです.

ちなみにコードブロックはこちらです

type InputDateFormatProps = {
  date?: Date | string;
  format?: string;
};

/**
 * 引数がなければ, 現在時刻を 'YYYY/MM/DD hh:mm:ss' のフォーマットで返す
 * @param params.date type: Date | string | undefined
 * @param params.format type: string('YYYY/MM/DD hh:mm:ss') | undefined
 * @returns type: string
 */
export const dateFormatted = (params?: InputDateFormatProps): string => {
  let date = params?.date ? params.date : new Date();
  const format = params?.format ? params.format : 'YYYY/MM/DD hh:mm';

  if (typeof date === 'string') {
    date = new Date(date);
  }
  let _format = format;
  _format = _format.replace(/YYYY/, date.getFullYear().toString());
  _format = _format.replace(/MM/, ('0' + (date.getMonth() + 1)).slice(-2));
  _format = _format.replace(/DD/, ('0' + date.getDate()).slice(-2));
  _format = _format.replace(/hh/, ('0' + date.getHours()).slice(-2));
  _format = _format.replace(/mm/, ('0' + date.getMinutes()).slice(-2));
  return _format;
};

ちなみに,これは僕が普段使っているJavaScriptのDateをいい感じに変換してくれる関数です.