Hexo 入门

本文详细介绍了如何使用Hexo搭建个人博客,包括安装必要的软件如git和nodejs,通过npm安装Hexo命令行工具,创建及配置工作目录,安装Next主题并进行个性化设置,以及如何创建、发布文章和部署到Github。

安装

在安装之前需要确保系统已经安装了:

运行下面的命令来检查是否安装:

# 检查 git 是否安装
$ git --version
# 检查 nodejs 是否安装
$ node --version
复制代码

然后就可以安装 Hexo 的命令行工具了,运行下面的命令:

$ npm i -g hexo-cli
复制代码

配置

安装成功以后运行下面的命令创建工作目录:

$ hexo init <FLODER NAME> && cd <FOLDER NAME>
复制代码

安装依赖包:

$ npm i
复制代码

这里我们拿 Next theme 做个例子。

安装 Next theme:

$ git clone https://github.com/theme-next/hexo-theme-next themes/next
复制代码

然后在 _config.yml 中更改属性 theme

theme: next
复制代码

Next 主题配置:

  • 创建 source/_data/next.yml 文件。
  • themes/next 目录下有个默认的配置文件 _config.yml,可以根据自己的需求从 _config.yml 选择需要的配置复制到 source/_data/next.yml 中。
  • Next 文档 中有非常详细的配置介绍。

工作流程

创建新的 post:

$ hexo new post <file name>
复制代码

创建新的 draft:

$ hexo new draft <file name>
复制代码

从 draft 发布新的 post:

$ hexo publish <file name>
复制代码

运行 hexo server

$ hexo server -d
复制代码

-d--draft 的简写,默认是不渲染 draft 文章的。

发布到 Github

下载 hexo-deployer-git

$ npm i hexo-deployer-git
复制代码

_config.yml 中添加 deploy 属性:

deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  message: [message]
复制代码

发布:

hexo deploy --generate
复制代码

转载于:https://juejin.im/post/5c3e9b6df265da611c273566

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值