Web_Basic
  • Introduction
  • Web Component
  • HTML basic
  • CSS basic
    • Inline element 與 Block element
    • 實用CSS 技巧
    • CSS Grid 教學
  • CSS Advance
    • Adobe spectrum
    • CSS Tricks
    • Contain block
    • OOCSS、SMACSS、BEM、SEM、BIO
    • z-index
    • Flexbox教學
    • 使用Materialize css
    • 使用Semantic UI
    • 使用Bootstrap
    • Ant design
    • Less
    • Animation
    • 簡單的特效
    • SCSS
  • Javascript basic
  • 開始寫一個網站前
    • 寫一個靜態網站2
    • 寫一個靜態網站
  • 部屬到github pages
  • 做一個OX小遊戲
  • 做一個貪食蛇小遊戲
  • canvas
  • Regexp
  • SVG
  • Sublime快捷鍵
  • Deploy Blog 使用 Hexo
  • 域名設定
    • 註冊域名信箱
      • 使用AWS SES
      • mailgun
    • subdomain,清除DNS快取
  • 使用cloudflare
  • 使用VNC server
  • SEO
    • Sitemap
    • search console
  • 遠端連線
  • HTML LiveReload
  • ngrok 與 local tunnel
  • Service worker 與 Cache
  • Zeplin 搭配 Sketch
  • 測試 IE 網頁相容性
  • 網站產生器
Powered by GitBook
On this page
  • 域名設定
  • 1.以下用AWS EC2 與Goddy為例
  • 子網域(subDomain)
  • 使用GITHUB pages 搭配子網域
  • Authoritative name server

Was this helpful?

域名設定

PreviousDeploy Blog 使用 HexoNext註冊域名信箱

Last updated 3 years ago

Was this helpful?

域名設定

1.以下用AWS EC2 與Goddy為例

致電godaddy後他們的客服都不太能解決問題,一開始我看網路上教導說使用AWS Route53服務,但注意,此不包含在Free tire 需另外收費,但還是稍微講解route53的dns設定,當初參考此篇 record 指向你的example.com和www.example.com,才算完成.

但要如何用免費的EC2不用route53指向我們在godaddy買的網域呢?

因為一開始EC2給你的都是浮動的IP也就是你把機器重開後IP位置就會改變,所以我們要先申請Elastic IP,一樣在EC2的console那可申請,之後你的EC2的ssh與public ip會自動改為你新申請好的Elastic IP之後再到Godaddy點選域名伺服器,但注意要選使用預設名稱伺服器,之後會發現上面多出一個框框

之前一直很納悶為什麼都沒有出現這個,直到我把域名伺服器選項從自訂改為預設後才出現,之後就把A記錄改為你的EC2 IP 然後再把CNAME 的 WWW改為 你的域名即可, 即為@

有時找不到設定的頁面,因為你的域名伺服器改過,這時要聯繫客服

(2017/2/14) 先點擊右上帳號的我的產品=>往下拉到網域部分,點擊管理,然後點擊網域名稱

之後點擊DNS區域檔案(如果沒出現請聯繫客服)

接著新增把A紀錄的IP更改為EC2的即可

域名伺服器不用更改

子網域(subDomain)

類似 info.domain.com

在域名前加上其他名字

可設定類似如下

類型    名稱    值    TTL    動作
A    @    52.193.84.195    1 小時    
A    info    52.198.155.128    1 小時

雖然有些教學網站說要設CNAME但在此設定一個A紀錄即可 因為cname是給轉址DNS(http....)之類的非ip使用

單一 server 多個 subdomain

如果同個 ip 有多個 subdomain 則在 A 紀錄名稱取名 subdomain 名稱,之後都指向同個 ip 然後 nginx server name 再設定即可

nginx.conf

server {
  server_name api-dev.domain.com
  ....
}
server {
  server_name api-prd.domain.com
  ....
}

額外補充:如果要快速幫每個 subdomain 加上 https 只要使用 certbot 即可。安裝好後執行:

sudo certbot --nginx 進入互動式指令,選擇 subdomain 即可。

使用GITHUB pages 搭配子網域

讓使用者輸入class.sakatu.com 可轉址到easonwang01.github.io

在DNS provider(ex:godaddy) 設定

類型    名稱    值    TTL

CNAME    class    easonwang01.github.io    1 小時

接著記得到你的github pages設定轉址位址

如果在<Username.github.io>的repo下設定網域一般來說後面加上/repo就會跑到那個repo page,但如果你的那個repo也有設好custom domain則它會自動幫你轉換url

如果想要使用自訂的subdomain加上https服務呢

可使用cloudflare的服務,原理為在進入該網站前先進入cloudflare的proxy

注意:如果想把gh-page之pages對應不同domain或subdomain比較不可行

因為CNAME的設定只可以放domain不可加上/但gh-pages對應到domain後一定會自動加上/,所以造成找不到頁面

而只在和對應使用者名稱的github pages加上domain名稱的話其他gh-pages repo會自動讓轉址後的domain對應/ ex:sakatu.com/class

瀏覽器redirect快取移除

1.開啟devtool disable cache 然後開著devtool再到該網站即可

2.在網址後加上//即可

ex:

https://easonwang01.github.io/classPPT

改為

https://easonwang01.github.io/classPPT//

Authoritative name server

會返回 domain 指向的 IP address,與 recursive name server不同的地方為他是已經寫好什麼 domain 對應什麼 IP,不用去問其他 DNS server。

host -t ns dnsknowledge.com

https://serverfault.com/questions/413124/dns-nslookup-what-is-the-meaning-of-the-non-authoritative-answer
https://www.quora.com/How-do-I-route-my-GoDaddy-domain-name-to-my-Amazon-EC2-web-server的第一個回答,但他的回答還少了兩點,就是還要再route53加上兩筆A
GoDaddy - 新增子網域GoDaddyHelp
What Is Authoritative Name Server?
Logo
Logo