ブログ

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

投稿日:

livedoor_syntax

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

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

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

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


Sponsored Links




ざっくりとした手順

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

1.「syntaxhighlighter」をDL

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

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

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

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

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

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

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

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

3.HTMLを編集する

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

①</head>の直前に追記

②</body>の直前に追記

4.使い方

例:HTML

例:C言語

5.まとめ

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

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

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

宜しければ、ポチッとお願いします。
にほんブログ村 IT技術ブログ IT技術メモへ

スラスラわかるHTML&CSSのきほん
狩野 祐東
SBクリエイティブ
売り上げランキング: 13,110

AdSense_336px

AdSense_336px

-ブログ
-,

Copyright© My,WebNote - 備忘録 - , 2017 AllRights Reserved