0%

【教程】手动搭建hexo博客

这是关于我搭建博客过程,以及遇到问题的解决

搭建hexo博客

一、环境准备

1.1 安装Nodejs

1.2 安装Git

1.3 安装Hexo

(1)启动命令行cmd(管理员模式),检查环境

  • 1
    2
    3
    4
    5
    node -v  #检测node 版本

    npm -v #检测npm 版本

    git version 检测Git 版本
      显示版本号证明安装成功

(2)安装cnpm搭载镜像源到淘宝(国内源下载速度快)

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

(3)安装hexo

1
2
cnpm install -g hexo-cli  
cnpm install hexo --save

二、搭建博客

2.1 创建项目文件夹(blog)

  • 博客的所有资源都在里面,博客创建有问题,把文件夹删了重来就是了

2.2 初始化hexo

(1)命令行切换到blog文件夹下

1
cd xx/xx/blog  #切换工作目录

(2)初始化hexo

1
hexo init  #hexo初始化
  • 遇到问题:一直卡着不动,初始化不了
    • hexo下载用的github网址,是外网,可能下不动
1
cnpm  install   #搭建博客

2.3 测试是否创建成功

1
hexo s   #启动hexo服务器

三、部署博客

3.1 注册gitee,并登陆

Gitee官网:https://gitee.com

3.2 创建仓库

(1)新建仓库

(2)参数设置

(3)记住/复制仓库地址

3.3 修改_config.yml

(1)前期准备

  • 在blog文件夹cmd敲下面指令
    1
    2
    3
    4
    5
    6
    7
    8
    #安装发送git,用来上传文件到gitee
    cnpm install --save hexo-deployer-git

    #设置邮箱(随便填,只是给个git身份)
    git config --global user.email '******@qq.com'

    #设置用户名(随便填,只是给个git身份)
    git config --global user.name '****'

(2)修改根目录_config.yml

  • 打开_config.yml【打开方式选txt即可】,找到以下内容,进行修改【注意冒号’:’后面有空格】
    1
    2
    3
    4
    5
    6
    7
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html

    deploy:
    type: 'git' #上传方式
    repo: https://gitee.com/letere/MyBlog.git #上传的仓库地址
    branch: master #分支,默认为master,不添加也行

    3.4 部署博客

(1)上传文件

1
hexo d  #上传文件到仓
  • 第一次上传会出现gitee的登录验证,输入gitee账号、密码即可
  • 若账号密码输错,可以在’控制面板\用户帐户\凭据管理器’进行修改

(2)开启服务

  • 回到仓库,发现多了很多东西,这时可以去“服务”—>“Gitee Pages”
  • 点击启动,会生成你博客的地址,这时博客已经部署到网络上了

(3)重新修改__config.yml

  • 打开博客发现与预想的不一样,缺少了字体样式
  • 重新修改_config.yml,找到以下内容进行修改
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # URL
    ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

    url: http://letere.gitee.io/myblog #博客网址
    root: /myblog/ #博客网址最后一小部分

    permalink: :year/:month/:day/:title/
    permalink_defaults:
    pretty_urls:
    trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
    trailing_html: true # Set to false to remove trailing '.html' from permalinks

(4)重新部署

  • 在blog文件夹内cmd敲以下命令
    1
    2
    3
    4
    5
    hexo clean  #清空生成的资源

    hexo g #生成资源

    hexo d #上传到仓库
  • 会到仓库Gitee pages上,点击更新
    • 点进博客,恢复正常