码云上部署个人博客

码云上部署个人博客

安装node.js和git

确保已安装node.js和git

(cmd分别输入git --version和node --version,出现对应版本信息即完成安装)
在这里插入图片描述

安装hexo

  1. 以管理员身份运行cmd

    1. 运行

      npm install -g hexo
      
    2. 任意位置创建文件夹:hexo;

    3. 运行 hexo init;

      hexo init
      

      出现下列文件夹即可(可不包含:public)

    4. 安装依赖包

      npm install
      
    5. 构建(生成文件夹:public)

      hexo genrate
      
    6. 启动服务(关闭服务是ctrl+c)

      hexo server
      

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gktaU7Mo-1582357263921)(file:///C:/Users/lenovo/AppData/Local/Packages/Microsoft.Office.OneNote_8wekyb3d8bbwe/TempState/msohtmlclip/clip_image003.png)]

    7. 浏览器输入:http://localhost:4000;出现如下页面

      在这里插入图片描述

部署在码云上

  1. 新建仓库

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mduMcE7N-1582357263925)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20200222124654507.png)]

  2. 仓库生成后,复制HTTPS地址

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-McR1bpt7-1582357263926)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20200222124803624.png)]

  3. 在Git Bash内执行

    npm install hexo-deployer-git --save
    
  4. 修改_config.yml文件(每一个冒号:后必须有一个空格)

    before:

    deploy: 
      type: ''
    

    after:

    deploy:
     type:git
     repository: (将步骤2复制的HTTPS地址黏贴在此)
     branch: master
    
  5. 部署至码云

    hexo deploy
    

    会弹出:输入码云账号密码的对话框

  6. 选择服务:Gitee Pages

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VG1Qvj58-1582357263929)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20200222130554589.png)]

  7. 完成部署后会生成网址(形式如:https://xxxx.gitee.io)

  8. 结束

更换博客主题

  1. 下载主题,https://hexo.io/themes/

  2. 解压到hexo根目录theme文件夹中

  3. 更改_config.yml参数:

    theme: Annie
    

    将theme的值更改为theme文件夹中所选定的主题的名字;

  4. 在hexo文件夹运行Git Bash

    hexo generate
    hexo server
    hexo deploy
    
  5. 打开码云;找到Gitee Pages

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jLFLtzkC-1582357263931)(码云上部署个人博客.assets/image-20200222130554589.png)]

  6. 更新
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值