はじめに
もう何度もCSSのスニペット保管場所について調べているので、まとめる。
今回はただ横幅を広げたかっただけ。
やりたいこと
CSSスニペットをCLIからサクッと横幅修正して、素早く反映を確認したい。
困っていたこと
CLI経由でCSSスニペットが保存されている場所に移動したいが、どこかわからない
みんなCSSファイルを先に作成して、「設定→外観→CSSスニペット」からFinderなどを開き、ファイルを配置すると書いている。
だが、、、、、違うんです。。。私はCSSファイルを別のエディタで開いて編集してそれをFinderに配置して〜がめんどくさいのです。。。。 ターミナルでサクッとCLIから修正したいだけなんです、、、、、。
別に全然CSSこだわってないし（何なら書きたくない）、デフォルトテーマで文字の横幅を少し大きくしたいだけなのです。。。
ということで、場所についての調べ方。↓ここです。
全部パスを隠してしまって大変申し訳ないんですが、ここに全てがあります。
私はMacを使っているので、以下のようなパスになっています。
/Users/username/Library/~~/保管庫名
なので、ここまでわかったら今のうちにサクッとエイリアスを登録しておきましょう！
alias obsidian="cd /Users/username/Library/~~/保管庫名"
これで、場所問題は解決。
デフォルトテーマで横幅を少し広げたい
デフォルトテーマで「読みやすい行の長さ」をONにしているが、もう少し気持ち横に広がって欲しいので、CSSスニペットで対応。
【結論】
body { --file-line-width: 1100px !important; }
【調査方法】
Chrome DevToolsで確認すると、多分Max700くらい。
HTML要素に付与されているCSSを確認。
--file-line-widthをクリックして、定義元にジャンプ。
bodyに対して設定されているので、先ほどの記述で上書き。
ちなみにCSSスニペットの場所は、/Users/username/Library/~~/保管庫名/.obsidian/snippets/配下。
ここにCSSファイルを置けばObsidianが認知はする（勝手にONにはならない）
無事設定が反映されていることを確認し、これで終了。
