Pingendoを試す
以下の記事で興味を持ったので、ちょっとPingendoを試して見た。
FirefoxでPingendoトップページのTry nowをクリックすると、以下の「君のブラウザだと全部の機能は使えないよ」と言う残念なお知らせが。
そのまま突き進み、テーマを選択すると、いきなり選択したテーマが取り込まれない(または表示されない)ので、お知らせにしたがってChromeに切り替えた。
上記記事にはGitHub Pagesを使って作成したHTMLを公開する話が出ており、そのためには修正が必要の旨が記載されているが、具体的にどこをどう修正する必要があるのかを補足しておく。
実際に修正が必要なのは、HTML冒頭の以下のCSS参照タグである。
<link href="http://v4.pingendo.com/assets/bootstrap/themes/magenta.css" rel="stylesheet" type="text/css"> ↓ <link href="css/default.css" rel="stylesheet" type="text/css">
HTMLにhttpsでアクセスするためか、上記magenta.cssを読み込むところでサーバー(v4.pingendo.com)側が拒否するようだ。これを回避するため、HTMLを上記のように修正し、ブラウザなどでmagenta.cssを取得してdefault.cssに保存する。
これにより、GitHub Pagesが提供するURLでPingendoを使って作成したHTMLが表示できるようになる。
今回作ったHTML
https://pochy9n.github.io/pingendo-sample/
公開したソース
GitHub - pochy9n/pingendo-sample