4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[Jekyll+Prose.io+Github Pages]でhttp://USERNAME.github.ioへアクセスできるブログを作る。端的に。

Posted at

この先の内容はこちらの抜粋のようなものですのでこちらの方が良いと思います。
Jekyll+Github PagesなブログをWebで管理できるProse.ioが便利… - atskimura-memo
以下、自分向けのメモという形で。

リポジトリ作成

GithubでUSERNAME.github.ioという名前でリポジトリを作成します。

ローカルに環境を作ってGithubへあげる

jekyll-bootstrapを利用します。

git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.io
cd USERNAME.github.io/
git remote set-url origin git@github.com:USERNAME/USERNAME.github.io.git
git push origin master

Prose.ioで編集

Prose.ioはブラウザからGithub上のファイルを編集するもの。
http://prose.ioにログインする。
Github認証をしてUSERNAME.github.ioリポジトリの_config.ymlの末尾に下記を追加。

prose:
#  rooturl: '_posts' # コメントを外すとこのディレクトリ以外はProse.ioで編集できなくなるらしい。
  siteurl: 'http://USERNAME.github.io/'
  media: 'media'
  metadata:
    _posts:
      - name: "layout"
        field:
          element: "hidden"
          value: "blog"
      - name: "title"
        field:
          element: "text"
          value: ""

http://USERNAME.github.ioへアクセスすれば見れるようになっています。

投稿する

Prose.ioで_postsディレクトリへ移動しNEW FILE。

内容書いてSave、Commitメッセージ記入。画面に従えばOK。
再読み込みするかもう一度このファイルを閲覧するとUnpublishedと出ているのでここを変更すると公開状態に。

あとは見た目を変えたりページ構成を変えたりして自分オリジナルページに。
さぁて何に使おう。


作ってから時間を空けてこのメモ書いたので記憶違いがあるかも。すぐ書かないと忘れますね。

4
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?