gulpすてたい
sassしか書いていないので

優先度はひくめー

再現方法

iPhone SE実機で確認。
ブラウザはsafari, chrome。

mac chromeでは発生しない。

推測

おそらくネガティブマージン

優先度ひくめでok

デザインは現在のサイトをほぼ流用する予定〜

animation関係はほぼ使えなくなるので調査が必要〜

On registry https://registry.npmjs.org/, the "latest" version (v1.12.7) of dependency coffee-script has the following deprecation notice:

CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

Marking the latest version of an npm package as deprecated results in the entire package being considered deprecated, so contact the package author you think this is a mistake.

Please take the actions necessary to rename or substitute this deprecated package and commit to your base branch. If you wish to ignore this deprecation warning and continue using coffee-script as-is, please add it to your ignoreDeps array in Renovate config before closing this issue, otherwise another issue will be recreated the next time Renovate runs.

Affected package file(s): themes/harapeko2017/package.json

phpで作ったapiだけど、動作する手持ちフリーな鯖がないのじゃ…

amp-htmlだけでやれんのか？

参考：https://stackoverflow.com/questions/42989081/adding-google-custom-search-to-amp-site
おそらくamp-iframeでcseを読み込むしかない

• eyecatchのalt対応する(構造もたせなくてもいいかなー雑で良い
• トップページ 各カラムはセクションで絞り込んで表示する
• 3カテゴリのダミーデータを追加して、カテゴリに登録する

出力されるhtmlがspace2なので作成時もそうでいいかなって
goで作られてるだけでgo使わないね

構想上あんまやることがない

そのセクションにいるときはそのリンクを表示せずTOPを表示することくらい

セクションも決め打ち

hugo new xxxしたものがビルドに使われる情報処理

• archetypes
  • タイトル
  • 日付
  • アイキャッチ画像
  • タグ
  • カテゴリ(タクソノミー)
• front matterの修正(細かいのは後からでいい)
  • タイトル
  • 日付
  • アイキャッチ画像
  • コンテンツ
  • タグ
  • カテゴリ(タクソノミー)
• 上記を出力する
  • タイトル
  • 日付
  • アイキャッチ画像
  • コンテンツ
  • タグ
  • カテゴリ(タクソノミー)

ここに移行する記事のリストを書く

pc,tab,spを用意するよう

• トップ
• 個別記事
• カテゴリ、タグ
• アバウト(amp-iframeでポップアップ？)
• 404
• ページネーション

構成

TOP
├ category/xxx (show
├ categories/xxx (categories
├ tags/xxx (tags
└ about/index.html (about

要素出し

TOP

記事一覧
ページネーション

記事要素の構成

タイトル
キャッチ画像
先頭文章
カテゴリ
タグ

show

キャッチ画像
タイトル
カテゴリ(テキストアイコンのような
タグ(テキストアイコンのような
コンテンツ
カテゴリの前後リンク(タイトル名でラップ)
関連

categories

カテゴリ一覧(月ごと)
ページネーション(年ごと) ←なくてもいいかも
代わりに年、月をsticky表示してもいいかも

tags

タグ一覧(月ごと)
ページネーション(年ごと) ←なくてもいいかも
代わりに年、月をsticky表示してもいいかも

about

自分とはっぴーの紹介(今のままを出す)

共通要素

カテゴリ一覧
タグ一覧
広告
aboutへのリンク
トップに戻る
ツイート

まずは会員登録から

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• Update dependency gulp-sass to v5.1.0

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency Pygments to v2.15.0 [SECURITY]
• Update dependency gulp-load-plugins to v2.0.8
• Update dependency gulp-replace to v1.1.4
• Update dependency sakura.css to v1.5.0
• Update dependency gulp to v5
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

On registry https://registry.npmjs.org/, the "latest" version (v1.12.7) of dependency coffee-script has the following deprecation notice:

CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

Marking the latest version of an npm package as deprecated results in the entire package being considered deprecated, so contact the package author you think this is a mistake.

Affected package file(s): themes/harapeko2017/package.json

If you don't care about this, you can close this issue and not be warned about coffee-script's deprecation again. If you would like to completely disable all future deprecation warnings then add the following to your config:

"suppressNotifications": ["deprecationWarningIssues"]

• amp-img
• twitter
• amazon そんなものはない
• value commerce コピペするだけでいいので不要かなと
• amazonなどに使う汎用ad(実態は、リンク+画像+タイトル)

• sakura.cssをもってくる
• コンパイルできるようにする(yarnを想定 → 2回ファイル出力があるのでgulpにした)

出力したcssはpartial関数を使ってインラインに出力するので/partial/app.cssに出力します

sakura.cssにした。marx.cssよりイケてたから

いったん表示さえできればそれでよい

• header
• footer
• sidebar
  • recent post
  • ad
• list
• li
• css

https://backport.net/blog/2016/12/10/hugo_shortcodes_amazon/
amazonのショートコードは自前APIをwebに載せてgetjsonする方法が主流ぽいけど
1個ずつリトライするくらいなら手でやってもいいんじゃないかなぁって気もする

あとgejsonするための簡単な方法がphpかnode.jsかなっていう

• title
• list
• 引用
• シンタックスハイライト
• リンクホバーアニメーション
• amazon
• 表組
• 吹出し
• 波線(太字)
• TOC

why?
どうもカルーセルで使うには小さすぎるぽい

how?
サイズを調べて、つくりなおす

ガイドライン
https://developers.google.com/search/docs/data-types/articles#logo-guidelines

sectionごとに対応させて書くものらしい
そもそもsectionとは？

パーマリンクを解決したあとは、
アイキャッチ画像の置き場所、出力(single.html)
記事に紐づく画像の置き場所ルールについて考えないといけない