码迷,mamicode.com
首页 > 其他好文 > 详细

github+hexo+themes搭建简易个性主题博客

时间:2017-05-19 19:27:18      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:conf   man   修改   install   http   mil   博客   nbsp   XML   

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搭建个人独立博客

github+hexo+themes搭建简易个性主题博客

标签:conf   man   修改   install   http   mil   博客   nbsp   XML   

原文地址:http://www.cnblogs.com/elvirangel/p/6879799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!