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

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

一、前提概要

Hexo是什么

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

Hexo 安装前提

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

  • Node.js ( 版本不低于 10.13,建议使用 12.0 及以上版本)
  • Git

二、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 安装

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 博客的基础环境已搭建完毕。

Hexo| 生成文章

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

Hexo| 退出服务

1
ctrl+c: 退出服务

Hexo| 配置文件

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

Hexo| 中文设置

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

language 网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有  zh-Hans 和  zh-CN。

Hexo| 切换主题

  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 值为 主题文件夹名.theme:stellar
  5. 配置主题: 参考stellar手册个性化修改

© 2024 Sumorio 使用 Stellar 创建
共发表 21 篇Blog · 总计 46.7k 字