于域名大家應該很不陌生了,它就好比自家的門牌號碼,需要具備簡短易記,這樣才能方便用戶的記憶和操作。在今天的內容中,廊坊網站建設公司的小編將主要講講如何進行域名的綁定和解析設置。
當域名申請完成后,會有一個管理平臺,進入到里面我們可以很清楚的看到域名注冊時間和到期時間,還有就是一些相關的信息。有了域名之后我們就可以進行空間的綁定和解析操作了,下面分兩步進行設置:
1.綁定域名
首先登陸會員帳號,選擇業務管理中的虛擬主機管理,找到對應的主機,點擊管理。點擊進入高級管理,即可進入主機控制面板。在控制面板中選擇域名綁定功能,將所要綁定的域名填寫,然后點擊添加域名即可,一般是綁定www和不帶WWW的兩個域名。最后操作完成后,一般需要等待半小時左右可以生效。
2.域名解析
首先進入到域名的管理平臺,找到解析按鈕,隨后點擊進入。有的管理平臺會有相應的解析說明,在解析設置前需要進行詳細閱讀。了解了相關的內容后,我們進入解析設置,先是新增兩條域名解析,主機名分別為WWW和@值,解析類型可是為CNAME也可以為IP,操作完成后一般在1-24小時內容生效。
總結:按照上面的方法操作完成后,等過一段時間我們可以進行域名打開的測試,如果可以打開說明操作正確。一旦出現打不開的情況,就需要回到各自的管理平臺進行檢查。
原創文章出自暢想網絡,轉載地址:http://www.e-wkj.cn/xw/2466.html
itHub pages提供綁定域名的功能(custom domain),在倉庫的setting中可以設置,GitHub也提供了幫助頁面說明相關步驟和注意事項。一旦成功綁定自己的域名,就可以使用該域名來訪問博客了,比如我綁定的域名是iseex.me,那么在瀏覽器中輸入iseex.me就可以了。當然,輸入GitHub Pages的原地址(username.github.io)會自動跳轉到iseex.me。
雖然GitHub以及網上都有很多域名綁定的操作教程,但是自己操作起來發現還是會遇到一些問題,特別是https支持的配置。這也就是我寫這篇博客原因,我希望我寫的博客能解決你在網上難以查到答案的問題。
廢話不多說,按照以下幾個步驟來介紹。
首先得申請個自己喜歡的域名,不建議在國內申請域名,因為要需要備案。在國際知名的域名供應商Godaddy(https://www.godaddy.com)上申請是個不錯的選擇,GoDaddy支持用支付寶付款,這點對中國用戶比較友好。需要提一下,GitHub大法有個GitHub Education (https://education.github.com/),對學生有教育優惠,如果申請成功,GitHub會送你一個教育禮包(pack),包括一年的namecheap(域名供應商)免費域名、Atom編輯器、Digital Ocean(主機)供應商的優惠券等福利。
我這次就是申請的教育優惠,因此用的就是一年免費的namecheap域名,不過需要注意的是namecheap免費域名只限定為.me的域名,不含.com以及.io等,比如我的域名iseex.me一年免費,一年之后需要續費。申請教育優惠和namecheap域名不是今天要講的內容,具體步驟可參考文章我的 Github 個人博客是怎樣煉成的(https://www.jianshu.com/p/4fd3cb0a11da)。
DNS用于域名解析,即將主機空間和域名建立定向關系,是搭建網站非常重要的一個環節。一般來說,主機空間價格較貴,域名比較便宜(除非是那些非常好的域名)。之所以GitHub Pages這么受歡迎,原因之一便是GitHub Pages提供免費的主機空間。
DNSPod是主流的域名解析平臺,不過這里用的是namecheap自帶的域名解析服務。登陸namecheap,進入控制臺,點擊Domain List,可以查看到自己的域名,再點擊 Manage,如下圖。
進入下圖,點擊Advanced DNS,可以看到namecheap控制臺已經自動為你添加了記錄。其中兩條A記錄指向的ip地址是GitHub Pages提供的ip,www指定的記錄是你在GitHub注冊的倉庫。
需要注意的是,為了https配置,上圖中的ip是我修改過的。默認情況下namecheap指向的ip是:
雖然利用上述兩個ip也能正常進行域名解析,網站也能正常打開,但是不支持https。https更加安全,越來越多的網站也加持了https,在Chrome中用http而非https的網站會提示不安全。
我在配置過程中,GitHub Pages的settings中就提示綁定的兩個ip比較老,現在不能支持https,因此根據GitHub提供的幫助文檔(https://help.github.com/articles/troubleshooting-custom-domains/#https-errors)中的信息:
可以知道,支持https的ip地址必須指向以下ip其中一個。
如上圖所示,我在namecheap控制臺配置的就是其中兩個。到此DNS的設置就完成了,如果是用DNSPod進行域名解析可以參考資料如何搭建一個獨立博客——簡明Github Pages與Hexo教程 (https://www.jianshu.com/p/141abf1700da)。
下面進行GitHub的設置,打開GitHub倉庫的settings,在custom domain 中填上剛申請的域名(如果是用namecheap的域名,GitHub Pages會自動填充域名),勾選enforce https,使能https支持,如下圖所示。
按照GitHub Pages的幫助文檔 (https://help.github.com/articles/using-a-custom-domain-with-github-pages/),綁定域名需要在倉庫中新建一個CNAME的文件,文件內容為綁定的域名(比如iseex.me),如下圖所示。
不過第一次GitHub Pages也會自動建立好CNAME文件,不需要我們操作什么。
接下來很重要的一步,由于前面我們更新了ip地址,根據GitHub 提供的幫助文檔 (https://help.github.com/articles/troubleshooting-custom-domains/),我們需要刪除CNAME并重新添加,以觸發https支持,如下圖所示。
到這里看似該完成的都完成了,可是打開settings,發現還是有警告??。接著,我根據GitHub Pages的Help頁面(https://help.github.com/articles/securing-your-github-pages-site-with-https/)提供的幫助,如下圖。
大致意思是讓html中的鏈接(src)都使用https的形式,因此我想到的解決辦法是在Jekyll或者Hexo的配置文件.config.yml的url項寫上帶https的域名,如下所示。
修改完push一下,再次到倉庫的settings一看發現一切正常,如下圖所示。
在Chrome中打開網站iseex.me,也顯示安全,如下圖。
最近我取消了域名綁定,還是用域名iseex.github.io訪問博客,下方iseex.me的鏈接已無法訪問,不過這不影響對本文的理解。另,我的github用戶名從以前的iseexuhs換成了iseex,因此不要覺得截圖有誤。
大功告成,如果有疑問?歡迎在下方留言。如果覺得本文不錯就給個關注吧,感謝支持!
喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎么做,所以我想我會快速地寫下來!
-- Julia Evans(作者)
我喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎么做,所以我想我會快速地寫下來!
我的所有網站都只是靜態 HTML 和 CSS。我的網頁設計技巧相對不高( https://wizardzines.com 是我自己開發的最復雜的網站),因此保持我所有的網站相對簡單意味著我可以做一些改變/修復,而不會花費大量時間。
因此,我們將在此文章中采用盡可能簡單的方式 —— 只需一個 HTML 頁面。
我們要放在互聯網上的網站只是一個名為 index.html 的文件。你可以在 https://github.com/jvns/website-example 找到它,它是一個 Github 倉庫,其中只包含一個文件。
HTML 文件中包含一些 CSS,使其看起來不那么無聊,部分復制自 https://example.com 。
有以下幾步:
上面的 index.html 頁面位于 julia-example-website.neocities.com 中,如果你查看源代碼,你將看到它與 github 倉庫中的 HTML 相同。
我認為這可能是將 HTML 頁面放在互聯網上的最簡單的方法(這是一次回歸 Geocities,它是我在 2003 年制作我的第一個網站的方式):)。我也喜歡 Neocities (像 glitch ,我也喜歡)它能實驗、學習,并有樂趣。
這絕不是唯一簡單的方式,在你推送 Git 倉庫時,Github pages 和 Gitlab pages 以及 Netlify 都將會自動發布站點,并且它們都非常易于使用(只需將它們連接到你的 GitHub 倉庫即可)。我個人使用 Git 倉庫的方式,因為 Git 不會讓我感到緊張,我想知道我實際推送的頁面發生了什么更改。但我想你如果第一次只想將 HTML/CSS 制作的站點放到互聯網上,那么 Neocities 就是一個非常好的方法。
如果你不只是玩,而是要將網站用于真實用途,那么你或許會需要買一個域名,以便你將來可以更改托管服務提供商,但這有點不那么簡單。
如果你熟悉在 Git 中編輯文件,同時想練習 HTML/CSS 的話,我認為將它放在網站中是一個有趣的方式!我真的很喜歡它的簡單性 —— 實際上這只有一個文件,所以沒有其他花哨的東西需要去理解。
還有很多方法可以復雜化/擴展它,比如這個博客實際上是用 Hugo 生成的,它生成了一堆 HTML 文件并放在網絡中,但從基礎開始總是不錯的。
via: https://jvns.ca/blog/2019/09/06/how-to-put-an-html-page-on-the-internet/
作者: Julia Evans 選題: lujun9972 譯者: geekpi 校對: wxy
本文由 LCTT 原創編譯, Linux中國 榮譽推出
*請認真填寫需求信息,我們會在24小時內與您取得聯系。