本文只是简略记录本人站点的搭建过程及遇到的问题,详细步骤可以参见官网。
在过去的这些年,国内外涌现出越来越多优秀的社交媒体让用户分享信息更加便捷,于是曾经流行的博客日渐式微。不过因为众所周知的原因,国内外社交媒体的有着种种限制,拥有一个个人网站,仍然是 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/ # 主题安装目录 |