2015年11月5日のブックマーク (3件)

  • Blogger:SyntaxHighlighter(1)ブログにソースコードを綺麗に表示させる

    BloggerにソースコードをハイライトするSyntaxHighlighterを導入する | DevAchieve このSyntaxHighlighterというものを導入すれば自動的にソースコードに色づけしてくれます。 (2016.7.22追記。v3.0.83からv4.0.1に入れ替えました。(linuxBean14.04(123)SyntaxHighlighter v4のブラシを作成する)v3.0.83にはUTF-8の半角スペースには2種類あるとBlogger:SyntaxHighlighter(3)iOS Safariで行番号がずれる問題を解決の問題が発生しますが、v4.では解消されています。ただし、v4の導入には自分でビルドする必要があります。) テンプレートHTMLに貼り付けるコードを自動生成させる Syntax Highlighter Scripts Generator ‹ Bl

    Blogger:SyntaxHighlighter(1)ブログにソースコードを綺麗に表示させる
  • bloggerで投稿の要約(snippet)を表示して、readmoreリンクをつける

    bloggerは、ホーム画面でも投稿記事の全文が表示されます。 できれば、ホームでは、文は100文字だけ表示して、 ReadMore とか もっと読む をクリックして、全文を読めるようにしたい。 そんな衝動も駆られました。 今回みたいな長文を書くと、その分だけ表示が遅くなるのは残念なので・・・。 以前は、javascriptでこのような機能を実装可能でした。 今も可能ですが、もっと簡単に行う方法があるようです。 それが、data:post.snippet です。 文の140文字くらいを、要約として表示するもののようです。 詳細は不明。 Nasuさん、Amanda Kennedyさんの下記の記事を参考にさせていただきました。 ■Blogger 自動ReadMoreを使いつつページサイズを改善する方法 http://nasunoblog.blogspot.jp/2012/03/blogge

    bloggerで投稿の要約(snippet)を表示して、readmoreリンクをつける
  • Blogger ブログの要約記事をトップページに表示するアイディア

    久々の Blogger ネタ、でもアイディアだけ。 テンプレートの変更を考えていまして、トップページの表示をなるべく簡素にしたいと思い、タイトル(と記事の要約)のみの表示へ変更する予定です。 記事の要約のみを表示して、「続きを読む」リンクなどを設置する方法は以前からあり、こちらで詳しく解説されています。 Envy Inc.: 「続きを読む」をベータに継承クリボウの Blogger 入門: Blogger にも「続きを読む」機能 ただし、この方法は(今までのものを含め)全ての記事内容をそれ専用に編集しないとなりません。 そこで、アイデアというか思いつき。 Blogger ブログで配信しているフィードにはサマリィ(要約:この場合は最初の数百文字程度)だけを抜き出したものがあります。 詳しくは、こちらを。 clmemo@aka: Blogger Beta の各種フィードのまとめ 自分のブログを例