1、安装hexo
全局安装hexo
npm install -g hexo-cli
注意这里命令执行都在cmd终端中执行,最好别用power shell,会报错,我也不知道为啥,可能是环境变量没读到
2、初始化
建一个文件夹名字随意命名,例如blog,然后进入blog,执行初始化命令:
hexo init
紧接着执行下面的命令,为了在github上clone npm的源码包
npm install
再生成
hexo g
测试
hexo s
此时如果看到下面的输出信息,说明框架搭起来了:
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
打开浏览器,输入上面的地址,页面正常打开,说明目前一切都正常。
3、部署到gitee
- 首先新建仓库,其他不多说,只要注意一点,仓库的命名规范:
仓库名.gitee.io
- 配置修改
修改_config.yml文件
第一处:
deploy:
type: git
repo: https://gitee.com/wuxiangfeng/sanphone.gitee.io.git # 配置仓库路径
branch: master # 分支
第二处:
url: https://wuxiangfeng.gitee.io/sanphone.gitee.io/ # 这里是部署后的访问地址
root: . # 这个点很重要, 如果不加,部署后页面会找不到样式
我这里是部署到根目录,如果要部署到子目录,那这里的配置应该做相应的调整
例如 http://example.com/blog,则请将您的 url 设为 http://example.com/blog 并把 root 设为 /blog/。
当然gitee部署的时候的路径也需要配置,这个在gitee上部署的地方看得到,这里不细说
- 开始部署
清理缓存
hexo clean
使用 Hexo 生成静态文件快速而且简单
hexo g
完成后部署
hexo d
这三条命令可以组合一起使用:
hexo clean && hexo g && hexo d
执行完成之后在giee的仓库下(顺利的话)可以看到我们的静态博客的文件.
- 最后一步,gitee重新部署
进入到仓库下gitee pages的服务,点击更新
即可。