南汇大治河钓鱼人 發表於 2020-3-1 11:22:00

如何给博客园(或者CSDN)设置域名访问

<p>本文主要介绍怎样使用自己购买的域名指向cnblogs博客</p>
<p>通常来说技术人员都会创建个自己的技术博客,总结下工作中的问题,经验等等,不过某些博客的访问链接的确是不太容易记忆或者输入,对我们分享造成一定的困扰,本文通过配置github page静态页面的功能,跳转到指定的博客地址来解决这个问题。</p>
<p>(直接配置域名解析到博客地址无法访问)</p>
<p>实现原理:</p>
<p>用户访问---&gt;阿里云解析---&gt;github page跳转---&gt;真实的博客地址</p>
<h1 id="1创建github-page静态页面跳转进行访问博客地址">1.创建github page静态页面跳转进行访问博客地址</h1>
<p><em>1.1.创建github账号</em><br>
<code>https://github.com</code><br>
<em>1.2.建立一个以账号名开始的仓库</em><br>
命名格式:[账号名.github.io],如下:</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202003/1714745-20200301110640264-832828794.jpg" alt="" loading="lazy"></p>
<p>我这个已经创建了,选择public项目,可以选择初始化一些配置文件,之后直接创建仓库就行</p>
<p><em>1.3.创建静态页面指向博客真实地址</em></p>
<p>创建静态页面文件“index.html”</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202003/1714745-20200301110745618-1555756035.jpg" alt="" loading="lazy"></p>
<p>index.html 文件内容如下:</p>
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style media="screen"&gt;
            * {
                margin: 0;
                padding: 0;
            }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;/body&gt;
    &lt;script type="text/javascript"&gt;
      window.location.href="http://www.cnblogs.com/tssc";  // 将这个地址修改成需要的博客地址
    &lt;/script&gt;
&lt;/html&gt;
</code></pre>
<p>该文件文件创建完成,即可使用上面创建好的仓库域名链接访问对应的博客,证明github到博客的链路已经通了</p>
<p><code>https://zhihaocheng99.github.io</code></p>
<p>如果返回404,可能需要检查index.html配置,或者等待github后台进行解析</p>
<h1 id="2配置域名解析指向github-page页面">2.配置域名解析指向github page页面</h1>
<p>配置域名解析,我这个是阿里云的域名,按照下面的事例进行域名解析配置,记录类型需要配置为别名<code>CNAME</code></p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202003/1714745-20200301111734095-1428989916.jpg" alt="" loading="lazy"></p>
<h1 id="3配置github-page接受阿里云域名解析">3.配置github page接受阿里云域名解析</h1>
<p>在仓库中创建名称为“CNAME”的域名解析文件,内容为阿里云解析的域名</p>
<p><img src="https://img2018.cnblogs.com/blog/1714745/202003/1714745-20200301111817944-306076357.jpg" alt="" loading="lazy"></p>
<p>以上配置完成,整个通道就完全打通,就可以使用自己的域名<code>zhihaocheng99.top</code>访问博客了</p>
<h3 id="参考">参考</h3>
<p>使用自己的域名解析cnblogs博客(CSDN也可以)</p><br><br>
来源:https://www.cnblogs.com/codecheng99/p/12388761.html
頁: [1]
查看完整版本: 如何给博客园(或者CSDN)设置域名访问