作为一个名不希望受约束的程序员的我来说,拥有一个属于自己的博客平台是必要的


不瞎说了,开始吧

环境准备

此处使用Windows系统环境

Git仓库准备

  1. 在已是Git用户的前提下进行,如果您还不是Git用户,请点击此处进行注册
  2. 创建一个仓库,且对仓库命名有限制(eg:如果您想要您的仓库命名为”exmple”,但实际命名应在其后边加入”.github.io”。项目必须要遵守格式:账户名.github.io)
  3. 此处使用本博客仓库地址举例

本地环境准备

  1. 安装nodejs环境

    • nodejs官方网站下载nodejs,并且安装
    • 检查是否安装成功

      • win+R进入cmd命令行
      • 输入命令 node -v 检查是否输入版本号
      • 输入命令 npm -v 检查npm命令是否安装

        输出的结果应该和下图相似,说明成功安装:

        nodejs环境

  2. 安装Git
    • 如果您还没有Git,可以点击此处进行下载安装并配置
    • 检查是否安装成功
      1. 桌面右键查看菜单是否有这两个选项:
        • Git GUI Here
        • Git Bash Here
      2. 打开cmd命令行,输入命令git -version查看是否有有相应的版本号,如下图:

        git版本

  3. 安装hexo客户端
    • 打开Git Hash Here程序
    • 输入命令 npm install hexo-cli -g安装Hexo插件(和网络有关,请耐心等待)
    • 输入命令 hexo -v查看是否有相应的版本号输出即可(安装成功才有,和上边相似)
    • 进入博客目录,输入命令hexo init初始化hexo环境,等待结束之后在目录下会存在几个目录
      • node_modules:是依赖包
      • public:存放的是生成的页面
      • scaffolds:命令生成文章等的模板
      • source:用命令创建的各种文章
      • themes:主题
      • _config.yml:整个博客的配置
      • db.json:source解析所得到的
      • package.json:项目所需模块项目的配置信息

Git授权管理

  1. 绑定当前用户:打开Git Bash Here程序,分别输入命令:
    • git config -global user.name "git用户名"
    • git config -global user.email "git邮箱"
  2. 生产授权密钥
    • 输入命令cd ~/.ssh切换目录,密钥文件一定要保存在这个文件夹下(有可能被隐藏)
    • 输入命令ssh-keygen -t rsa -C "git邮箱"
    • 查看.ssh文件夹下是否存在以下两个文件:
      • id_rsa

        私钥
      • id_rsa.pub

        公钥
  3. 在Github中添加公钥
    • 登录Github,点击头像下的settings,添加ssh

      ssh key

    • 新建一个new ssh key,将id_rsa.pub文件里的内容复制上去

      new ssh key

  4. 测试ssh是否添加成功
    • 输入命令ssh -T git@github.com测试添加ssh是否成功。如果看到”Hi“后面是你的用户名,就说明成功了

hexo本地测试及部署Github

本地测试

  1. 使用程序Git Bash Here进入博客目录
  2. 输入命令hexo clean清除缓存
  3. 输入命令 hexo server使用默认端口开启服务

    也可以自己指定端口,输入hexo server -p "port"就可以使用自己的端口开启服务

    部署Github

  4. 进入博客目录,打开文件”_config.yml”,在文件最后添加

    1
    2
    3
    4
    deploy:
    type: git #部署类型
    repo: gitAddr #git的仓库地址
    branch: master #分支
  5. 依次输入命令:

    • 输入命令hexo clean清除缓存
    • 输入命令hexo g构建
    • 输入命令hexo d部署
  6. 部署结束之后,可以使用您的地址访问了,如:https://maiyikai.github.io
  7. 页面如下图相似,就是完成了

    hexo success

至此,简单的部署就完成了
如有疑问,可以点击博客上方的微信图标,扫码添加小弟为好友私聊哦
也可以在评论区评论

最后更新: 2019年10月12日 20:21

原始链接: https://maiyikai.github.io/2019/01/27/1548499728/

× ~谢谢大爷~
打赏二维码