imageのパス一括編集など
Publish date: Nov 6, 2020hugo の image パスが相対パスになっていて、表示させるために
絶対パスに一括変換したので備忘録です。
posts % find . -type f -name '*.md' -print | xargs sed -i -e 's/](images/](\/images/g'
diff で差分を確認。
相対パスが絶対パスになっているか。
% git diff
diff --git "a/content/posts/2019-03-20-\343\201\212\343\203\274\343\202\214.md" "b/content/posts/2019-03-20-\343\201\212\343\203\274\343\202\214.md"
index ebfbbc5..3c8b655 100644
--- "a/content/posts/2019-03-20-\343\201\212\343\203\274\343\202\214.md"
+++ "b/content/posts/2019-03-20-\343\201\212\343\203\274\343\202\214.md"
@@ -14,7 +14,7 @@ tags:
お昼は俺塩だよ
-
+
.md-e というバックアップファイル？が生成されていた。
posts % ls
2019-03-19-最初のブログ投稿.md
2019-03-19-最初のブログ投稿.md-e
2019-03-20-おーれ.md
2019-03-20-おーれ.md-e
2019-03-21-ねこちゃん.md
2019-03-21-ねこちゃん.md-e
いったん .gitignore に追加しておく。
% vi ../../.gitignore
*.md-e
サーバーを起動して、ローカルで表示チェック。
% hugo server
| EN
-------------------|------
Pages | 693
Paginator pages | 311
Non-page files | 848
Static files | 393
Processed images | 0
Aliases | 115
Sitemaps | 1
Cleaned | 0
.md ファイルのみ add commit push
% git add *.md
.md-e ファイル不要そうなので消します。
rm *.md-e
HP を改修したよ。
久しぶりに css 触った。
謎の Javascript ミニゲームがぶら下がっていて、css ファイルを4つくらい一気に削除したよ。
スッキリしたので良かった。
<head> 部分でスクリーンの大きさに合わせて
見せる画面を切り替えています。
<head>
<link rel="stylesheet" href="css/styles.css" media="screen and (min-width: 981px)">
<link rel="stylesheet" href="css/s-styles.css" media="screen and (max-width: 980px)">
</head>
(略)
<div id="pc-page">
PC 用ページ
</div>
<div id="sp-page">
スマホ用ページ
</div>
PC 用の css
#pc-page {
display: block;
}
#sp-page {
display: none;
}
スマホ用の css
#pc-page {
display: none;
}
#sp-page {
display: block;
}
整理していて気づいたけれど s-index.html 不要っぽい。
まだ残党がいた・・。
消しておこう。
目標を書き出したら大渋滞になってきた。
今夜はさっそく鬼滅の刃アニメ第一話を視聴しました。
バトルシーン良かったです。
というか、アニメを観るまでハマった漫画が宇宙兄弟ぶりなのでワクワクしている。楽しいね🙌
とりあえず明日はステンドグラス作成が朝から夕方まであるので
作業後に
- 応用情報
- Python
- スマホ用ページの改修
- GitHub の README 書く
このうちの半分は着手したい〜
特に応用情報は、大学時代学びそこねた分野を中心に
アウトプットまで出来たら完璧
趣味で Docker 触っていて楽しかったので
そのまま勢いでエンジニアになったの。
趣味で技術触るの、楽しくなくなっちゃうのかなぁと心配していたけれど
なんだかんだ興味優先で楽しみながらプライベート割けているので良かった。