【ブログ】ライブドアブログへの「Syntaxhighlighter」導入メモ（面倒くさがりの人向け）

既に色々な所で解説記事がありますが、
私自身が異様に手こずったので覚書。

あんまり深い部分には触れず、取り敢えず
使ってみたい人向けの記事となっています。

よって、適当です。無駄な部分が多々あります。
ただ、その無駄がわからない人はとりあえず、
下記のとおりにやってみて下さい。

まぁ、コードをブログに貼ろうと思っている人は
なんとなく無駄部分がわかると思います(；´∀｀)。

ざっくりとした手順

・「SyntaxHighliter」をDL。
・ FTPソフトでデータをアップロード
・ブログのHTMLを編集して完了。

１．「syntaxhighlighter」をDL

これがないと始まらないのでDL。もちろん無料。
DLをした圧縮ファイルを解凍しておく。

今回使用するのは「scripts」「styles」の２つのフォルダーのみ。
適当なフォルダを作成し、２つのフォルダを突っ込んでおく。

２．FTPクライアントでデータをアップロード

今回はFTPクライアントソフトとして有名な
「FFFTP」を使用してデータをアップロードします。

ライブドアブログの場合、一括アップロードは
FTPクライアントを使わないと出来ません。

クライアントソフトのインストールは省略。
FFFTPでのライブドアのアクセス方法は
下記のライブドア公式を参考にして下さい。
FTPアクセスを使用する。

FFFTPにて自分のブログに接続し、画面右に①で
作成した「sh」フォルダをドラッグアンドドロップすれば
アップロードが開始されます。

アップロードが完了したらブログの管理画面
「画像 / ファイル」→タブ「ファイル管理」でアップロードを確認する。

３．HTMLを編集する

管理画面から「ブログ設定」→「PC」→「カスタマイズ」の下記４つに追記する。
『トップページ』『個別記事ページ』『カテゴリアーカイブ』『月別アーカイブ』

①</head>の直前に追記

②</body>の直前に追記

４．使い方

例：HTML

例：C言語

５．まとめ

前々から色々とやっていて、やっと導入が出来た。
なぜこんなに時間がかったのか、情けない(-_-;)。

今後はプログラム関係の記事もしっかり更新する予定。
てか、本来はそっちがメインでブログを立ち上げたはずなのに
完全に「艦これ」メインのブログになってしまった・・・。

提督の皆様。
夏イベ、頑張りましょう(・∀・)b！

宜しければ、ポチッとお願いします。

スラスラわかるHTML&CSSのきほん

posted with amazlet at 16.07.19

狩野 祐東
SBクリエイティブ
売り上げランキング: 13,110

Amazon.co.jpで詳細を見る