Github pages博客搭建與域名綁定


Github Page

github page是由用戶編寫的托管在github上的靜態網頁,為了搭建一個個人博客,我們可以租用一個雲服務器然后部署我們的博客項目,常見的比如wordpress,像wp這樣的博客系統需要用到服務器后台的數據庫,所以是動態的,github page相對於雲服務器來說,不能提供數據庫服務,所以資源都是靜態存放在github上的,但是是免費的,而且速度也還可以,相對來說很穩定。

Hexo

什么是Hexo
Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。簡單來說Hexo就是一款適合用在github page的博客框架。

安裝步驟

Git

Git是分布式版本控制系統,我們需要用git上傳我們的博客代碼。

Nodejs

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境,Hexo基於Nodejs

npm

NPM是隨同NodeJS一起安裝的包管理工具,用來下載別人編寫的第三方包。

換源

因為nodejs是國外的技術,所以下載速度在次元壁的限制下會很慢所以我們可以換成國內的淘寶鏡像

npm config set registry https://registry.npm.taobao.org

查看是否換源成功

npm config get registry

Hexo

新建文件夾用於存放博客文件,然后cd到該目錄。

npm install -g hexo-cli

安裝完后用hexo -v 查看版本確保安裝成功,之后初始化

hexo init myblog #myblog是自己取的名字隨你

進入myblog,安裝依賴

npm install

打開myblog文件夾目錄結構如下

  • node_modules: 依賴
  • scaffolds:生成文章的一些模板
  • source:用來存放你的文章
  • themes:主題
  • public:運行之后會生成,博客的靜態文件
  • 以及一些配置文件
hexo g  # Generate static files
hexo server


打開hexo服務在瀏覽器打開http://localhost:4000就能看到博客了

創建新倉庫 命名為用戶名+.github.io例如ljshllw.github.io

創建ssh

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C "youremail"

回車直到結束,ssh,簡單來講,就是一個秘鑰,其中,id_rsa是你這台電腦的私人秘鑰,不能給別人看的,id_rsa.pub是公共秘鑰,可以隨便給別人看。把這個公鑰放在GitHub上,這樣當你鏈接GitHub自己的賬戶時,它就會根據公鑰匹配你的私鑰,當能夠相互匹配時,才能夠順利的通過git上傳你的文件到GitHub
登陸github找到setting添加SSH key 將剛才生成的id_rsa.pub(文件所在地址生成在ssh-keygen命令的時候有顯示查看gitbash記錄即可得知)文件里的內容粘上去

gitbash中輸入如下命令查看是否成功

ssh -T git@github.com

關聯

修改_config.yml(你的博客目錄下)文件,下拉到底部

deploy:
  type: git
  repo: https://github.com/name/name.github.io.git #name為你的github名稱
  branch: master

安裝deploy-git

npm install hexo-deployer-git --save

Hexo素質三連完成發布

hexo clean    # 清理
hexo generate # 生成
hexo deploy   # 部署

綁定域名

買域名

國內的可以去阿里雲旗下萬網買,缺點是需要認證,國外的話可以去GoDaddy買,不用實名認證,前提是不部署在國內廠商的雲服務器,政策要求都需要認證(十分之坑),.top是新出的中國頂級域名價格也很便宜買個玩玩也不錯。我這里是在阿里雲買的,因為方便,bearw.top <熊網?熊王> ,買了很久了忘了價估計也就是20塊錢一年,長度短有意義的域名肯定相對就比較貴成千上萬的我只敢看看,長度很長的個位數就能拿下。

解析

我這里用阿里雲的做演示,登陸阿里雲控制台,選擇域名選項,添加兩條CNAME解析

github設置

登陸github選擇gitpage倉庫,選擇settings,下滑找到Github PagesCustom domain里填入你的域名,然后點擊Save,稍等一會就好了,之后會默認轉成HTTPSSSL證書來自Let's Encrypt

個性化

Hexo 支持主題設置,可以自己選擇安裝主題,可以配置的選項也很多,對於新手很友好,熟悉前端的小胖友們更是可以自行定制屬於自己的博客。

bearw.top點我!

也是因為今天突然想起來之前買了域名還沒用,就起興弄個這個玩玩,順便分享給大家,如果有興趣可以自行摸索。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM