リンク一覧

現在利用しているサービス一覧。

• GitHub Pages(ココ) https://shihono.github.io
• はてなブログ http://eieito.hatenablog.com
• Qiita https://qiita.com/shihono
• twitter https://twitter.com/sh1_hono
• Speaker Deck https://speakerdeck.com/shihono/

随時更新。

in memo · 14-10-2019

共有ボタンを作る

使っているテーマのテンプレートには共有ボタンみたいなものがデフォルトでついていません。

Pelican pluginにshare_postという拡張プラグインもあるのですが、いまいちわからず。

簡単に実装できるのではないか、と思い、自分でテンプレートを編集してみることにしました。

出来上がったものは記事の一番下に設置しています。

変更内容

今回はtwitterとfacebookだけ作成してみます。 javascriptなどは使わず、WEB APIを指定したaタグをページに置くことにしました。

WEB APIはそれぞれ以下の通り。

• twitter : http://twitter.com/share?url={{ 記事のURL }}&text={{ タイトル }}
• facebook : https://www.facebook.com/sharer/sharer.php?u={{ 記事のURL }}

これを記事のテンプレート(テーマのtempletes/article.html)に組み込みます。記事のURLとタイトルを示す変数はドキュメントを参考にしました。

表示するアイコンはfontawesomeから取得します。

(表示されないアイコンがあったため、font-awesomeのCDNを新しいversionに変更しました …

in memo · 27-03-2018

test's test（＋pelican仕様のメモ）

GitHub Pagesをちゃんと使いたい.

pelicanを設定したものの毎回設定内容を忘れてしまって初期化してました. これで3回目です. 今度こそ,この設定を維持したまま更新します.

仕様のメモ

• Pelican
  • python製の静的サイトジェネレーター
  • GitHub Pagesで公開する方法もまとめられていて優しい(参考)

• pelican-theme : Pure

  • 名前通りpure cssを使っているpelicanのテーマ
  • 研究室の個人ページでもpureを使っているのでこっちでも使用することにした
  • いろんなフレームワーク試した中で一番しっくりきたのがpure. サイトに乗っているexample layoutsもおしゃれなのでそのまま使えるレベル.

• side-bar image : unsplash

  • 画像をヘッダー/サイドバーとして設定できるのでunsplashの写真を利用することにした
  • 参考
  • APIを叩いて取得することもできる --> Unsplash Source

こんなふうに

とりあえずこんな感じでやっていきます.

in memo · 26-03-2018