Pingendoを試す

以下の記事で興味を持ったので、ちょっとPingendoを試して見た。

paiza.hatenablog.com

FirefoxでPingendoトップページのTry nowをクリックすると、以下の「君のブラウザだと全部の機能は使えないよ」と言う残念なお知らせが。

 f:id:pochy9n:20161123113156p:plain

そのまま突き進み、テーマを選択すると、いきなり選択したテーマが取り込まれない(または表示されない)ので、お知らせにしたがって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