本文只是简略记录本人站点的搭建过程及遇到的问题,详细步骤可以参见官网。

在过去的这些年,国内外涌现出越来越多优秀的社交媒体让用户分享信息更加便捷,于是曾经流行的博客日渐式微。不过因为众所周知的原因,国内外社交媒体的有着种种限制,拥有一个个人网站,仍然是 Geek 们一个不错的选择。在自己的这一小片自留地写文章记录生活,享受这种自由自在。

快速拥有一个个人网站有很多工具,Hexo 是一个相当流行的选择。

# 简介

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

# 前期准备

# Node.js

打开 nodejs 官网,选择自己的平台对应的安装包下载安装即可
安装成功后请在命令行输入 node -v 和 npm -v 检验安装是否成功,鉴于国内网络环境,建议安装 cnpm 或 yarn 来代替 npm

# cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
# yarn
npm install -g yarn
yarn config set registry https://registry.npmmirror.com

# Git

打开 git 官网,选择自己的平台对应的安装包下载安装即可

# 安装使用

# 安装

# 安装 hexo 框架
cnpm install hexo-cli -g
# 初始化并安装 npm 包
hexo init blog
cd blog
cnpm i
# 本地启动
hexo s

输出如下表示启动成功

INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

# 访问

在浏览器中打开 http://localhost:4000,可以看到如下界面

# 目录结构

blog 目录基本结构如下:

blog/
|-- _config.landscape.yml   # 主题配置文件
|-- _config.yml             # hexo 配置文件
|-- db.json
|-- node_modules/           # NPM 包安装目录
|-- package.json            # 应用程序的信息
|-- package-lock.json
|-- scaffolds/              # 文章模板
|-- source/                 # 文章和部分资源
|-- themes/                 # 主题安装目录
此文章已被阅读次数:正在加载...更新于

请我喝杯咖啡吧☕️

木亦 微信支付

微信支付

木亦 支付宝

支付宝