Hexo 建设博客部署GitHub站点

Hexo 部署私人云服务器

  • 准备工作
      安装Node:参考 http://www.runoob.com/nodejs/nodejs-install-setup.html
      安装GIT: 参考 https://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html
Hexo 建设博客部署GitHub站点_第1张图片
检查node和git安装

配置环境变量,检查是否配置成功。执行 node -v 和git --version,如上图所示表明安装配置成功。
  安装Hexo脚手架
    执行:  npm install hexo-cli -g

  • 创建项目
      现存放D:\job\myblog目录下。进入该目录ctrl+shift+鼠标右键,选择cmd命令窗口。
        执行: hexo init blog
      完成后会生成文件夹(blog),结构如图


    Hexo 建设博客部署GitHub站点_第2张图片
    hexo初始结构

执行: cd blog
执行: hexo s

Hexo 建设博客部署GitHub站点_第3张图片
执行结果

本地博客项目已经启动完成。访问http://localhost:4000就可以看到Hello world页面了。

  • 部署github
    • 首先登录GitHub创建名字为“xxxx.github.io”的git仓库,用于存放静态文件。
    • 创建sshkey
        执行: cat ~/.ssh/id_rsa.pub
        通过此命令如果能看到一个以SSH RSA 开头长的字符串说明已经生成了
        
        打开git bath;
        执行: ssh-keygen -t rsa -C "你的邮箱"
        然后一直回车,不要输入任何密码。最后再检查sshkey。
    • 设置sshkey
        登录GitHub 找到自己的仓库.
Hexo 建设博客部署GitHub站点_第4张图片
具体步骤

复制git bash 上面显示的字符串

Hexo 建设博客部署GitHub站点_第5张图片
添加KEY

最后测试sshkey是否配置成功。
  执行ssh -T [email protected]
  显示以下信息标识设置成功了

Hi wangPP11/wangPP11.github.io! You've successfully authenticated, but GitHub does not provide shell access.
  • 配置Hexo根目录的_config.yml文件,找到deploy: 设置成以下信息(注意替换自己的信息)保存

    deploy:
      type: git 
      repo: [email protected]/wangPP11/wangPP11.github.io.git
      branch: master
    
  • 执行 hexo g (生成静态文件)

  • 执行hexo d (部署到GitHub)
    出现 ERROR Deployer not found: git 执行: npm install --save hexo-deployer-git
     在执行hexo d


    Hexo 建设博客部署GitHub站点_第6张图片
    最后效果图

你可能感兴趣的:(Hexo 建设博客部署GitHub站点)