技術ブログ

技術ブログ始めました

author: yterajimadate: 2016-01-12tags: middleman, s3, aws

旧ブログ (http://blogged.e2esound.com) の更新を停止し, 新しく技術ブログを始めてみました。 これまで旧ブログで書いた来たような技術中心の話を書いていく予定です。

まだまだ調整すべき部分が多いので少しずつ直しながら運用していきます。

技術ブログの構成

Middleman で制作・運用してきた e2esound.com に対して, middleman-blog を追加して対応しています。

参考に本日現在の Gemfile を載せてみます。

# If you do not have OpenSSL installed, update
# the following line to use "http://" instead
source 'https://rubygems.org'

gem "middleman"
gem "middleman-blog"
gem "middleman-syntax"
gem "middleman-autoprefixer"
gem "middleman-generator-tag"
gem "middleman-s3_sync", '4.0.1.rc.3'
gem "slim", ">= 2.0"
gem "redcarpet"
gem "builder"

# Live-reloading plugin
gem "middleman-livereload"

# for faster file watcher updates on windows:
gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw]

# windows does not come with time zone data
gem "tzinfo-data", platforms: [:mswin, :mingw]

gem "bourbon", :require => false
gem "neat", :require => false
gem "bitters", :require => false

e2esound.com 自体の構成に対しては次の gem を追加しています。

  • middleman-blog: ブログ機能
  • middleman-syntax: コードハイライト
  • middleman-s3_sync: AWS S3 アップロードコマンド
  • redcarpet: テンプレートエンジン( Markdown )

サーバ

サーバについてはブログも含めて Middleman にできたので S3 の Web ホスティング に載せるように変更しました。

S3 と Middleman の組み合わせについては先行して実施しているブログがたくさん有ったので助かりました。

未調整部分

  • レスポンシブ対応している辺りの CSS
  • ブログ記事中のテキストの CSS
  • category ページや author ページの追加

この辺りはある程度記事が貯まった段階で対応していきたいと思います。