博客自定义域名

忘是亡心i 2023-03-05 15:59 72阅读 0赞

# 背景 #

很久之前卖了域名，之前一直解析到自己的vps上。最近经常访问自己的csdn博客，而csdn的博客域名太难记了，而且想要专有域名需要开通csdn会员才能使用，并且格式是`xxx.blog.csdn.com`比较长，使用也不方便。于是想到用自己买的域名解析到自己CSDN的博客。

# 方案 #

一开始想的是通过阿里云（万网，即你购买域名的服务商）设置解析值，直接解析到csdn博客，看了下解析设置的界面，发现有个显性URL重定向的解析选项，可是只能是有备案号且解析商是万网的网站。![显性URL解析][URL]

因此通过只能其它网站重定向csdn博客了，为了简单通过搜索发现github支持这种转发的方式。因此我们可以：

方法1

方法2

自定义域名

自己的vps

vps重定向网页请求到csdn博客界面

CSDN博客

github的页面网站

静态页面重定向到CSDN博客

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

因为方法一要在vps上搭建http服务并且做页面重定向稍显复杂，所以我们以方法二为例：

**默认你已经有github账户，且已经登陆**，请按如下步骤操作：

1.  在任意页面右上角，使用`+`旁边的向下菜单，选择新仓库。  
    ![图例1][1]
2.  点击拥有者的向下按钮菜单，选择你想用来管理仓库的帐号。  
    ![图例2][2]
3.  输入你的仓库名和可选的描述，如果你要创建一个用户或者组织的网站，你的仓库名必须是以`<user>.github.io`或者`<organization>.github.io`来命名。  
    ![图例3][3]
4.  选择仓库的可见度，选择公众的。  
    ![图例4][4]
5.  选择附带`README`初始化仓库。  
    ![图例5][5]
6.  点击创建仓库。  
    ![图例6][6]
7.  在仓库页面点击下图按钮，创建文件`index.html`.  
    ![图例7][7]
8.  在文件中填入重定向页面；

<!DOCTYPE html>
    <html>
    <script> window.location.href="https://blog.csdn.net/xxxxxxxx" </script>
     <body>
     </body>
    </html>

![图例8][8]填入完成后，拉倒页面最下面，点击提交修改。

1.  同样在仓库页面下，创建`CNAME`文件，并且填入你要用的自定义域名，比如`www.best.site`。  
    ![示例9][9]
2.  登录阿里云控制台，进入域名解析控制台，选择要用来解析的域名，点击后面的解析，选择添加记录，选择记录类型为`CNAME`，如下图：第一个红框中填入步骤9中填的域名的前缀，第二个红框填入步骤3中的仓库名；最后确认保存，就可以通过自定义域名访问CSDN了。

![示例10][10]

# 参考文章： #

1.  [Creating a GitHub Pages site][]
2.  [通过github pages将自己的域名解析到csdn博客][github pages_csdn]

[URL]: /images/20230208/be2cfa82908b4ae5a00fb04bba699844.png
[1]: /images/20230208/bed8b0262498452a8673b0dbb4c6cf76.png
[2]: /images/20230208/e9ed6ff33dab4b0b8b4a1bcde22e42c1.png
[3]: /images/20230208/31ad375fe3754a059564ad3e69f18df4.png
[4]: /images/20230208/fb290c49d2724dfa8ac18044d4ddc715.png
[5]: /images/20230208/f1d151bba15f491bb5ad56fee3db8bb0.png
[6]: /images/20230208/219e0bf12f684ad384259b59b58c7b97.png
[7]: /images/20230208/40cbb8f04fb34b5db774326e7d12351a.png
[8]: /images/20230208/701dde5e9bbc44cf808be469d05ef79d.png
[9]: /images/20230208/f92a2f208b2042559c40d80951381f6a.png
[10]: /images/20230208/fb6a07d778d9416c83d015fcf906db05.png
[Creating a GitHub Pages site]: https://docs.github.com/en/github/working-with-github-pages/creating-a-github-pages-site#creating-a-repository-for-your-site
[github pages_csdn]: https://blog.csdn.net/qq_41082953/article/details/89364313