使用GitHub Pages搭建GitHub个人主页

川长思鸟来 2022-10-02 12:51 229阅读 0赞

## 使用GitHub Pages搭建GitHub个人主页： ##

[GitHub个人主页][GitHub]

1、创建一个仓库，名称必须是·`用户名.github.io`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjA2MDEw_size_16_color_FFFFFF_t_70]

2、新增一个index.html文件![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjA2MDEw_size_16_color_FFFFFF_t_70 1]  
3、新打开浏览器访问  
`https://用户名.github.io`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjA2MDEw_size_16_color_FFFFFF_t_70 2]

--------------------

还不过瘾，想跳转自己的博客主页怎么办。  
我们加个重定向脚本指向我们自己的[博客地址][Link 1]

<!DOCTYPE html>
    <html>
    <script> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){ window.location.href="https://blog.csdn.net/qq_35606010"; } else { window.location.href="http://m.blog.csdn.net/blog/index?username=qq_35606010"; } } browserRedirect(); </script>
    <body>
    </body>
    </html>

--------------------

这时候再访问 [https://m18810498592.github.io][GitHub] 就会跳转到博客地址，赶快去试试吧

搭建过程中参考了这篇[博客][Link 2]

[GitHub]: https://m18810498592.github.io
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjA2MDEw_size_16_color_FFFFFF_t_70]: /images/20220112/eb95b6a51bcc4246b4f06a4d472027f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjA2MDEw_size_16_color_FFFFFF_t_70 1]: /images/20220112/b79f3131877746e093d4fec90e4c558b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjA2MDEw_size_16_color_FFFFFF_t_70 2]: /images/20220112/0b3b83ed85264cc4a3ce38b85e1fd45a.png
[Link 1]: https://blog.csdn.net/qq_35606010
[Link 2]: https://blog.csdn.net/lmj623565791