【SSG】静的サイトジェネレーター【Hugo,Jekyll】
>>16
Hugoしかわからんけどそんなことない
ってかOSの違いってコマンドが違うくらいでやることは変わらんでしょ wordpressをローカルにインストールしておいて
プラグインで静的ファイル書き出すのが楽だし出来ることも多くね? >>20
それだと動的コンテンツはどうなるの?
結局調整し直し? 俺は東大法学部卒だがこのスレで書かれていることの大半が理解できない
もっと誰でも参加できるような話題にしろ 俺は現役東大生だが大半理解できる。
あんたみたいなのが先輩で恥ずいよ。 ぜんぜんわからない
俺たちは雰囲気でコマンドを打っている 何がわからないのかわからない
そもそもSSGは中級以上向け SSG自作したんで試してくれる人いない?こんな感じのです。
https://youtube.com/watch?v=KWFUBZ8pdX8
もしいたらどっかにzipでアップしますんで。
windows でしか動きませんが。 hugo + RStudio + blogdownで試しにブログ作ってみた。
markdownで書くだけなので楽は楽だけどThemeに脆弱性が残ってたりと細かい所は色々と厄介そう。
Gitとかと連携してソース管理できるのは便利かな。 >>28
脆弱性って具体的にどんな?
静的サイトなら攻撃されようがなくない? 「themeのjsonで指定されてるパッケージのいくつかに脆弱性あるよ」というようなアラートをGitHubが出してくれてる。
静的と言ってもthemeでjavascriptライブラリとか使ってるから、そのあたりに脆弱性があるっぽい。 >>30
なるほどjsか…
確かに完全に静的にするにはhtml/cssだけで書くしかないわな hugoで公開されてるテーマをいくつか弄ってみたが、どれも帯に短し襷に長しという感じ。
一番好みなのに手を入れて見てるが、テーマは基本的に自分でつくるものなんかな? そういうもんじゃない
そういうのはなんか専用のがあったろ
星の名前のやつ SIRIUSだ
Web収入に専用のスレあったと思うよ サンクス
wpてなんか古臭いし新しいもの無いかと思ったけどあんまりかな WordPressの保守がほとほと嫌になってHugo始めたいけど
ターミナルの扱い方に不安があって踏み出せないわ
やさしく解説してくれているサイトもあって勉強してみるが
やはりプログラマーじゃない人間にはハードル高い
もっと一般人向けに簡単にしてくれたら助かるんだけどな 私たち日本人の、日本国憲法を改正しましょう。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。 >>37
ググって出てきたサイトめちゃくちゃ胡散臭いんだが
一日X分で高収入!とかの情報商材()みたい Hugo+Netlify使ってるが慣れると快適だな
よく使うコマンドはbat書いとけばいいし
ときにNetlifyって複数アカウントとかエロサイト運営って大丈夫なのかね?
規約読んでみてるがよくわからん サーバ側に要求するものが低いssgを探してるんだけど
gitでコミットしてデプロイみたいなんじゃなくて
単純にhtmlを生成するだけでその後は手動でftpを使ってサイトにアップロードみたいな
そういうssgはないの Markdown+bootstrap+pandocとかか? >>47
大体そうじゃないか?
Hugo使ってるが生成したあとgit連携させるかは任意たぞ >>51 ローカルでひらくとcssが未適用になるからダメかと思ってた
試してみたらうまくいったのでhugo使うわありがと >>52
ちなHugoならローカルで開くときはhugo serverコマンドでローカルホストウェブサーバ立ち上げて確認な
CSSとかが直開きで反映されないのは、htmlに記述してある参照先が、settingとかに設定してるデプロイ先のアドレスになってるからだと思う Hugoのフロントマターの書式ってテーマごとに微妙に違うのな
---
title:タイトル
---
と
+++
title = "タイトル"
+++
みたいな >>41
遅レスだけどよく使うコマンドをbatなりshなりにまとめておくと便利だしミスもないよ。
開発サーバー起動.bat
開発サーバー起動(下書き込み).bat
ビルド.bat
みたいに Hugoで、新しいファイルを作成したときに、1日前の日付を作成したファイルに記入しとくには、どうやって書いたら良いんだろう…具体的にはタイトルに前の日の日付を入れたい、ってだけなんだけど。 hu
>>57
hugo new post/hoge.md
とかすると、テンプレートの内容がコピーされるじゃないですか。そのときに、
{{ .Date "Monday 15, Jan" }}
とかしてあると、作った日付に展開されますよね。その、展開される文字列を作った日付の1日前にしたいんです。イメージとしては、
{{ .Date-1 "Monday 15, Jan" }}
とかできたらいいなぁ、って感じなんですが。日本語下手くそすぎて申し訳ない…。 >>58
どうしてもコマンドで記事生成やりたいならだめだけど、
フォルダ、ファイル名、md内のフロントマターは全部手動で直接新規作成、編集して大丈夫だよ。
テーマにもよるかもだけどビルドするタイミングでpost以下のmdファイルが自動で全て記事になる感じ。
コマンドは開発用ローカルサーバー起動とビルド以外使わなくてOK。
どうしてもコマンドで生成したいならhugoコマンド使わずに別途日付置換してmd生成するスクリプト組んだほうがいいと思う。
ということで解決できそう…?? >>59
あー、そうか。hugo newじゃなくて、単純にフロントマターの書式でテキスト吐くようなのを、awkとかで書けばよいのか!なんか全部 hugo で完結させるべきな気がしてたw
めちゃめちゃ良いヒントいただいた。ありがとう! >>61
めちゃめちゃダサいスクリプトだけど、意図するものがかけました。良いアドバイス、ありがとうございましたー! せっかくSSGだからPage Speed Insghtsで高スコアだしたいんだけどなかなか難しいね
画像遅延表示とかそのままjQuery Lazy Loadでいいんだろうか >>66
軽くてサクサク書けるならメモ帳いらないよねって >>65
どういうこと?
ビルドの環境は多分PCじゃないと無理だけど記事書くだけなら普通のテキストエディタで書けるよ
それを転送して自動デプロイ作っとけば更新はスマホだけで出来る hugoだとバージョン上がると通らないテーマ、よくある気がする。 まじ?まさにHugoでなってたわ
よくみたらテーマの最終更新2、3年前だわ
つれえ 更新時期のバージョン使うか更新新しいテーマ使うしかないな >>73
最新が必要なければ、前のバージョン落とせるから、戻しちゃえば良いかと。 >>75
そういう手があったか
ローカルで動くんだし別に最新版で無くても良いんだよね >>76
gitの方に過去のリリース全部あるから、ダウングレードも簡単です。 SSGのテーマってさ、なんか日本人向けじゃないんだよな
wordpressで海外のテーマを見てるときのこれじゃない感そのもの いつの間にかSSG用のCMSがたくさん出てきてた
ただもうブログアフィリエイト自体が下火だし、非エンジニアに広がることはなさそうだね
https://headlesscms.org/ WP、Hugoときて勉強がてらGatsbyに移行してるんだが
html吐き出しはHugoが最速ぽいけどReactの恩恵でページ遷移速度はGatsbyが早いね 絶対SSGじゃないとだめだという場面がないからな
まだまだエンジニアのおもちゃ エロサイト大量に作って運営したいんだけどいい性的サイトジェネレーターってある? カテゴリーとタグに強いHexo一択
デフォルトで階層カテゴリーが使えるのはこいつだけ
テーマはicarusでほぼ決まり HugoがシンプルでSSG入門に最適だな
言語のインストールも不要だし 以前ある案件でHugo使ってみて、このたびまた別案件でWebサイトのリニューアル案件があって、SSGをいくつか検討しているけどやっぱりHugoかな
豊富なテーマと独自テーマの導入の容易さ、そしてコマンド1つだけで検証サーバもビルドも何もかもできるのがいい 客が納得するなら良いんじゃない
SSGのサイトを納品できるって良いお客さん持ってんね エビスコム
Webサイト高速化のための 静的サイトジェネレーター活用入門 (Compass Booksシリーズ)
https://www.a
mazon.co.jp/dp/4839973008
ついに一般流通書籍でSSG本が出ちゃった >>90
結構良さそうな本だな
取り上げてるのGatsbyか html/cssがわかる程度の非エンジニアだけど普通のサイト制作でSSG使ってみたい。
phpとcsv使ってhtmlの複製を大量出力みたいなことSSGでもできますかね? 高度なことやりだしたらキリがないけど、基本SSGでやってるのって、ローカルで
html = template(data)
やって、できたhtmlを静的ホスティングサービスにペタっと置くだけだからな。
これが分かってればできるであろうこととできそうもないものの判別はつくだろう。
で、上の質問の答えはできる(はずである)。
>>1のサイトでphp製のものを探せ。 言語はphpじゃなくても良くて、調べた感じだとGatsbyとHugoが気になってる。html生成で調べてたらphpとcsvのやり方がよく出てくるから例に挙げただけなんだ
具体的には、{ id:りんご, id:みかん, id:いちご }という1つのdataを使って、りんご.html / みかん.html / いちご.htmlを出力したい
templateの中身は<p>{ id }</p>で、出力された りんご.htmlの中身が<p>りんご</p>みたいな感じ
dataを{ id:りんご } { id:みかん }…みたいに別々のファイルだとできるんだけどdataを1つのファイルにまとめるとなるとできなくて悩んでた、、言ってることわからんかったらすまん その程度の仕事だと流行りのSSGツールではオーバーキルだな。
逆にめんどくさいまである。
おそらく自分でスクリプト書いた方が早い。
10行から多くて20行程度で作れるだろう。 >>96
そうなんですね…
"自分でスクリプト書く"というのが非エンジニアの自分にはハードルが高いかも、、
とにかく話聞いてくれてありがとう! jsでもphpでもpythonでもrubyでもなんとなく気になったものの入門一冊買ってみて終わる頃には自分でスクリプト書けるくらいにはなりそうな内容だぞ
がんばれ >>99
お前が知識ある言語で人気があるやつがおすすめ
ないならHugo
そこまで難易度に差はないけど、まだまだメジャーじゃないから人気かないと困ったときにリファレンス探せない
個人的にはGatsbyが最先端技術を導入しやすいと思う CMSの方も考えておかないと非エンジニアから更新できないって言われそう なんか全然書き込みないけど
Hugoめっちゃ良くね
Javascriptも書けない俺でもテーマ改造できるレベルだし >>104
めっちゃいいのにぜんぜん流行らないんよ 非技術者からしたら概念すら理解しにくいんだよな
色々調べたけど結局こんな感じかね
まずウェブサイトのデータを作成(ヘッドレスCMS等で作るも良し)
次にHTMLを生成(Hugo,Hexo,jekyll,Next.js等)
最後にそれらに対応したサーバーに上げる(Github,Netlify等)
これらを総称したアーキテクチャをJamstackという ブログ作りたい初心者がワードプレス少し触ってみたら動作が遅くてなんだか気に入らない
Hexoに手を出してみたら動作軽くていいと思った
勉強したいんだがどこか良いサイトある? Hugo始めようと思ってスレ覗いたら過疎過ぎて草
他の板にHugo関連のスレッドあったりする? 上司や他部署から送られてくるクソみたいなメールを整えてmdにするジェネレーターなら作ったことある ちょっとSSGの話題とはずれるんだけどさ
NetlifyとGitHubを連携させる場合って、同じGitHubのアカウントにあるサイト構築に関係のないレポジトリもNetlifyは覗こうと思えば覗けるん?
見られたくなかったらGitHubのアカウントを専用にもう1つ作るしかないの? アカウント単位の認証だった気がするからおそらく可能ではある(するかどうかは別として)
プライベートリポジトリを覗かれるか?ってことだよね?