# GitHub の HTML を Web上でプレビューする方法
> GitHub 上にある HTML は GitHub で見るとコードとして表示されますが、それをWeb上でプレビューする方法。
- Canonical: https://c-a-p-engineer.github.io/github-html-preview/
- Published: 2021-05-21T18:00:00.000Z
- Modified: 2021-05-21T18:00:00.000Z
- Categories: Git, Web
- Tags: Git, Web, GitHub

GitHub 上にある HTML は GitHub で見るとコードとして表示されますが、それをWeb上でプレビューする方法。

## GitHub & BitBucket HTML Preview
1.<a href="https://htmlpreview.github.io/" target="_blank" rel="nofollow noopener">GitHub & BitBucket HTML Preview</a> にアクセス
2.テキストボックスに見たい `GitHub` 上のHTMLを指定
サンプル例：`https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html`
3.【Preview】ボタンを押下
4.HTMLが表示される

また直接URLで以下のように指定することも出来ます。
`http://htmlpreview.github.io/?https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html`

## 参考
* <a href="https://github.com/htmlpreview/htmlpreview.github.com" target="_blank" rel="nofollow noopener">htmlpreview/htmlpreview.github.com: HTML Preview for GitHub Repositories</a>