hugo
Hugoブログの始め方[超初心者向け]
· ☕ 3
hugoブログを始めたいっていう非エンジニアの友達のために、hugo開発環境作りのための、超初心者向けの導入記事を書きます。 私の今の環境を書いていきますが、他にも色々な方法があります。 この方法でないとダメって事ではありません。一例としてご覧ください。 環境 versionなど 静的サイトジェネレーター hugo テ

amazonアソシエイトをhugoブログに貼る方法
· ☕ 1
お昼の記事でamazonアソシエイトの埋め込みがしたかったので、作りました。 タグをhugoブログに貼りたい場合の基本は、{{}}です。 これを使うことで、テーマ内のlayoutsの中のhtmlを呼び出すことができます。 今回はlayouts/shortcodesの中に、以下のファイルを設置します。 1 <iframe style="width:120px;height:240px;"

抽選botの作り方
· ☕ 4
昨日作った抽選botの解説とコード公開します! 最新のコードはこちら 抽選botの詳細はこちら 仕組み 前回のbotの進化系です。 以下の動作を10分置きに繰り返します。 抽選botの抽選ツイートを取得 既にリプライ済のツイートに再度リプライしないように、まず、自分のしたツイートを取得する。 安定稼働してきたら、こ

hugoブログの作り方
· ☕ 3
とてもありがたいことに、最近、このブログの真似をして、hugoブログを作っているって方が出てきて下さったので、作り方や、カスタマイズの方法をまとめたいと思います。 hugoブログとは? DBがいらない。アプリケーションサーバーがいらない静的なブログです。 静的サイトジェネレーターと呼ばれる、静的サイトを作

hugoブログのサーバーの仕組み なぜ60円でブログが作れるのか?
· ☕ 3
今更ですが、このブログの仕組みを解説したいと思います。 このブログはhugoという静的サイトジェネレーターで作られています。 おかけでレンタルサーバーいらずでブログが公開できるんです。 だからサーバーダウンもないし、サーバー費用もない! 最高// サーバーの話 動的サイト、静的サイトとはなんぞ?という話 動的we

lineBot作ったら売れた話
· ☕ 1
イベントでLTしてきました。 ちなみにショートコードのうめこみはこちらを参考にさせて頂きました! 余裕があったら、記事にします! 今日はこれだけww

adsenseがヘッダーに表示されないバグ修正
· ☕ 2
adsenseが表示されない… 表示されるところもあるんだけど、ヘッダーとか、表示されない…。 clomeでエラー確認 とりあえず、エラーを確認。 サイズがないって言われてる? レスポンシブにしてるから、サイズの上限なくて怒られてるのかも? とりあえずサイズ固定にしてみる とりあえず、サイズ固定にしてみる。 場所の

pc版ブログにadsense広告を追加する!
· ☕ 2
先日adsenseに合格し、自動広告のみ設定しているのですが、ページビュー286に対し、広告表示数が66…。 5回に一回しか表示すらされていないじゃないか… ということで、ヘッダーやサイドバーに広告を追加していきたいと思います。 pcから見たページを確認 こんな感じ この黄色い部分に広告を追加したい! 広告ユニ

hugo newのカスタマイズ twitterカード画像自動生成機能⑥
· ☕ 2
twitterカード画像自動生成機能は画像を自動生成するだけなので、各記事のheaderにmeta_imageを自力で設定しないといけなかった。 そこもいい感じにしてくれるようにする。 hugo newのカスタマイズ hugoでは hugo new xx.md とすることで、xxという記事のテンプレートが出来上がる。 このテンプレートの設定

画像生成スクリプトをビルド時に動かす twitterカード画像自動生成機能⑤
· ☕ 2
昨日作った画像生成スクリプトの残作業を進める ビルドコマンドと昨日のスクリプトをshでラッピングする 指定したディレクトリ内のファイルに対して、画像生成スクリプトを回し、最後にビルドする。 いつも忘れるシェルのループの書き方はこの辺を参考に。 シェルスクリプトのforループでフォルダやファイルを一括処理 で、

twitterカード画像自動生成機能を記事ごとに動かす twitterカード画像自動生成機能④
· ☕ 2
朝作ったスクリプトをいい感じで自動で動かす方法を考える! 朝の記事は こちら 引数を渡す まずは、引数渡せるようにして、いい感じのファイルを作れるようにする。 とりあえずファイル名を指定できるようにする。 import sys target = sys.argv[1] print(f"target:{target}") で、 img.save(f"content/posts/meta_image/{target}.png") これで、対象の記事に対してスクリプトが動く targetのmdからタイトルと内容を取得 で、

twitterカード自動生成機能作った twitterカード画像自動生成機能③
· ☕ 3
昨日あれから、寝る前にどうやるか、よく考えた。 で、思った。 どうせバッチっぽいの回すなら、jsでなくてよくね?? Pythonで画像に文字描画 という事でPythonでできないか調べた 「Python 画像 文字描画」とかで検索 なんかね、簡単に出来そう! よーし、日曜日だし、これから越後湯沢に旅行だけど、気合い入

Twitterカードの設定 twitterカード画像自動生成機能①
· ☕ 2
hugoのzzoでtwitterカードを設定する! 今はこんな感じ… 可愛くない… 可愛くしたい! ちなみに、twitter上にどう表示されるか?は以下のツールで確認できます! twitter公式Card validator 画像の自動生成とかしたいんだけど、長くなりそうだから、まずは固定の画像と固定のディスクリプションの追加。

hugo/zzoブログでadsense審査通ったw
· ☕ 2
今日adsense対策しようと思って、とりあえず昨日の夜、無理やり広告タグ貼り付けて審査出すだけだしたんだけど、受かったよねww 昔のブログは30記事近く書いてやっと審査通ったのに… 技術ブログはなかなか丸かぶりな記事ないから、甘いのかな?w とりあえず、やったこととかまとめる hugoのzzoテーマでタグ

hugo/zzoのカスタムヘッダーを設定
· ☕ 3
実は昨日も頑張ったんだけど…。 その続き hugo/zzoのタイトルとプロフィールを変更 とりあえず、タイトルは表示されたんだけど、スマホだと見切れてしまうの…。 絶対ダメでしょww カギはやっぱり、_index.mdだと思うんだよね。 昨日いじっても、何も変化なかったし…。 なので、こいつが効くまで頑張る! エラ