Hexo博客搭建

本文详述如何搭建Hexo博客,从安装、选主题、配置到部署,还包括豆瓣插件的安装与配置,助你打造个性化的博客空间。
摘要由CSDN通过智能技术生成

本文默认已经安装好gitnode.js环境

版本说明:git version 2.16.2.windows.1node.js v8.9.4

Hexo是什么

Hexo 是一个快速、简洁且高效的博客框架,这里不多介绍,丢个链接,感兴趣的自己去看吧:Hexo中文官网,里面的东西比较多,不光有hexo使用文档,还有众多的hexo插件和主题。

我的Hexo博客主页效果图

欢迎来访~逸竹小站

hexo-homepage

安装Hexo

$ npm install -g hexo-cli

建立默认主题博客

$ hexo init blog
$ cd blog
$ npm install

blog为博客存储文件夹名称,可随意命名,本文以blog为例。最好命名与GitHub Pages仓库名称一致,省的后面修改,不过都是小case

hexo博客初始文件夹截图

因为要下载文件,而且是从github下载,如果可以“科学上网”,可以开一下。

此时打开localhost:4000即可看到默认主题的Hexo博客

选择主题

官网-主题里面有200 的主题可供选择,我推荐几款个人比较喜欢的

应用主题

选择好主题后,进入对应的github项目主页,一般都会有README文件帮助完成后续搭建,若无可以参考下面步骤进行,进入之前搭建好的博客主题文件目录下(本文为:blog/themes/),检出主题文件

$ git clone https://github.com/xxxx

然后修改博客配置文件_config.yml,添加下面这行

theme: xxx

注意:①xxx为主题名称

②不是主题的配置文件哦,在博客文件夹根目录下

配置文件详解

搭建整个博客过程中有两个配置文件,非常重要,一个是博客配置文件,一个是主题配置文件分别存放在各自的根目录下,文件名均为_config.yml

博客配置文件

# Hexo 配置

# Site
title: Hexo		# Hexo博客网站标题
subtitle:		# Hexo博客网站子标题
description:	# Hexo博客网站描述
keywords:		# Hexo博客关键词
author: John Doe	# 作者
language:			# 语言
timezone:			# 时区

# URL
url: http://yoursite.com	# 网站网址
root: /						# 网站根目录
permalink: :year/:month/:day/:title/	# 文章永久链接格式
permalink_defaults:			# 永久链接每部分默认值,一般不设置

# Directory
source_dir: source		# 资源文件存储目录
public_dir: public		# 公共文件夹,静态网站生成目录
tag_dir: tags			# 标签目录
archive_dir: archives	# 文章目录
category_dir: categories	# 分类目录
code_dir: downloads/code	# 代码目录
i18n_dir: :lang			# i18n国际化
skip_render:

# Writing
new_post_name: :title.md 	# 新博客文件名格式
default_layout: post		# 默认布局</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值