7rikazhexde’s tech log

技術的な興味関心、備忘録、アウトプットなどを書いています。

SSG

a-Shellとobsidian-gitを使用してプライベートリポジトリで管理するMarkdownファイル(Mkdocs)をマルチデバイス(Windows/Mac/iPhone/iPad)で更新する方法

経緯 技術系のTips記事(静的サイト)をMaterial for Mkdocs(以降MkDocsと表現する)で作成したドキュメント(Markdown)をGitHubで管理し、Netlifyでデプロイすることでwebサイトとして公開していた。 個人の作業ログやメモはObsidianアプリを使用して管理して…

【Material for MkDocs】MkDocs Macros Pluginを使用した自作のカスタムリンクカードマクロについて

背景 私はMaterial for MkDocsを使用して、技術系のTips記事をまとめたサイトを公開しています。 https://7rikazhexde-pkm-obsidian-mkdocs.netlify.app Material for MkDocsでは様々なプラグインや拡張機能が公開されていますが、はてなブログのURLに基づく…

CanvaとInkscapeを使用してPNGファイルからSVGファイルを作成する方法

経緯 やり方 Canvaでアイコンを作成してPNGファイルを保存する Inkscapeを使用してPNGファイルからSVGファイルを保存する 補足: InkscapeのDL方法 補足: SVGファイルのサイズ指定 サイト起動例 補足: Python、Node.jsでの作成方法 補足: favicon.icoの作成方…

Docusaurusのi18n設定について

Docusaurusの多言語化対応(i18n)の設定について情報をまとめます。 注意事項 i18n対応の基本情報 多言語サイトをローカル起動する時の注意点 <補足>yarn startとyarn build && yarn serveの違い 言語切り替え用プルダウンの設定 ユースケースのまとめ 公開サ…

MkDocsで技術系Tipsを作成してGitHub Pagesで公開する

注意事項 経緯 作成したページ GitHub Pagesへの公開までの流れ 静的サイトジェネレータ(SSG)の選択 基本構成と追加要素検討 フォルダ構成検討 スクリプト作成 1. pyprojtect.tomlのバージョン更新用スクリプト 2. git tag実行用スクリプト 3. pre-commit-ho…