スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
総合案内当ブログについて
Windowsの目次Linuxの目次Linuxの目次2・ ・自作PC関連の目次Web技術関連の目次
全記事一覧情報サイト新着RSS一覧

Sponsored Link

いまさら始めるGithHub & GistでFC2にソースコード貼り付け

GitHub登録&Gistにファイル記述してFC2ブログでキレーにソースコードとか表示してみよーの試み。
いくら俺はなんちゃってIT系だからといって、今まで実はHTMLコードやらスクリプトやら端末出力やらをとりあえずblockquoteタグやらpreタグでごまかしてきたけど、いくらなんでもそりゃーないだろーと常々思ってました。
実はSyntaxHighLighterを導入しようと多少格闘したことはあったけど、すぐに諦めてしまったなど。
最近端末出力やタグ貼り付け多いなーと思ってたし、そういやみんなGitHubけっこう気楽に使ってるよね。
ってことでやってみましょう。うまく表示されてたら今後は使うかも。(過去記事までは直さない

参考
【github:gist】ブログやホームページでソースコードを綺麗に見せる方法【綺麗なソースコードを目指す】
『「Github」のアカウントは登録するけど「Github」にはちっとも触らない』ちょっとおバカなGithub「超『超』入門」

1.GitHubにアカウント作る
https://github.com/
ユーザー名、メールアドレス、パスワード入れるだけ。
何を今までためらっていたんだというあっけなさ。
ユーザー名はかぶってたら警告が出るので変えるなり-とか入れるなりして試してみましょー。
プラン選択は当然デフォルトの無料で。「Finish sign up」。

2.上の方のGistからファイル上げてみよー(Text)
git cloneくらいしか使えていない僕にはgitで開発とかブランチとかpullとかpushとかよくわかりませんね。
まぁソースコードだけならそんな知識もいらないようです。
とはいえいざ何か書くって言うとビミョーなネタしかないのでCentOSサーバーのNginx設定ファイルとNginxのデフォルトのindex.htmlをコピペしてみました。
Screenshot from 2014-08-22 23:31:22 ファイル名の拡張子とその右のファイル形式プルダウンで選びます。
SecretとPublicを選べます。
今回はブログにはるのが目的なので公開。

右側にEmbed URLって出るのでそれをコピペ。Javascriptのようですね。


3.Gistからhtmlファイル上げてみよー
ファイル名適当につけてたらtxtにしかならなくておっかしーなーと数分悩んだ結果、ファイルの拡張子の問題であることに気づいたなど。
.htmlをつければ自動的にhtmlに切り替わってマークアップもしてくれる。多分他の言語でも拡張子ちゃんとつければ大丈夫なんでしょう。
Screenshot from 2014-08-22 23:44:40 (画像はtxtファイルと判断されてます)



4.うまく表示されてる?
されてなかったらこの記事ソッコー消す。

表示されてるみたいですね。消さなくて済みそうです。(過去記事は直しません
Gist上のファイルいじったら連動してくれるので、ちょっと注意が必要そうですがそれはそれで便利です。

関連記事
WindowsでGitHubのリポジトリ管理(Windows10 TPでgit)
いまさらながらLinux上(LMDE)からGitHubを使ってみよう
Gitのエラーを直そう object is empty →refs/remotes/origin/master does not point to a valid object!
関連記事
総合案内当ブログについて
Windowsの目次Linuxの目次Linuxの目次2・ ・自作PC関連の目次Web技術関連の目次
全記事一覧情報サイト新着RSS一覧

Sponsored Link

コメントの投稿

管理者にだけ表示を許可する
ブログ内検索

カスタム検索

フリーエリア

クリックで救える命がある。

レンタルサーバー

さくらのマネージドサーバ
さくらインターネットのVPS
ConoHaのVPS
WebARENA VPSクラウド
99円レンタルサーバー
【CloudCore VPS】
GMOクラウドのレンタルサーバー
転送量無制限 ABLENET
@WAPPYレンタルサーバー
SPPDレンタルサーバー

カテゴリー+月別アーカイブ

 

アクセスカウンター

現在の閲覧者数:

プロフィール

Author:tmin
PCヲタ。ライト2ちゃんねら。
スロット好きのギャンブラー。(元
むしろ人生がギャンブルだが目下のところ負けっぱなし。
座右の銘は「結果オーライ」。故に基本適当。
トラブルもまた楽しみのひとつ

コメント、トラバ、相互リンク歓迎。お気軽にどうぞ。
当ブログについて
Twitterでこっちとあっちの更新情報流すことにしてみます。
http://twitter.com/t_min
Project Mikunchu♪Wikiできました。
Mikunchu200x40.png


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。