coofive's blog
0%

搭建hexo博客（二）：搭建hexo环境

Posted on Edited on In Views: Valine:

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

环境搭建

准备工作

  • 下载node.js并安装（官网下载安装）,默认会安装npm。

  • 下载安装git（官网下载安装）。

安装hexo

  1. hexo官网（https://hexo.io）

  2. 设置npm镜像源为淘宝镜像，从国外镜像源下载很容易失败

    1
    npm config set registry http://registry.npm.taobao.org/

  3. hexo安装

    1
    npm install -g hexo-cli

    hexo的基本使用可查看官网文档或者官方示例hello-world

本地搭建hexo静态博客

  1. 新建一个文件夹，如blog

  2. 进入该文件夹内，右键运行cmd，输入

    1
    hexo init

  3. 初始化后，文件夹的目录如下

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    .
    ├── .deploy       # 需要部署的文件
    ├── node_modules  # Hexo插件
    ├── public        # 生成的静态网页文件
    ├── scaffolds     # 模板
    ├── source        # 博客正文和其他源文件等都应该放在这里
    |   ├── _drafts   # 草稿
    |   └── _posts    # 文章
    ├── themes        # 主题
    ├── _config.yml   # 全局配置文件
    └── package.json

  4. 加载node依赖

    1
    npm install

  5. 本地运行，即可访问http://localhost:4000 hexo首页

    1
    hexo s

    发布到github

  6. 在github上创建名为xxx.github.io的项目，xxx为自己的github用户名

  7. 打开本地的blog文件夹项目内的_config.yml的配置文件，将其中的type设置为git

    1
    2
    3
    4
    deploy:
      type: git
      repository: git@github.com:coofive/coofive.github.io.git
      branch: master

  8. 安装deploy插件

    1
    npm install hexo-deployer-git –save

  9. 本地生成静态文件

    1
    hexo g

  10. 将本地静态文件推送至github,或者生成和部署一行命令hexo g --d

    1
    hexo d

  11. 访问http://xxx.github.io就能看到刚刚本地部署的静态网页