一文教你把 Hexo 博客搭建在云端

• 作者：约克
• 原文地址：https://yorkyu.cn/use-ts-to-sort-multiple-version-numbers-1b104f681262.html
• 文章版权归作者所有，转载请注明出处！

一，环境准备

本教程依赖Node.js（不低于 10.13，建议使用 Node.js 12.0 及以上版本），Git，Vscode环境，Coding，腾讯云，Lean Cloud需前置安装或注册账号。

1.1. Node.js 安装

Node.js 为大多数平台提供了官方的安装程序。对于中国大陆地区用户，可以前往 淘宝 Node.js 镜像下载。

其它的安装方法：

• Windows：通过 nvs（推荐）或者 nvm 安装。
• Mac：使用 Homebrew 或 MacPorts 安装。
• Linux（DEB/RPM-based）：从 NodeSource 安装。
• 其它：使用相应的软件包管理器进行安装，可以参考由 Node.js 提供的 指导

1.2. Git 安装

• Windows：下载并安装 git。
• Mac：使用 Homebrew, MacPorts 或者下载 安装程序。
• Linux (Ubuntu, Debian)：sudo apt-get install git-core
• Linux (Fedora, Red Hat, CentOS)：sudo yum install git-core

1.3. Vscode 安装

点击下载 Vscode，Vscode 安装后，启动，并添加下述 Vsocde 插件：

• Vim（可选）

  配置 Vscode 为 Vim 编辑模式，提高码字效率。

• tencent-cloud-cos-upload-image

  根据 tencent-cloud-cos-upload-image 插件教程配置图片上传到 COS 的信息，实现在 Markdown 中选择或截图上传图片至腾讯云 COS。

• Markdown Image Size

  使 Vscode 可预览设置大小的图片。

  ![](https://galenye-1251496585.cos.ap-guangzhou.myqcloud.com/demo.gif =400x)
  

1.4. Coding 账号

用于博客源码版本管理，DevOps 过程。

1.5. 腾讯云 账号

用于个人域名注册，域名备案，COS 博客静态文件部署/图片存储，CDN加速等。

1.6. LeanCloud 账号

用于博客访问量，访客人数统计。

二，Hexo 搭建

2.1. 什么是 Hexo

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

2.2. Hexo 安装

第一章中的 Node.js 环境安装后，即可使用 npm 安装 Hexo：

$ npm install -g hexo-cli

2.3. Hexo 常用命令

• init

  新建一个网站。如果没有设置 folder ，Hexo 默认在目前的文件夹建立网站。

  $ hexo init [folder]
  

• new

  新建一篇文章。如果没有设置 layout 的话，默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话，请使用引号括起来。

  $ hexo new [layout] <title>
  

• generate

  生成静态文件。

  $ hexo generate
  

• server

  启动服务器。默认情况下，访问网址为： http://localhost:4000/。

  $ hexo server
  

2.4. 精致主题推荐

• hexo-theme-fluid （“约克编程技术”博客使用的主题）
• hexo-theme-matery
• hexo-theme-icarus

2.5. fluid 主题使用

• 下载 最新 release 版本，master 分支无法保证稳定。

• 下载后解压到博客项目的 themes 目录下并重命名为 fluid。