使用Hexo+ github快速搭建自己的博客网站(一)
Hexo簡介
Hexo 是一個簡單地、輕量地、基于Node.js的一個靜態博客框架。通過Hexo我們可以快速創建自己的博客,僅需要幾條命令就可以完成。
Hexo特性:
- Hexo基于Node.js,支持多進程,幾百篇文章也可以秒生成。 - 支持GitHub Flavored Markdown和所有Octopress的插件。 - Hexo支持EJS、Swig和Stylus。通過插件支持Haml、Jade和Less復制代碼詳細簡介請查看 Hexo官方網站
搭建博客之前的準備
- 安裝Node環境
- 安裝Git
- 申請GitHub
上面提到的node和git的安裝以及github賬號的申請此處不再寫出操作步驟,如安裝或申請時遇到困難,請google或者百度
安裝Hexo
然后在瀏覽器中輸入 localhost:4000 ,接著出現如下內容的頁面
此時一個屬于我們自己的博客系統也就搭建成功了
等一等...
現在只能在本地可以訪問,其他人訪問不了,那我拿這個博客系統來干嘛,還不如用自己的記事本
.....
將Hexo與github關聯起來
關聯之前需要做的準備
注意:新創建的repository的名字必須為如下格式: yourname.github.io復制代碼 或者 yourname.github.com復制代碼 yourname為你自己的github賬號,比如我的github賬號為:github.com/tankboo , 則此時的yourname就是 tankboo
啟用github pages 的服務
首先進入項目目錄,然后點擊右上角的setting,如下圖所示
在setting頁面,往下滾動,找到GitHub Pages,然后點擊選擇主題按鈕(Choose a theme )如下圖所示
接著進入主題選擇頁面,此時可以隨便選擇一個主題然后保存。保存之后,在瀏覽器輸入 yourname.github.io (yourname換成你自己的github的名字, 即可看到如下內容
此時根據選擇的主題的不同,可能看到的內容有所區別。
正式關聯
打開項目錄下的_config.yml文件,然后找到Deployment 部分,進行如下修改
# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:type: gitrepo: git@github.com:tankboo/tankboo.github.io.gitbranch: master復制代碼其中的repo的值換成自己在github上的項目的路徑
修改完成之后我們還需要引入hexo-deployer-git ,不然會出現以下錯誤
ERROR Deployer not found: git
使用如下命令實現對hexo-deployer-git的安裝
npm install hexo-deployer-git --save復制代碼安裝完成后使用如下命令即可將自己的blog部署到github上
hexo cleanhexo generatehexo deploy復制代碼接著在瀏覽器輸入yourname.github.io ,我的是tankboo.github.io,然后就可以看到自己的blog了
現在看到的樣式是hexo的默認主題,在官網上還有很多其他的不錯的主題,可以根據自己的喜好選擇
下一節將介紹hexo主題的設置,介紹的主題為next
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的使用Hexo+ github快速搭建自己的博客网站(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 信息推送功能
- 下一篇: 做小程序费用太高?帮你选一个最省钱的方案