Hexo个人博客搭建(win 10 + github),图文详解

第一次搭建hexo博客(完整过程),并部署到github,出现的error及解决办法

系统:win 10
需要软件:Node.js 、NotePad++ 、Git

初始化hexo


  1. 新建一个文件夹,就是博客的根目录了
  2. 在这个文件夹内,鼠标右键+shift, 打开powershell命令行窗口
  3. 输入npm -v (version),查看npm版本(npm是随node.js一起安装的包管理工具,可能类似软件商店吧)
    Hexo个人博客搭建(win 10 + github),图文详解_第1张图片
  4. 因为npm是国外的源,速度慢,所以要通过npm下载cnpm(国内的)
    输入npm install -g cnpm --registry=https://registry.npm.taobao.org
    下载完可以通过cnpm -v,查看版本,以确定是否下好

Hexo个人博客搭建(win 10 + github),图文详解_第2张图片

  1. 输入cnpm install -g hexo-cli,下载hexo
    同样通过hexo -v,查看版本,以确定是否下好

Hexo个人博客搭建(win 10 + github),图文详解_第3张图片
Hexo个人博客搭建(win 10 + github),图文详解_第4张图片

Hexo个人博客搭建(win 10 + github),图文详解_第5张图片

  1. 输入hexo init,初始化hexo

在这里插入图片描述
这时文件夹中就会自动生成hexo的文件

Hexo个人博客搭建(win 10 + github),图文详解_第6张图片

  1. 输入hexo s(start),启动hexo

    输入图中连接,就可以看到相应的hexo页面,到这一步应该不会出问题
    Hexo个人博客搭建(win 10 + github),图文详解_第7张图片

将hexo部署到github


  1. 输入hexo clean,清除缓存文件 (db.json) 和已生成的静态文件 (public)
    在这里插入图片描述

  2. 输入hexo g,生成网站静态文件到默认设置的 public 文件夹
    Hexo个人博客搭建(win 10 + github),图文详解_第8张图片

  3. 在github中新建一个仓库(create a repository)
    Hexo个人博客搭建(win 10 + github),图文详解_第9张图片

  • tips:仓库名与用户名要一致,我这里就出了问题
  1. 修改hexo文件夹中的,_config.yml(配置)文件,用nodepad++打开
    在这里插入图片描述在这里插入图片描述Hexo个人博客搭建(win 10 + github),图文详解_第10张图片
  • tips: repo里的连接在github的repository里可以找到
    Hexo个人博客搭建(win 10 + github),图文详解_第11张图片
  1. 输入cnpm install --save hexo-deployer-git,创建hexo-deployer-git的插件
    在这里插入图片描述

  2. 输入hexo d(deploy),部署网站
    在这里插入图片描述
    Hexo个人博客搭建(win 10 + github),图文详解_第12张图片
    Hexo个人博客搭建(win 10 + github),图文详解_第13张图片

这时,github的repository里就自动生成了相应的文件
Hexo个人博客搭建(win 10 + github),图文详解_第14张图片

  1. 大功告成,这时Repository Name: xxx.github.io 就是你的博客地址啦~

error&solve


  1. fatal: not a git repository(or any of parent directories): .git
    在这里插入图片描述
  • solve:
  1. 使用git push输入
    Hexo个人博客搭建(win 10 + github),图文详解_第15张图片
  2. git环境变量问题
    Hexo个人博客搭建(win 10 + github),图文详解_第16张图片
  3. 初始化git,在deploy文件夹内,用Git push 输入git init,初始化git,会生成一个.git文件夹
    Hexo个人博客搭建(win 10 + github),图文详解_第17张图片
  1. 输入 xxx.github.io,出现404:
  • solve:在repository的setting的theme里,换一个主题
    Hexo个人博客搭建(win 10 + github),图文详解_第18张图片

你可能感兴趣的:(hexo)