发布于 04月03, 2018
分类于 学习笔记

搭建 Hexo for Windows

alt

macOS用户请移步:搭建 Hexo for Mac

安装 Hexo

安装前提

安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

Node.js Git

安装依赖环境

首先得让你的系统拥有能够运行 Hexo 的运行环境,下载下面的两个依赖环境包,安装的时候就 Next Next 就可以了

安装 Git

下载安装:Git

安装 Node.js

下载安装:Node.js

建站

桌面右击选 Git Bash Here alt

然后键入下面的命令,开始安装

安装 Hexo

npm install -g hexo-cli

这一步可能会卡住,不过耐心等待就可以了 alt

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

cd ~
hexo init hexo
cd hexo
npm install

启动 Hexo

启动 Hexo 后,浏览器输入localhost:4000进行访问,也可以使用它的缩写 hexo s 来启动

hexo server

Hexo 目录

安装了 Hexo 不知道它目录是没法写文章的,下面请看 alt

主题

NexT 主题

NexT 是一个高质量并且优雅的Hexo 主题。

进入到 Hexo 目录,执行下面代码,就会在你的 Hexo 目录的 themes/next 里看到这个主题

mkdir themes/next
curl -L https://api.github.com/repos/iissnan/hexo-theme-next/tarball/v5.1.2 | tar -zxv -C themes/next --strip-components=1

修改主题

使用 Visual Studio Code 打开主题目录里的 _config.yml 进行修改,不会修改的可以到Hexo 主题之 Next 配置对照中文中文注释进行修改

配置

配置 _config.yml

以下是 _config.yml 的中文翻译,不懂的可以对照解释

# ---------------------------------------------------------------
# 本文档由 April 进行翻译
# ---------------------------------------------------------------
# Hexo 配置
## 文挡: https://hexo.io/docs/configuration.html
## 源: https://github.com/hexojs/hexo/

# 网站
title: Hexo
subtitle:
description:
keywords:
author: John Doe
language:
timezone:

# 统一资源定位符(URL)
## 如果你的网站放在一个子目录, 设置 url 为 'http://yoursite.com/child' 并且 root 为 '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# 目录
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# 写作
new_post_name: :title.md # 新文章的文件名
default_layout: post
titlecase: false # 把标题转换成 titlecase
external_link: true # 在新的标签打开外部链接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

# 主页设置
# path: Root 路径为你的博客的 index 页面. (默认 = '')
# per_page: 文章显示的页面数量. (0 = 禁用页码)
# order_by: 文章排序. (默认由日期递减排序)
index_generator:
  path: ''
  per_page: 10
  order_by: -date

# 分类 & 标签
default_category: uncategorized
category_map:
tag_map:

# 日期 / 时间格式
## Hexo 使用 Moment.js 去解析并显示日期
## 你可以自定义所定义的日期格式作
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# 页码
## 设置 per_page 为 0 来禁止页码
per_page: 10
pagination_dir: page

# 扩展
## 插件: https://hexo.io/plugins/
## 主题: https://hexo.io/themes/
theme: landscape

# 部署
## 文档: https://hexo.io/docs/deployment.html
deploy:
  type:

请移步:https://hexo.io/zh-cn/docs/configuration.html

指令

新建一篇文章

hexo new [layout] <title>

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

请移步:https://hexo.io/zh-cn/docs/commands.html

更多

Hexo主页:https://hexo.io

-- EOF --

Comments

Title - Artist
0:00