hexo - 初次搭建博客记录

主要步骤

  • 安装node.js、git、hexo

  • 远程部署到GitHub pages

hexo官方安装教程


个人搭建详细过程

安装node.js和git

  • windows用户从 https://npm.taobao.org/mirrors/node/v12.16.1/ 下载对应windows的msi包,直接安装即可

  • 由于我的电脑上以前就装了git,所以不需要安装,具体安装过程就木有了(可以参考hexo的git安装教程)。

安装hexo

  • cmd进入需要安装hexo的目录,依次执行下面命令

    1
    2
    3
    4
    5
    6
    7
    8
    9
    npm install hexo-cli -g

    hexo init hexo

    cd hexo

    npm install

    hexo server
  • 浏览器打开localhost:4000即可看到‘hello word’默认博客模板

  • 注意:由于npm服务器在国外,国内有可能会连不上,安装时报

    1
    npm install rollbackFailedOptional: verb npm-session ******************
  • 解决方法一:镜像服务器设置直接cmd输入

    1
    npm config set registry http://registry.npm.taobao.org
  • 解决方法二:找到nodejs下的.npmrc或者去c盘user下找.npmrc直接编辑配置文件。在配置文件修改以下两项:

    1
    2
    proxy=null
    registry=http://registry.npm.taobao.org
  • 如果npm install的过程中卡住了,可以cirl+C结束安装,然后把“C:\Users\666\AppData\Roaming”下的npm和npm-cache两个目录删掉,重新执行命令安装


远程部署

本地生成了博客之后只能在自己本地浏览,如果需要部署在网络上,需要使用GitHub Pages或者服务器,由于hexo生成的是静态博客,没有后台管理系统,所以推荐使用GitHub Pages进行远程部署。

  • 新建个人git仓库,命名格式为 用户名.github.io

  • 安装hexo-deployer-git

    1
    npm install hexo-deployer-git --save
  • 修改 博客目录下的配置文件_config.yml中的deploy字段

    1
    2
    3
    4
    5
    deploy:
    type: git
    repo: git仓库项目地址
    branch: 分支
    message: 自定义提交说明,这个字段可以没有
  • 生成博客并部署

    1
    2
    3
    4
    hexo clean
    hexo generate // hexo g

    hexo deploy // hexo d
  • 打开 用户名.github.io ,即可看到部署上去的博客

文章作者: shikai
文章链接: https://blog.mloveu.com/2020/03/15/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/blog/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 MLOVEU