Turn Any GitHub Repository into a Live Front‑End Site in One Click

Publish a Repo Directly from the Master Branch

GitHub Pages traditionally requires a separate gh-pages branch, which forces developers to sync changes from master to the publishing branch. GitHub now offers an option to serve the site directly from master, so every commit updates the live site automatically.

Share Precise Code Lines

Append #L<line> to a file URL to jump to a single line, or #L<start>-L<end> for a range. GitHub automatically highlights the selected lines.

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45

Auto‑Close Issues via Commit Messages

Include a keyword such as fix, close, resolve, etc., followed by the issue URL in a commit message. The referenced issue will be closed automatically after the push.

fix https://github.com/AlloyTeam/AlloyTouch/issues/6

close

closes

closed

fixes

fixed

resolve

resolves

resolved

Embed GitHub Widgets with HTML

Insert an <iframe> snippet to display a GitHub button (watch, star, fork) directly on a page. Replace user and repo with your own values.

<iframe src="//ghbtns.com/github-btn.html?user=alloyteam&repo=alloytouch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>

Force Language Detection with .gitattributes

GitHub determines a repository’s primary language by counting file types. To treat .html files as JavaScript (or any other language), add a .gitattributes file at the project root. *.html linguist-language=JavaScript This forces the repository to be classified as a JavaScript project instead of HTML.

View Project Traffic Statistics

Navigate to Graphs → Traffic in the repository settings to see Referring Sites and Popular Content, including the most‑visited files and external sites that link to the repo.

Check Daily Trending Repositories

Use GitHub’s trending pages to explore the most popular repositories for a given language.

JavaScript: https://github.com/trending/javascript?since=daily

HTML: https://github.com/trending/html?since=daily

CSS: https://github.com/trending/css?since=daily

Explore: https://github.com/explore

Additional Handy Tips

Type ":" in an issue comment to open the emoji picker.

Press Shift + ? anywhere to display a list of keyboard shortcuts.

Select text in an issue and press R to quickly quote it.