使用Hexo&GitPage搭建個人博客


相信很多小伙伴都想搭建自己的個人博客,出於種種原因(窮、菜、懶)一直沒有實踐。無意中發現了GitHub給開發者留下的福利GitPage。免費的靜態代碼托管平台,支持通過域名訪問,還可以自定義域名,又是一大福利。服務器(q)的問題解決了。可能很多小伙伴又覺得自己前端太垃圾設計的頁面太丑了,不要怕Hexo來拯救你。Hexo是一個用於快速搭建博客系統的工具,擁有海量主題隨你挑選。技術(c)問題也解決了。現在就只剩下時間(l)的問題了。話不多跟着筆者一起干吧,噢力給。

一、 准備工作

在開始之前,你需要的准備工作

二、安裝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 就可以看到你的個人博客啦


免責聲明!

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



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