使用Hexo+Github一步步搭建属于自己的博客

原文地址：

• 个人博客：https://vimior.github.io/article/193aafc44fcaf793/
• 简书：https://www.jianshu.com/p/02d56f623c74

前言

本文将使用Hexo+Github一步步搭建属于自己的博客，不多说，先上图

搭建步骤

• 注意

  • 本文中所有命令或配置中以#开头的表示注释，仅仅用于说明

    # 注释，仅仅用于说明
    echo "hello" # 注释，仅仅用于说明，#号开始的属于注释，不属于命令
    

1. 安装Node.js

   这里不对Node.js的安装做讲解，Node.js官网下载安装即可（https://nodejs.org/zh-cn/）

   安装配置好Node.js后可以通过以下命令查看node和npm的版本

   node -v # 说明：由于我电脑的node不是新装的，所以是v8.12.0版本
   npm -v # 说明：我这里是6.4.1版本的npm
   

2. 安装Git

   这里不对Git的安装做讲解，可以参考https://git-scm.com/book/zh/v2/起步-安装-Git

   安装好后，通过以下命令可以查看git的版本

   git --version # 说明：我这里是git version 2.19.1.windows.1
   

3. 创建Github仓库

   • 打开github并登录（https://github.com/）

   • 新建仓库

     • 选中Repositories栏，然后点击右侧的New按钮创建
       

     • 设置仓库名字

       1. 仓库名必须严格遵守格式：用户名.github.io，不要随意起名，后续会有麻烦，这里vimior是我的用户名）
       2. 记得选中Public和勾选Initialize this repository with a README

       

   • 查看Github Pages

     • 选中刚刚创建的仓库的Settings栏，找到Github Pages的设置项

     • 此时Github Pages会显示如下，表明当前仓库可以作为Github Pages

     

4. 安装Hexo环境

   • 安装Hexo

     npm install hexo -g # 说明：这里-g参数是为了把hexo安装到全局
     hexo -v # 说明：查看hexo是否安装成功，获取其版本信息
     

   • 新建一个工程目录（这里是vimior_blog），然后进入这个目录

   • 初始化Hexo

     hexo init # 说明：此命令会在当前文件夹下生成一个hexo工程
     

     

   • 生成静态页面

     hexo generate # 可以简写成 hexo g
     

   • 启动本地服务器，启动后可以通过http://localhost:4000来访问

     hexo server # 可以简写成 hexo s
     

   • 新建博文</