Inject github page link tampermonkey script

readme.md

Effect: (click it will go to the page)

inject.js

// ==UserScript==
// @name         Inject github page link
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       Dipsy Wong
// @match        https://github.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const el = document.querySelector('a[data-pjax="#repo-content-pjax-container"]')
    const [_,username,repoName] = el.href.match(/^https:\/\/github.com\/(.*)\/(.*)$/)
    let url = `${username}.github.io`
    url = `https://${url}/` + (repoName === url ? '' : repoName)
    const a = document.createElement('a')
    a.className+=' Label Label--secondary v-align-middle mr-1'
    a.href = url
    a.innerHTML = 'gh-page'
    el.parentNode.parentNode.append(a)
})();