hugoブログ
20200427_lunch
· ☕ 1
ウォーターサーバーがほしくて、色々比較した話

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

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

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から見たページを確認 こんな感じ この黄色い部分に広告を追加したい! 広告ユニ

画像生成時にリンクを無視する twitterカード画像自動生成⑦
· ☕ 1
前回の記事のアイキャッチがひどい… この文字化けかのごときurl… この画像自動生成は、マークダウンの記事をそのまま出力してるからね… なので、単純な話だけど、urlのリンク([リンクの文字列](ページのリンク))と画像のリンク(![画像の名前](画像のリンク))を正規表現で置き換える。 1 2 3 4 5 base_text = base_text.replace("\n\n", "\n")

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

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

ツイートブログの決まり
· ☕ 1
adsenceやろうかと思ったんだけど、先にツイートブログのルール決めたくて考えたww ツイートブログとは? ツイート感覚で、適当に書くブログの事 1記事3000文字。 とか 写真たくさん入れる。 とか 読者に読みやすく。 とか 導線が…。 とか考えないで書くブログ Twitterでの作業報告の代わりに書くブログ このルー

hugo/zzoのタイトルとプロフィールを変更
· ☕ 2
zzoのヘッダーを変える いまはこんな感じ なぜかタイトルがzzo… タイトルとロゴくらいは変えないとねww Hugo Themes customizing custom header You may want to change home page header. There are 4 options which is slider, image, text, empty. Set param at config/_default/params.toml(homeHeaderType) Make _index.md file at root/content/_index.md and copy & paste below. params.tomlの設定と、content/_index.mdの追加をしていきます。 params.tomlの設定 ん? 4つ

hugo/zzoに独自のfaviconを設定
· ☕ 2
とりあえずzzo動くようになったけど、プロフィールとかもテンプレのままなので、修正する favicon設定 まず、favicon変える。 せっかく作ってもらったからね!使いたい♡ Hugo Themes favicon 言われた通りに設定していく。 朝は気づかなかったけど、こんなに分かりやすい公式ページがあったみたいww If you want to support mobile favicon, use favicon-generator. Make favicons

hugoのテーマをzzoに変えてみる
· ☕ 2
ワードプレスもそうだけど、色々テンプレデザインが落ちてるのはいいよねww anankeいいんだけど、もう少しおしゃれにしたいから、可愛いのに変えていく! ブログっぽくて、多少のカスタマイズが効きそうなものを探すことにした。 ここから好きなデザインを探す! hugo公式サイトのデザイン集 zzo この、ザ、ブログって