Hexo安装教程（一）

小编最近一直都在忙于各种杂七杂八的事情，一直都没办法静下心来好好学习，而且每次忙完事情后总是没能来的及将自己的经验进行总结归纳，主要是因为东西过于杂乱，并且每次任务间隔的时间都很短，逐渐消磨了我写博客的意志（看来我和咸鱼已经没有什么区别了）。不过小编近期发现了hexo：一个十分简单就能搭建个人博客的博客框架，在美化自己的博客之余，逐渐也找到了写博客的动力。

Hexo安装教程（一） -> 小白上手Hexo

因为是新手教程，所以这里不对除Hexo以外的内容做过多的说明

1. Hexo安装

1.1 Node.js安装

因为Hexo是基于Node.js的静态博客框架，所以如果电脑没有Node.js的话请务必安装一下

• 1.1.1 检查自己电脑是否已经安装好Node.js

  • 打开执行终端，输入命令

    # 查看Node包管理器版本 npm -> node.js package management
    npm -version
    
    # 查看Node.js版本
    node --version
    

    如果能正常显示版本号则说明安装成功

    

• 1.1.2 Node.js官网

• 1.1.3 Node.js快速安装方法（目前只适用于Windows和macOS，Linux需要通过源码编译）

  • 从官网下载自己系统的node.js

    

  • 下载后打开安装包.pkg或.exe一路继续就行（windows保险起见还需要查看一下环境变量）

    Node.js在Windows中默认安装在C:\Program Files\nodejs\ 中，配置环境变量的话可以加以参考

    

  • 如果上述方式不行的话可以尝试以下方法(linux或者想通过源码直接编译的伙计们也可以参考这篇文章`)

    • 菜鸟教程|Node.js 安装配置

1.2 Hexo项目安装和启动

Node.js安装好后就可以安装Hexo了，这时候你需要选择一个空文件夹（可以自己创建一个）来保存将来属于你自己的博客

• 1.2.1 Hexo官网

• 1.2.2 这里我创建了一个文件夹叫myblog

  

• 1.2.3 在终端中cd到你创建的文件夹前一个文件夹中

  

• 1.2.4 首次安装的时候还需要在终端中输入指令，安装一下Hexo

  #安装Hexo -g代表全局可以访问Hexo
  npm install -g hexo-cli
  
  #如果安装完毕检查一下Hexo是否安装成功
  Hexo -v
  

  

• 1.2.5 在确保Hexo已经安装后，就可以开始安装自己的博客了

  • 先初始化一下自己的Hexo

    #hexo init myblog
    hexo init [你的博客文件夹名称]
    

    

  • 初始化完后打开博客文件夹，并安装node.js依赖

    #cd myblog
    cd [你的博客文件夹爱名称]
    
    #安装node依赖
    npm install
    
    #如果觉得安装慢点话可以尝试使用淘宝镜像源 效果和 npm install 一样，会更快
    npm install --registry https://registry.npm.taobao.org
    

    

  • 安装好以后打开myblog文件夹可以看见自动生成的文件目录结构

    

    文件名称	实际作用
    _config.yml	博客主题配置文件
    node_modules	node.js依赖包文件夹
    scaffolds	文章模板
    source	存放你的博客文章
    themes	博客主题文件夹

    你新建的博客文章全部放在source/_posts文件夹中，格式为Markdown格式

  • 这个时候已经可以在本地运行你的博客了只要输入指令

    #生成hexo博客
    hexo g
    #运行hexo博客
    hexo s
    
    #创建新的博客文章名称
    hexo new [你新的博客文章名称]
    

    

    **启动hexo后打开浏览器，输入localhost:4000即可查看你的博客 **

    

    如果需要停止输入ctrl+c即可

1.3 git的安装和简单使用

因为hexo要和GitHub结合在一起使用，所以git安装和简单指令的使用是必不可少的

• 1.3.1 git的安装

  • git官网

  • git全平台安装|菜鸟教程

  • windows安装git：

    • 官网下载完.exe安装包后直接安装即可

  • macos安装git：

    • 打开终端输入git如果没有安装会自行提示你安装git

  • Linux如果不是安装的极简版的话基本上都配有git

• 1.3.2 git的基本指令

  • git基本操作|菜鸟教程

1.4 GitHub账号

• 1.4.1 github官网

• 1.4.2 点开官网选择Sign up注册属于你自己的账号即可

  

• 1.4.3 为了方便以后使用git这里我们把本机的ssh key提交到GitHub仓库上

  • 1.4.3.1 先检查本机是否存在ssh key

    ls -al ~/.ssh
    

    如果能显示id_rsa.pub则说明ssh key已经存在，如果没有则需要自行创建

    

  • 1.4.3.2 生成ssh key

    • 在终端中输入

      #这里[email protected]替换成你的邮箱
      ssh-keygen -t rsa -C  [email protected]
      

      输入完后可以一路回车

    • 获取你本机当前的ssh key

      • 在终端中输入

        cat ~/.ssh/id_rsa.pub
        

        显示的内容为你ssh的公匙

        

  • 1.4.3.3 将你的ssh key导入到GitHub中

    • 登陆GitHub账号，点击右上角头像->setting

      

    • 在setting页面中选择SSH and GPG keys->New SSH key

      

    • 填入对应到title和ssh key内容，点击添加即可

      
      

1.5 创建Github仓库，存储Hexo博客信息

• 1.5.1 创建一个新的博客仓库

  • 登陆GitHub账号选择右上角+号->New repository

    

  • 填写好你仓库名称后选择添加仓库即可

    

• 1.5.2打开刚创建好的仓库，拷贝仓库http链接，下面会用到

  

2. 将Hexo的博客发布到Github

2.1 配置Hexo配置文件_config.yml

• 2.1.1 打开_config.yml

  在配置文件中找到(ctrl+f)：deploy将对应段落修改成以下内容

  # Deployment
  ## Docs: https://hexo.io/docs/deployment.html
  deploy:
    type: git
    repo: 你的github仓库链接
    branch: master
  

2.2 安装deploy-git

• 2.2.1 终端中输入

  npm install hexo-deployer-git --save
  

  等待安装完毕后即可将项目部署到GitHub上，只需在终端中输入

  #hexo g是 hexo generate的缩写，用于生成你写的博客文章
  #hexo d是 hexo deploy的缩写，用于将你的文章部署到GitHub上
  #连起来就是生成你的博客并部署到GitHub上
  hexo d -g
  

  执行完以上指令后打开浏览器访问你的GitHub账号名+github.io即可查看你的博客

  

  如果你线下又写了新的博客，只需要执行hexo d -g即可部署到github上

3. 参考文章

• 文档|Hexo
• 廖雪峰git详细教程
• hexo史上最全搭建教程