个人博客搭建
使用Hexo+Stellar+Github实现 "从零搭建个人网站" 。

在别人的地盘写博客终究是客,本文教你如何搭建专属自己的博客,实现 Blog 自由。
注:本博客基于 windows 环境进行搭建。

一、前提概要

Hexo是什么

Hexo 是一个快速、简洁且高效的博客框架。Hexo 基于 Node.js 运行,使用  Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Hexo 安装前提

如果您从旧版本更新或者其它主题迁移,请确保环境版本不要太低,否则会产生兼容性问题.

安装 Hexo 相当简单,因为 Hexo 基于 Node.js,所以需要先安装下列应用程序:

建议的版本
1
2
3
4
Hexo: 6.3.0 ~ 7.0.0
hexo-cli: 4.3.0 ~ latest
node: 14.17.320.10.0 # 建议选择 LTS 版本,过高的版本 hexo 还没有进行兼容。
npm: 6.14.13 ~ 10.2.3

二、Hexo 环境搭建

安装 Node.js

使用 Node.js 官方安装程序时,请确保勾选  Add to PATH  选项(默认已勾选)

1
node -v

若出现版本号,说明安装成功。

安装 Git

Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。

  • 下载地址:选择合适包安装即可。
    https://git-scm.com/download/win

  • 检查配置:检查 Path 环境变量
    键盘 Win 键+r→ 输入 cmd→ 打开 cmd 窗口 → 输入以下命令:

1
git --version

若出现版本号,说明安装成功。

三、Hexo 安装

下载&安装&登录

必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

  1. 进入今后放置博客资源的文件夹(可以在 D 盘新建 hexo/blog/),进入 blog 文件夹,空白处鼠标右键打开 Git bash here。
  2. 在 Git 面板中,依次执行每行命令。
1
2
3
4
5
npm install hexo-cli -g #下载生成hexo
hexo init blog #初始化
cd blog #创建名为blog的文件夹,名字可改为自己喜欢的
npm install
hexo server #启动服务器
  1. 完成以上操作后,打开浏览器访问网址: http://localhost:4000/
    如果成功进入网页,恭喜你,Hexo 博客的基础环境已搭建完毕。

生成文章

1
hexo n "新文章01" #生成名为”新文章01“的文章

退出服务

1
ctrl+c: 退出服务

配置文件

官网配置信息:https://hexo.io/zh-cn/docs/configuration

中文设置

修改_config.yml 文件中的 laguage 设置:language: [zh-CN, en]

切换主题

  1. 选择主题:进入官网选择喜欢的主题,Themes | Hexo
  2. 下载主题:这里使用的 stellar 主题,进入主题对应的 github 项目地址:https://github.com/xaoxuu/hexo-theme-stellar.git,点击 code→download zip 至本地 → 解压。
  3. 解压主题:到本地 blog/themes/文件夹下,重命名为 stellar
  4. 更换主题:修改_config.yml 文件里的theme值为stellar(theme:stellar)
  5. 配置主题: 参考stellar手册个性化修改

sheep
© 2024 薩魔5mg 使用 Stellar 创建
共发表 20 篇Blog 🔸 总计 45.6k 字