mac購入後(1) – wget インストール

このエントリーをはてなブックマークに追加
はてなブックマーク - mac購入後(1) – wget インストール
Newsing it!
Bookmark this on Delicious

/usr/localがないので作成

sudo mkdir /usr/local

ソースの保管場所を作成+移動

sudo mkdir /usr/local/src
cd /usr/local/src

wgetの最新版をダウンロード

sudo curl -O http://ftp.gnu.org/gnu/wget/wget-1.12.tar.gz

圧縮されたファイルを展開+移動

sudo tar zxvf wget-1.12.tar.gz
sudo ./configure

インストール

sudo ./configure
make

と入力したところでエラー

sudo: make: command not found

gccが入ってなかったことに気づきxcodeインストール中なう。。。

xcodeを入れてwgetのインストール

sudo ./configure
sudo make
sudo make install

wp-syntax導入

このエントリーをはてなブックマークに追加
はてなブックマーク - wp-syntax導入
Newsing it!
Bookmark this on Delicious

1
alert("hello world");

WordPressでソースコードをきれいに表示させるために、wp-syntaxというシンタックスハイライトを可能にするプラグインをインストールしてみました。

今使っているWPのデザイン(twenty ten)では、wp-syntaxで使われているCSSとこのデザインに使われているCSSが競合して、表示がおかしくなってしまうのでsytle.cssに以下のCSSを追記します。

1
2
3
4
5
#content .wp_syntax table { margin: 0px; width: 100%;}
#content .wp_syntax table tr td { padding: 0px; }
#content .wp_syntax table td.line_numbers { width: 23px; padding-left: 2px; padding-right: 2px; text-align: right; }
#content pre { overflow-x: auto; padding: 2px; margin: 0; }
#content .line_numbers pre { background-color: #def; color: gray; }

※参照元
WP-Syntax | ソースコードをハイライト表示 WordPressプラグイン
参照元のコードを利用するとハイライトされたコードの下に無駄な余白が出てきてまうので、#content pre にマージン0を追加してあります。

Hello world!

このエントリーをはてなブックマークに追加
はてなブックマーク - Hello world!
Newsing it!
Bookmark this on Delicious

WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !