はてなブログ、はじめてみます。
HTMLの編集画面で編集する
JavaScript
JavaScriptは、HTML編集画面でscriptタグで囲えば普通に使えた。
クリックでalertを表示
外部jsファイルも、レンタルサーバーなんかに置いたファイルを、各エントリーごとに読み込めばいいみたい。ただし、ブログトップにエントリーが複数並んだ場合にどうなるのか未確認。
- <script type="text/javascript" src="http://www.XXXX.com/sample.js"></script>
CSS
外部cssファイルは各エントリーごとに読み込むことができないので、ダッシュボード > デザイン > カスタマイズ > デザインCSS で、読み込みたいファイルを追記する。
- @import "http://www.XXXX.com/sample.css";
リスト
普通に使えることをただ確認。
- リスト list
- リスト list
- リスト list
強調とかマーキングとか
強調とかマーキングとか 強調とかマーキングとか 強調とかマーキングとか 強調とかマーキングとか
blockquote
コピペするときはこんな感じ。
ちくわぶが麺類であることをなぜマスコミは報道しないのか?
サンプルコード
よくブログで見かけるSyntaxHighlighterというのを使ってみたかったんだけど、いくつか外部ファイルを読み込まないといけないみたいだったので断念。ハイライトしない偽ものSyntaxHighlighterにしてみました。
- <?php
- /* 注釈コメント */
- echo "Hello World!";
- ?>
- test.php
コマンドライン
コマンドラインの引用で見かけるのはこんな感じだったか…
- # make
- # make test
- # make install
- test.php
ブログに貼りつけるあれこれ
kwoutで貼りつける
kwoutで切り取って、Any Canvasでお絵描き
ツイート引用
Twitterのblockquoteのテスト
— 五十猛さん (@isotake0214) 7月 21, 2012
写真
はてなフォトライフからも貼りつけできるけど、編集画面から投稿した写真をwidthで縮小表示しておくほうが、クリックしたときにLightBoxな感じで拡大表示されていい感じだった。
おわり
はてなブログ、はじめてみます。
でも、HTML編集モードでHTMLをかいてみたことと、試してみたブログパーツをいくつか貼りつけただけ。
id | title | description |
---|---|---|
1 | タイトル | 説明 |
2 | タイトル | 説明 |
3 | タイトル | 説明 |
4 | タイトル | 説明 |
5 | タイトル | 説明 |