个人博客

学习加油站


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

Hexo

发表于 2019-04-22 更新于 2019-08-10

Hexo 搭建个人博客

什么是 Hexo?

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

在本地安装Hexo框架

安装前提

​ 在安装Hexo前,必须检查电脑中是否已安装下列应用程序(请自行Google,查询安装方法):

  • Node.js
  • Git

安装Hexo

使用 npm 安装 Hexo

1
2
# 安装 Hexo 提供的脚手架 hexo-cli
$ npm install -g hexo-cli

初始化Hexo

初始化博客(此处命名为MyBlog,读者可以任意)

1
2
3
4
5
6
# 初始化
$ hexo init MyBlog
$ cd MyBlog

# 安装依赖
$ npm install

此时, blog文件下的目录如下:

1
2
3
4
5
6
7
.├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

运行

1
2
3
4
# 启动博客
$ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

浏览器查看

在浏览器中打开 http://localhost:4000 ,页面呈现Hexo 默认主题的博客站点。

Hexo 常用命令

1
2
3
4
5
6
7
8
9
10
11
$ hexo new "MyBlog"  # hexo n
$ hexo publish # hexo p
$ hexo generate # hexo g 生成静态网页
$ hexo deploy # hexo d 开始部署

$ hexo server # hexo s
# Hexo 会监视文件变动并自动更新,无须重启服务器
$ hexo server -s # 静态模式
$ hexo server -p 8000 # 更改8000端口
$ hexo server -i 192.168.1.0 # 定义 IP
$ hexo clean # 清除缓存,网页正常情况下可以忽略此条命令

参考资料

Hexo 官方文档

# Front End
前端小白入门
JS中JSON 类型 —— 数据的迭代
  • 文章目录
  • 站点概览

WYP

知识管理,自我管理
12 日志
8 标签
GitHub E-Mail 简书
  1. 1. Hexo 搭建个人博客
    1. 1.1. 什么是 Hexo?
    2. 1.2. 在本地安装Hexo框架
      1. 1.2.1. 安装前提
      2. 1.2.2. 安装Hexo
      3. 1.2.3. 初始化Hexo
      4. 1.2.4. 运行
      5. 1.2.5. 浏览器查看
    3. 1.3. Hexo 常用命令
    4. 1.4. 参考资料
© 2019 – 2021 wyp