O-Kay-Blog 設置メモ

O-Kay-Blogという、Google App Engine/Pythonのフレームワークであるkay-framework上で動作するBlogを設置してみたのでその過程を記録しておきます。


Downloads – theokayblog – Project Hosting on Google Codeから直接tar.gzをダウンロードして展開した場合


ReadMeにある通りでほぼ上手くいきました。ハマリどころはsettings.pyに以下のコードを追記する必要がある、くらいです。


MIDDLEWARE_CLASSES = (
  'kay.auth.middleware.AuthenticationMiddleware',
)

ただ、このバージョンは少し古く、最新のバージョンを取得するためにはMercurialでソースを取得する必要があります。


Source Checkout – theokayblog – Project Hosting on Google Codeからソースを取得した場合


先程のReadMeの内容に加えて_generated_mediaフォルダ及び_media.yamlが追加されています。これらをコピーし、さらにsettings.pyの内容も大幅に変更されているので全部コピーします。新しいテーマとSyntaxHighlighterが追加されたようです。これでDeployすればappengine上で動作します。


カスタマイズ


ここからは個人的な好みを反映させていきます。


SyntaxHighlighterは重くて好きではないので外します。/blog/templates/themes/buzzappフォルダ内のlisting.htmlとpost.htmlから以下の記述を削除。


{{ compiled_css('syntax.css') }}
{{ compiled_js('syntax.js') }}
<script type="text/javascript">
  SyntaxHighlighter.config.clipboardSwf = '/media/syntax/clipboard.swf';
  SyntaxHighlighter.all();
</script>

AutoPagerizeとLDRizeに対応します。base.htmlの<div id="bd" role="main">の2行下を次のように変更。


<div class="yui-b hfeed autopagerize_page_element">

listing.htmlの該当箇所を次のように変更。


    <!-- Basic block -->
    <div class="block post-list post hentry">
        <div class="hd">
            <h2><a href="{{post.path}}" rel="bookmark" class="entry-title" title="Permanent Link:{{post.title|e}}">{{post.title|e}}</a></h2>
        </div>
        <div class="bd">
            <p class="posted-by"><em>Posted on {{post.published|date("%d %B, %Y")}}</em></p>
            {{post.summary|safe}}
        </div>
        <div class="ft">
              <a href="{{post.path}}" class="readmore">Read more</a>
              {% if config.disqus_forum %}
               | <a href="{{post.path}}#disqus_thread" class="readmore">Comments</a>
              {% endif %}
        </div>    
    </div>    
    <!-- /post -->
    {% endfor %}
    {% if next_page or prev_page %}
    <div class="block pager">
        <div class="bd yui-g">
            <div class="yui-u first">
                {% if next_page %}
                <a class="float-left" rel="next" href="{{next_page}}">&#171; Older Entries</a>
                {% endif %}
            </div>
            <div class="yui-u">
                {% if prev_page %}
                <a class="float-right" rel="prev" href="{{prev_page}}">Newer Entries &#187;</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endif %}
    <div class="clear autopagerize_insert_before"></div>

不満な点



画像のアップロード機能が無い

開発者さんのBlog見たらPicasaにアップしてました

記事が削除できない

編集は出来る模様

エントリのPreview機能が文字化け

マルチバイト涙目


他は概ね満足です。贅沢を言えばWordPressみたいにページ作成できるCMSっぽい機能もあると嬉しいかも。今は手動で作っています。

This entry was posted on Saturday, 11 September, 2010.

Tags: , ,