Hexo 博客搭建与美化导航

特别说明
欢迎来到我的网站,此博客由【Hexo + Butterfly】来进行搭建。
本站所有内容仅供学习交流使用,不构成任何商业用途。内容因版本差异导致的问题,博主将尽力修正但不承担法律责任。
Hexo 博客版本:7.3.0
Butterfly 主题版本:5.3.5

🍎Hexo博客(一) 安装博客 ⇦ 当前位置🍁

一 、下载安装基础运行程序

  • 全局‮换切‬淘宝镜像命令:
1
npm config set registry http://registry.npm.taobao.org/
  • 查看镜像‮本版‬命令:
1
npm get registry

切回官方镜像 一:npm config set registry http://www.npmjs.org

切回官方镜像 二:npm config set registry https://registry.npmmirror.com/

二 、安装 Hexo

  • 全局安装 Hexo
1
npm install -g hexo-cli
  • 或局部安装:npm install hexo

  • hexo 升级

1
npm update hexo -g

三 、hexo 命令

1 、初始化网站

初始化博客根文件夹 [blog](将生成一个名为 “blog” 的文件夹作为工作目录并初始化生成 hexo 博客文件):

1
hexo init blog

2 、安装所有指定的依赖包

1
cd blog && npm install
  • npm 会根据项目的 package.json 文件内容,安装所有指定的依赖包。

3 、hexo 常用命令

1
2
3
4
5
6
7
8
9
hexo clean # 清除生成的缓存
hexo g # 生成html
hexo d # 部署到远程
hexo s # 本地运行,地址:http://localhost:4000/
hexo g -d # 生成并部署‮远到‬程
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正‮情常‬况下可以忽‮这略‬条命令
hexo server #Hexo会监‮文视‬件变动‮自并‬动更新,无‮重须‬启服务器

4 、文章模板

  • \scaffolds\post.md文件中,可以修改文章的默认模板,比如:
1
2
3
4
5
6
7
8
9
10
11
12
13
---
title: {{ title }} # 标题
date: {{ date }} # 发布时间
description: {{ description }} # 文章的摘要内容
top_img: {{ top_img }} # 封面
sticky: {{ sticky }} # 文章置顶,数值越大越靠前
categories: {{ categories }} # 分类
-
tags: {{ tags }} # 标签
-
cover: {{ cover }} # 文章封面
updated: {{ date }} # 更新时间
---

5 、发布博客

1
hexo new post "新‮博建‬客的文章名"

6 、测试网站

  • 本地测试
1
hexo clean; hexo g; hexo s
  • 上传 GitHub
1
hexo clean; hexo g; hexo d