Github-Hexo-theme-NexT
上月介紹了Git+jekyll,托管在碼云(git@osc)上,然而并不盡興,事實上Git+Hexo會更便捷(對window用戶而言),jekyll是ruby編寫,而hexo是nodejs 。
Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
jekyll是把原文上傳github(md文件),可以直接生成博客,文件也可以用在線編輯修改,而hexo 是本地生成 html 再上傳。
借著假期,糾結了2天,搭建個人博客,以下記錄下這次搭建過程:
而這次用到的模板是大名鼎鼎的nexT,教程:http://theme-next.iissnan.com/
準備工作
可以通過以下命令測試是否安裝成功:
$ git --version #git版本 $ node --version #NodeJs版本注冊Github賬號
去 Github 官網進行注冊即可,注冊完之后記得添加 SSH Key,這個 SSH Key是一個認證,讓github識別綁定這臺機器,允許這臺機器提交。S
SH找了個教程,傳送門:http://blog.csdn.net/hustpzb/article/details/8230454/
檢查通過以下命令測試是否安裝成功:
See :
安裝Hexo
安裝好git和node之后,就可以安裝hexo了,簡單一句命令搞定:
$ npm install -g hexo-cli檢查通過以下命令測試是否安裝成功:
$ hexo version #簡寫hexo v創建Hexo本地博客
安裝完成后,執行以下命令,Hexo將在指定目錄下新建需要的文件
$ hexo init <folder>PS:
初始化后需要再 $ npm install 進行npm的依賴插件。
部署形成文件
$ hexo generate # 簡寫hexo g最后剩下運行server,跑起hexo服務:
$ hexo server瀏覽器運行 http://http://localhost:4000/ 就能成功看到了。
將本地hexo項目托管到Github
打開網站配置文件 _config.yml (根目錄的文件),網站的配置文件,你可以在這里配置一些基本信息,這里列舉部分關鍵配置:
# Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site title: Zenkin.Win ’s Blog #網站的標題 subtitle: 世事如棋,乾坤莫測 #副標題 description: author: Zen.Woo #作者信息 avatar: /images/avatar.png #頭像,圖片位置在相應主題目錄下的images language: zh-Hans #中文簡體 email: 43002111@qq.com timezone: # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next #配置主題,這里使用next主題 stylus: compress: true #自適應布局 # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git #部署環境,基于hexo+githubpage,所以這里使用git。注意:不同版本的hexo,type有可能不同,3.x以后應使用git,具體參看官方文檔 repository: git@github.com:username/username.github.io.git #git倉庫地址,替換成你的username即可,其他保持不變,后面會提到如何創建git倉庫 branch: master編輯最后面的 deploy 屬性,加入代碼:
type: git repository: git@github.com:xxxxxx/xxxxxx.github.io.git #替換github地址,可https可ssh branch: master #分支branch填寫master安裝hexo-deployer-git插件
npm install hexo-deployer-git --save經常遇到問題是忘記安裝,找不到git、
發布過程遇到問題
過程中遇到提示,查到是這樣:
Deployer not found: github遇錯情景: 最近從next主題切換到新主題的時候部署時遇到這個問題。
報錯原因: 沒有 hexo-deployer-git 這個東西,所以需要重新安裝一次。
注意事項: Hexo 3.0以前是使用的是hexo-deployer-github,3.0之后官方更改為hexo-deployer-git
解決方法: 重新安裝
部署你本地的主題到github上
代碼如下,每次修改本地主題,都需要執行以下代碼
$ hexo clean $ hexo generator #簡寫 hexo g $ hexo deploy #簡寫 hexo d #啟動本地服務,進行文章預覽調試,執行如下命令 $ hexo server #簡寫 hexo s參考
next主題說明:http://theme-next.iissnan.com/getting-started.htmlhttps://hexo.io/zh-cn/api/http://www.jianshu.com/p/858ecf233db9
配置SSH http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html
總結
以上是生活随笔為你收集整理的Github-Hexo-theme-NexT的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 转载-项目实战笔记
- 下一篇: 转载:越早明白这四个道理越好!