相信很多小伙伴都想搭建自己的個人博客,出於種種原因(窮、菜、懶)一直沒有實踐。無意中發現了GitHub給開發者留下的福利GitPage。免費的靜態代碼托管平台,支持通過域名訪問,還可以自定義域名,又是一大福利。服務器(q)的問題解決了。可能很多小伙伴又覺得自己前端太垃圾設計的頁面太丑了,不要怕Hexo來拯救你。Hexo是一個用於快速搭建博客系統的工具,擁有海量主題隨你挑選。技術(c)問題也解決了。現在就只剩下時間(l)的問題了。話不多跟着筆者一起干吧,噢力給。
一、 准備工作
在開始之前,你需要的准備工作
- 有一個GitHub賬號,別說你沒聽說過Github。
- 安裝 node.js http://nodejs.cn/download/
- 安裝 git客戶端 https://git-scm.com/download/
二、安裝Hexo運行環境
安裝是很簡單的。Git安裝成功后,鼠標反鍵會看到 Git GUI Here與Git Bash Here。node.js安裝成功后,打開反鍵Git Bash Here,輸入node -v 可以看到安裝的版本說明安裝成功。
三、安裝Hexo基本框架
3.1、新建文件夾
在任意位置新建一個文件夾(比如:blog)作為你的博客根目錄,如果玩壞了可以直接把文件夾刪了。進入文件夾,鼠標反鍵打開Git Bash Here。
3.2、安裝Hexo
//安裝Hexo的基礎框架
npm i -g hexo
//初始化Hexo框架
hexo init
//編譯生成靜態頁面
hexo g
//啟動本地服務
hexo s
初始化之后可以看到文件夾中產生了這些文件
- node_modules:是依賴包
- public:存放的是生成的頁面
- scaffolds:命令生成文章等的模板
- source:用命令創建的各種文章
- themes:主題
- _config.yml:整個博客的配置
- db.json:source解析所得到的
- package.json:項目所需模塊項目的配置信息
3.3、驗證
啟動在瀏覽器中訪問 http://localhost:4000 即可
四、將博客部署到GitPage上
4.1、創建新倉庫
在GitHub上創建一個repo,名稱為username.github.io。username就是你自己的用戶名。
4.2、設置Git
返回Git Bash設置Git的用戶認證。當彈出用戶名密碼輸入框,登陸即可。
git config --global user.email "userEail"
git config --global user.name "userName"
4.3、配置 _config.yml 文件
打開根目錄的 _config.yml 修改
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
4.4、上次到GitHub
先安裝 npm install hexo-deployer-git --save
每次部署按一下命令
hexo chean
hexo g
hexo d
部署的時候需要輸入你的用戶名密碼即可
五、驗證
在瀏覽器中輸入 http://yourgithubname.github.io 就可以看到你的個人博客啦