瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > つたえる > a-blog cms とマークダウンで大量の写真をブログにアップ > マークアップ
a-blog cms とマークダウンで大量の写真をブログにアップ
選択されているタグ
- 2010-03-25 (木)
- つたえる
a-blog cms で作ったブログに、写真を大量に載せたかったので
ちょっと考えてみました。
Picasa とか Flickr とかもどうかなーと思ったのですが、
少しさわってみたら、めんどうくさそうな雰囲気が漂ってきたのでやめ。
FTP でサーバーにアップしてマークダウンってことで
落ち着きました。
せっかくなので、やり方を紹介しておきます。
ブログだけじゃなく、サイト制作にも役に立つ、かも。
R-Name でリネームしてサーバーへ
まず写真を適当なサイズに加工。
「R-Name」というフリーのリネームソフトがあるので(Mac用)
これと使って写真を「01.jpg〜」の連番に変更。
(参考:わかばマークのMacの備忘録 : R-Name)
それを適当なフォルダに入れてサーバーにアップロード。
アップロード先の例:
http://shunkantoeien.com/photo/2010/03/23/01.jpg
(ドメイン/[photo]/西暦/月/日/01.jpg)
マークダウンを選んで、置換&コピペでどうぞ
コピペ用のソースの【画像までのパス】を置換して、
【タイトル】はお好みでつけてください。
あとはマークダウンを選択して、置換したコピペ用ソースをぶっこめばOK。
マークダウンで画像を入れる方法は2通りあるみたいですが
(参考:マークダウン記法で入力する | a-blog cms)
このやりかただと alt 属性はつかないっぽいですね。
よろしければどうぞ。
しかし、これ需要あるのかな…。
コピペ用ソース(30枚までいけます)
![][img01] ![][img02] ![][img03] ![][img04] ![][img05] ![][img06] ![][img07] ![][img08] ![][img09] ![][img10] ![][img11] ![][img12] ![][img13] ![][img14] ![][img15] ![][img16] ![][img17] ![][img18] ![][img19] ![][img20] ![][img21] ![][img22] ![][img23] ![][img24] ![][img25] ![][img26] ![][img27] ![][img28] ![][img29] ![][img30] [img01]: 【画像までのパス】/01.jpg "【タイトル】" [img02]: 【画像までのパス】/02.jpg "【タイトル】" [img03]: 【画像までのパス】/03.jpg "【タイトル】" [img04]: 【画像までのパス】/04.jpg "【タイトル】" [img05]: 【画像までのパス】/05.jpg "【タイトル】" [img06]: 【画像までのパス】/06.jpg "【タイトル】" [img07]: 【画像までのパス】/07.jpg "【タイトル】" [img08]: 【画像までのパス】/08.jpg "【タイトル】" [img09]: 【画像までのパス】/09.jpg "【タイトル】" [img10]: 【画像までのパス】/10.jpg "【タイトル】" [img11]: 【画像までのパス】/11.jpg "【タイトル】" [img12]: 【画像までのパス】/12.jpg "【タイトル】" [img13]: 【画像までのパス】/13.jpg "【タイトル】" [img14]: 【画像までのパス】/14.jpg "【タイトル】" [img15]: 【画像までのパス】/15.jpg "【タイトル】" [img16]: 【画像までのパス】/16.jpg "【タイトル】" [img17]: 【画像までのパス】/17.jpg "【タイトル】" [img18]: 【画像までのパス】/18.jpg "【タイトル】" [img19]: 【画像までのパス】/19.jpg "【タイトル】" [img20]: 【画像までのパス】/20.jpg "【タイトル】" [img21]: 【画像までのパス】/21.jpg "【タイトル】" [img22]: 【画像までのパス】/22.jpg "【タイトル】" [img23]: 【画像までのパス】/23.jpg "【タイトル】" [img24]: 【画像までのパス】/24.jpg "【タイトル】" [img25]: 【画像までのパス】/25.jpg "【タイトル】" [img26]: 【画像までのパス】/26.jpg "【タイトル】" [img27]: 【画像までのパス】/27.jpg "【タイトル】" [img28]: 【画像までのパス】/28.jpg "【タイトル】" [img29]: 【画像までのパス】/29.jpg "【タイトル】" [img30]: 【画像までのパス】/30.jpg "【タイトル】"
--
※この記事を書いた人、ミズノケイスケに興味を持っていただけましたら、リンクツリーをどうぞ。
この記事に関連する記事
- 関連ぐあい 4 : a-blog cms のフォーム、セレクトボックスの option コピペ用
- 関連ぐあい 4 : a-blog cms でフォームを作るときに便利な日付の <option> コピペ用
- 関連ぐあい 3 : a-blog cms camp 2011春のこと と .htaccess で簡単高速化コピペ用
- 関連ぐあい 3 : 衝突? DD_belatedPNG と フェード系 jquery で動かない
- 関連ぐあい 3 : マークアップする時の、要素名の名前サンプル
- 関連ぐあい 2 : Webサイト制作フローに、a-blog cms とプロトタイプを取り入れ、クライアントのUXを高めよう!
瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > つたえる > a-blog cms とマークダウンで大量の写真をブログにアップ > マークアップ
- RSS 購読
- リンク
コメント