如何搭建Hexo + Github.io + Ocean博客

程序猿都应有一个博客
所以：热气腾腾的地址来了
搭建步骤

  1. npm/cnpm install/i -g hexo 全局安装Hexo

  2. hexo init hexo-blog 初始化Hexo

  3. cd hexo-blo 进入项目目录

  4. git clone https://github.com/zhwangart/hexo-theme-ocean.git themes/ocean 安装Ocean主题

  5. 目录 themes 中 _config.yml 选择 theme: ocean 启用主题

  6. hexo generate 简写 hexo g 生成静态文件

  7. hexo server 简写 hexo s 启动服务 http://localhost:4000/

  8. hexo deploy 简写 hexo d 部署网站

本地环境有git的话 配置好deploy部署之后就可以用xxx.github.io访问了
如果没有git请移步 廖雪峰git教程 配置git
1
2
3
4
5
主配置文件 _config.yml
deploy:
  type: git
  repository: git@github.com:(github账户名)/(github账户名).github.io
  branch: master
Hexo命令：

  • hexo publish [layout] <filename> 发表草稿

  • hexo render <file1> [file2] ... 渲染文件

  • hexo clean 清除缓存文件

  • hexo list <type> 列出网站资料

  • hexo version 显示Hexo版本

  • hexo new [layout] <title> 新建一篇文章

其他坑点
更换Ocean的导航名称

找了半天不知道怎么改 最后看了一下模板代码

1
2
3
4
5
6
7
8
9
`/themes/ocean/_config.yml`

menu:
  首页: /
  归档: /archives
  相册: /gallery
  关于: /about

将`首页/归档/相册/关于`改成你想要的`文字/字符`即可
本地搜索不起作用

安装插件 hexo-generator-searchdb

1
$ npm install hexo-generator-searchdb --save
如需更新主题
1
2
$ cd themes/ocean
$ git pull
附：Ocean的🦈贼可爱

Hexo文档

Ocean文档

关于 Ocean 使用中的问题