コンテンツにスキップ
2025年03月09日

このサイトについて

このサイトはMkDocsを使用して、noteのような体験を提供する静的サイトです。さらに、noteにはない高度な機能を多数搭載しています。

著者プロフィール画像

著者プロフィール

ここにあなたのプロフィール情報を記載します。プロフィール画像やSNSリンクなどを追加することもできます。

def about_me():
    return {
        "name": "あなたの名前",
        "occupation": "職業",
        "interests": ["技術", "書籍", "写真", "旅行"],
        "skills": ["Python", "JavaScript", "デザイン", "執筆"]
    }

サイトの特徴

このテンプレートには以下のような特徴があります：

  1. クリーンなデザイン: noteのような読みやすいレイアウト
  2. 拡張マークダウン: コードハイライト、数式、図表などの高度な表現
  3. インタラクティブ要素: SVG/JS/WebAssemblyによる動的コンテンツ
  4. レスポンシブ設計: スマートフォンやタブレットに最適化
  5. ダークモード: 目に優しい表示モードを搭載
  6. 検索機能: サイト内の記事を素早く検索
  7. タグ管理: タグによる記事の整理と検索
  8. PDF出力: 記事をPDF形式でダウンロード可能
  9. RSS/Atomフィード: 最新記事の配信

サイトの目的

このサイトでは以下のような内容を発信しています：

  • 技術的なメモやチュートリアル
  • 日々の気づきや学び
  • プロジェクトの記録
  • その他の興味あるトピック

MkDocsとnoteの比較

以下は、MkDocsとnoteプラットフォームの主な違いです：

機能 MkDocs note
料金 無料（ホスティング費用のみ） 有料プラン・手数料あり
カスタマイズ 完全自由 限定的
コード表示 多言語対応・ハイライト 基本的なのみ
数式表示 LaTeX完全対応 非対応
インタラクティブ JS/SVG/Wasm対応 非対応
Mermaid図表 対応 非対応
PDF出力 対応 非対応
データの所有権 自己所有 プラットフォーム依存

連絡先

ご質問やフィードバックがありましたら、以下の方法でお気軽にお問い合わせください：

利用技術

このサイトは以下の技術で構築されています：

テンプレートの始め方

このテンプレートを使い始めるには：

  1. GitHubからリポジトリをクローン 

    git clone https://github.com/yourusername/mkdocs-note-template.git

  2. 依存関係をインストール 

    pip install -r requirements.txt

  3. ローカルでプレビュー 

    mkdocs serve

  4. GitHub Pagesにデプロイ 

    mkdocs gh-deploy

noteからの移行ガイド

noteからMkDocsへの移行を検討している方へのステップバイステップガイド：

  1. noteの記事をマークダウン形式にエクスポート（手動の場合もあり）
  2. フロントマターを追加（タイトル、日付、タグなど）
  3. 画像をdocsフォルダ内の適切な場所にコピー
  4. コードブロック、引用などを適切なマークダウン記法に変換
  5. MkDocsの高度な機能（数式、図表など）を活用して内容を強化

詳細なガイドは移行ガイドを参照してください。

Your Name

Your Name

技術とデザインが好きなエンジニア。WebとAIについて発信しています。

前の記事
タグ