javascriptやcss等を入れる形になります。いうファイルを作成します。ダウンロードしたテンプレートをダウンロード。書き換えるのですが、書き換え後の再集計のファイルをここに置いておきました。面倒な人はここからダウンロードして展開してください。いうディレクトリの下に置きます。そのあたりを書き換えます。全部を載せるとすさまじく長くなってしまうので一部だけ。class="container">★ここに、表示したいhtmlを入れる。%}具体的には、Honokaで用意されている、index.htmlをそのまま上の★部分に読み込んでしまいます。いう形に書き換えれば基本的な作業は終了です。bootstrap1.htmlだけ載せておきます。content="Honokaは日本語表示に最適化されたオリジナルBootstrapテーマです。content="Honokaは日本語表示に最適化されたオリジナルBootstrapテーマです。class="lead">HonokaはBootstrapテーマの一つですが、以下の特徴を持っています。<p>HonokaはBootstrapを元に製作されているため、非常に高い互換性を持っています。マークアップに関する規約はほとんど変わりません。<p>既にBootstrapを使って作成したウェブサイトがある場合は、CSSを置き換えるだけで簡単にHonokaを利用できます。<p>Honokaを構成するファイルは全て公開されています。変数の定義ファイルを変更することで自分好みの設定に変更することも可能です。<p>Bootstrapでは考慮されていない日本語のフォント指定やウェイトの変更を行っているので、美しく日本語を表示できます。<h2>さあ、はじめましょう。Flatly</a>の配色を適用したテーマです。<p>"Nico"は"Honoka"にピンク系の配色を適用したテーマです。Design風のテーマです。%}(★注:Flaskで呼び出してエラーが出ないようにフォルダ構成とかだけを書き換えただけなので、中身を具体的に見たわけではありません。/static/で書かれているところが主な書き換え場所です。bootstrap-ja.htmlも同様に書き換えを行ってはいます。エラーがあるようなのでこのあたりはそのうち時間を見て自分用のホームページに書き換える時に調べたいと思います。動作確認さて、動作確認です。ありませんのでご注意を。確認用のアプリ実行には、以下の形でコマンドを入れてください。--host=0.0.0.0うまく動作すれば、次のようなメッセージが出てきます。quit)ブラウザで接続してみましょう。)とすると、次のようになります。herokuで動作させる為のファイル作成herokuについては、ユーザも登録されていて、チュートリアルあたりは終えていることを前提としています。herokuにデプロイ後は、ウェブサーバはgunicornという先ほど入れたパッケージを使って動作する形になります。Procfileという名前で作成します。アプリ環境を作成します。接続できるようになります。web=1と実行しましょう。succeededといったログが表示されています。何かエラーがある場合にはここで確認できるので、エラーを取り除きましょう。これで、めでたく接続ができるようになります。後は自分なりに画像やら文章やらを書き換えて、良いホームページをつくっていきましょう。わかってない部分もありますので、自分でも色々試してみて何かあればまたブログに載せたいと思います。はてなブログPro色々実験する場所です。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。