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 Pages
在Custom domain
里填入你的域名,然后點擊Save
,稍等一會就好了,之后會默認轉成HTTPS
。SSL證書來自
Let's Encrypt
。
個性化
Hexo
支持主題設置,可以自己選擇安裝主題,可以配置的選項也很多,對於新手很友好,熟悉前端的小胖友們更是可以自行定制屬於自己的博客。
bearw.top點我!
也是因為今天突然想起來之前買了域名還沒用,就起興弄個這個玩玩,順便分享給大家,如果有興趣可以自行摸索。