Hexo搭建博客问题解析

Hexo搭建博客问题解析

九月 20, 2022

Hexo搭建个人博客

Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress插件,一个命令即可部署到Github页面、 Giteee、 Heroku等,强大的API,可无限扩展,拥有数百个主题和插件。

1、环境准备

第一步:确保设备node被清除
1、安装Node.js(hexo只支持12到14的版本,超过14会报错)
先清空本地安装的node.js版本

2、找到上面找到的路径,将node.exe所在的父目录里面的所有东西都删除
3、安装nvm管理工具(先关掉360等软件,不然会弹出警告!)
第二步:安装nvm管理(杀毒软件需要关闭,否则会弹出警告)

  1. 从官网下载安装包 https://github.com/coreybutler/nvm-windows/releases
  2. 直接选择目录安装,注意node的位置
  3. nvm安装完成后,检验是否安装成功,
  4. 接下来就是安装node.js版本
  5. 输入命令行nvm install node版本号(例如:nvm install 12.17.0)即可安装对应版本以及自动安装对应的npm版本

    安装完成后输入node -v查看是否安装成功
  6. 安装成功后,输入命令行nvm use node版本号(例如:nvm use 12.17.0)即可选择你本地所使用的Node.js版本,使用此命令行可以根据你自己的需要随意切换node.js版本运行。
  7. 输入命令行nvm ls查看你安装的所有node.js版本号,以及你当前所选择的node.js运行版本
  8. 如果想删除某node.js版本的话,输入命令行nvm install node版本号(例如:nvm use 12.17.0)即可删除对应版本

第三步:下载并安装git

  1. windows git.
    备注:
    npm下载慢的话也可以下载淘宝下载源cnpm
    1
    npm install -g cnpm --registry=https://registry.npm.taobao.org

2、开始安装Hexo

  1. 安装hexo
    1
    2
    3
    npm install -g hexo-cli
    或者
    cnpm install -g hexo-cli

安装完成可输入hexo -v查看版本

  1. 初始化hexo,新建存储博客的文件夹

    1
    hexo init myblog
  2. 进入文件夹,安装一下npm

    1
    npm install
  3. 其他一些指令

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    # 本地预览
    hexo s

    # 根据配置文件和主题,将 root/source/_post 下的 markdown 文件生成 html 内容
    hexo g

    # 清空 hexo g 生成的内容,内容在 root/public
    hexo clean

    # 将本地生成 url 链接推送到百度,让百度爬取其中的内容进行索引
    hexo d

    # 根据 标题名称 在root/source/_post 生成 markdown 文件
    hexo new post 标题名称
  4. 部署到github
    快速在项目根目录下找到 _congif.yml,找到 deploy 字段并填写完整

    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
    type: git
    repo: <你的仓库地址>
    branch: master

执行hexo g和hexo d