用githubpage搭建自己的博客并綁定自己的域名

需要準(zhǔn)備的工具如下:

  • git
  • npm
  • hexo
  • 一個自己的域名(可以去 godaddy 買,或者去阿里云買,但是阿里云買就需要備案,手尾比較長,本文用godaddy 示例)
  • github 賬號
  • 你機(jī)子ssh的public key

下面開始我們的搭建:

  1. 在 github 部署ssh。

    • 打開命令行終端(windows 用戶打開git-bash)
    • 輸入ssh-keygen,一直按enter
    • 生成完畢后,我們cd ~/.ssh(windows 用戶在你本機(jī)用戶的根目錄下,有個.ssh 文件夾),打開之后我們會看到里面有兩個文件,一個是id_rsa,一個是id_rsa.pub,這個id_rsa.pub,就是生成的公鑰了
    • 打開我們的github的SSH and GPG keys
    • 點(diǎn)擊New SSH Key,在下面的框里面填上id_rsa.pub的內(nèi)容,這樣我們就部署完ssh了
  2. 創(chuàng)建一個倉庫,名字是你的用戶名開頭,github.io 為結(jié)尾。比如我的用戶名是JKair,那么就創(chuàng)建jkair.github.io

  3. 用hexo 初始化我們的博客,并且上傳到github。

    • 在你的工作目錄下,hexo init blog
    • 打開創(chuàng)建好的 blog,然后再打開_config.yml,拉到最下面
    • 我們再修改里面的部署配置:
      deploy:
      type: git
      repo: 你的倉庫地址,記得是ssh地址,這樣不用老是輸入密碼
      #branch: 這個可填也不填,如果不指定的話,hexo 將會自己創(chuàng)建一個master 分支上傳
      
    • 打開命令行,在 blog 的目錄下輸入 hexo clean && hexo d,等hexo 編譯完就部署上去了了
    • 打開你的項(xiàng)目地址比如我的就是http://jkair.github.io
  4. 綁定自己的域名(這里以godaddy 示例,因?yàn)榘⒗镌瀑I的話還要備案啥的,手尾很長)

    • 首先我們?nèi)?a target="_blank">godaddy注冊一個賬號,注冊完畢之后登陸,主頁就能直接搜索域名了,花幾塊錢(土豪除外)買一個你自己想要的域名,一般 xyz 結(jié)尾這些或者是長名稱的域名比較便宜
    • 接下來點(diǎn)dns->管理區(qū)域->搜索自己剛買的域名(比如我買的是kair.xyz)
    • 我們進(jìn)入了一個設(shè)置dns 的界面,那么接下來根據(jù) github 的文檔我們要添加四個 ip 進(jìn)去
    類型 名稱 記錄值
    A @ 185.199.108.153
    A @ 185.199.109.153
    A @ 185.199.110.153
    A @ 185.199.111.153
    • 打開我們的github.io 的項(xiàng)目setting,在Github Page那一欄,customer domain填上你買的域名,比如我填的就是kair.xyz,回到項(xiàng)目,我們會發(fā)現(xiàn),你的文件目錄下,多了一個CNAME文件,里面寫的就是你剛剛填的域名。
    • 打開kair.xyz,看到我們剛剛打開的github.io 域名下的頁面,我們就部署成功了。

整個部署過程就是這樣,接下來就是如何維護(hù)自己的博客,并且修改主題樣式了,我會額外再寫一篇文章。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容