构建hexo博客过程

环境（Windows）

• git（git version 2.29.2.windows.3）
• node（v14.17.0）

---

本地部署

• 安装cnpm（国内镜像源很慢）

  $ npm install -g cnpm --registry=https://registry.npm.taobao.org

  “-g”：表示全局安装

  验证是否安装成功：

  $ cnpm -v

  设置源：

  $ npm config set registry https://registry.npm.taobao.org 

• 安装hexo

  $ cnpm install -g hexo-cli

  验证是否安装成功：

  $ hexo -v

• 创建一个目录（出错直接删掉目录即可）

  $ mkdir myBlog
  $ cd myBlog

• 初始化

  $ hexo init

• 启动hexo

  $ hexo s

  访问地址:localhost:4000

GitHub部署

• 创建一个仓库，仓库名必须为：

  yourname.github.io

• 安装插件

  $ cnpm install --save hexo-deployer-git

• 修改配置文件（在文件最下面修改）

  • Windows 下直接可以用文本打开

  • 其他系统可以用vim

    $ vim _config.yml

  添加以下内容

  deploy:                                                      
  	type: git
  	repo: https://github.com:yourname/yourname.github.io.git
  	branch: master

• 部署到远端（可以提前配置好git账号和密码）

  $ hexo d

• 访问远程博客

  https://yourname.github.io.git

换主题

• 下载主题（下载到themes目录下）

  $ git clone https://github.com/litten/hexo-theme-yilia.git themes.yilia

• 修改

  • Windows 下直接可以用文本打开

  • 其他系统可以用vim

    $ vim _config.yml

  修改以下内容

  theme: yilia

• 重新生成

  $ hexo clean & hexo g & hexo s

• 远程部署到github

  $ hexo d

遇到的问题

1. 如遇到这个问题，先检查是否是网络的原因 ，多部署几次，如果还是不行，则采用以下方式：

• 方法一：在当前目录下操作

  ## 删除git提交内容文件夹
  $ rm -rf .deploy_git/
  
  ##执行
  $ git config --global core.autocrlf false
  
  ##最后
  hexo clean && hexo g && hexo d

• 方法二：有可能是你的git repo配置地址不正确,可以将http方式变更为ssh方式，在当前目录下操作

  ##删除git提交内容文件夹
  $ vim _config.yml
  
  ##修改
  deploy:
  	type: git
  	repo:https://github.com/yourname/yourname.github.io.git ->
  			git@github.com:a956551943/weixiaohui.github.io.git
  	branch: master
  
  ##最后
  $ hexo clean && hexo g && hexo d

• 方法三：备选，在当前目录下操作

  ##进入depoly文件夹
  $ cd .deploy_git/
  
  ##强制推送
  $ git push -f

2. 遇到新建博客文章部署之后图片不显示的问题

   在Typora中的工具栏中的“格式” –> “图像” –> “全局图像设置”中设置如下，此后会在当前目录下生成包含图片同名的文件

   另外，在文章开始部分加上以上命令即可解决图片不显示的问题

   <meta name="referrer" content="no-referrer"