github+hexo+themes搭建簡易個性主題博客


0x00  install Node.js and git

安裝Node.js:http://www.runoob.com/nodejs/nodejs-install-setup.html

安裝git:下載地址:http://git-scm.com/download/

0x01 安裝Hexo

1.在D盤新建個hexo文件夾

$ cd d:/hexo
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo g # 或者hexo generate
$ hexo s # 或者hexo server,可以在http://localhost:4000/ 查看 (默認是4000端口,若4000端口被占用,可以用 hexo s -p 5000換為5000端口本地查看 

2.Hexo常用的幾個命令 

 

$ hexo generate (hexo g) 生成靜態文件,會在當前目錄下生成一個新的叫做public的文件夾
$ hexo server (hexo s) 啟動本地web服務,用於博客的預覽
$ hexo deploy (hexo d) 部署播客到遠端(比如github, heroku等平台)
$ hexo new "postName" #新建封面
$ hexo new page "pageName" #新建頁面

 

3.常用簡寫

$ hexo n == hexo new
$ hexo g == hexo generate
$ hexo s == hexo server
$ hexo d == hexo deploy

4.常用組合 

$ hexo d -g #生成部署
$ hexo s -g #生成預覽

0x02 Hexo主題設置

1.安裝主題(這里以NexT主題為例,之后可以自己去github上下載自己喜歡的主題)

$ hexo clean
$ git clone https://github.com/litten/hexo-theme-next.git themes/next

2.啟用主題

修改Hexo目錄下的_config.yml配置文件中的theme屬性,將其設置為next

3.更新主題

$ cd themes/yilia
$ git pull
$ hexo g # 生成
$ hexo s # 啟動本地web服務器

4.主題安裝成功

0x03 Github Pages設置

1.什么是Github Pages

   Github Pages

2.創建自己的Github Pages

注冊GitHub及使用Github Pages的過程已經有很多文章講過,在此不再詳述.(下面我假設我已經創建了一個名叫moonagirl的Github Pages)

0x04 部署Hexo到Github Pages

1.安裝擴展

$ npm install hexo-deployer-git --save

2.在配置文件_config.xml中作如下修改

deploy:
  type: git
  repo: git@github.com:moonagirl/moonagirl.github.io.git
  branch: master

3.執行命令

$ hexo d

4.部署成功

0x05 最后

至此,已經完成了一個簡易個人博客的搭建,更多信息可以參考:手把手教你使用Hexo + Github Pages搭建個人獨立博客                                                                                                                                                                    .


免責聲明!

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



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