Hexo 主题 BeanTech 使用教程

Hexo 主题 BeanTech 使用教程

hexo-theme-beantech:sparkles: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan :sparkles:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-beantech

项目介绍

Hexo 主题 BeanTech 是一个移植自 Hux Blog 的主题，由 Kaijun 设计，YuHsuan 进行了修改。该主题提供了一个优雅的博客界面，适合个人博客使用。BeanTech 主题在 GitHub 上开源，用户可以自由下载和修改以适应自己的需求。

项目快速启动

安装 Hexo

首先，确保你已经安装了 Node.js 和 Git。然后安装 Hexo CLI：

npm install -g hexo-cli

初始化项目

克隆 BeanTech 主题到本地：

git clone https://github.com/YenYuHsuan/hexo-theme-beantech.git
cd hexo-theme-beantech

安装依赖

在项目目录下运行：

npm install

配置部署

修改 _config.yml 文件，特别是部署部分：

deploy:
  type: git
  repo: https://github.com/<yourAccount>/<repo>
  branch: <your-branch>

启动服务器

生成静态文件并启动本地服务器：

hexo clean && hexo generate
hexo server

现在，你可以通过浏览器访问 http://localhost:4000 查看你的博客。

应用案例和最佳实践

自定义侧边栏

将你的头像图片复制到 <root>/img/ 目录下，并在 _config.yml 中进行配置：

sidebar:
  true # 是否使用侧边栏
  sidebar-about-description: "<your description>"
  sidebar-avatar: img/<your avatar path>

添加签名

将签名图片复制到 <root>/img/signature/ 目录下，并在 _config.yml 中进行配置：

signature:
  true # 显示签名
  signature-img: img/signature/<your-signature-ID>

文章标签

你可以选择是否在首页显示文章标签：

home_posts_tag: true

典型生态项目

Hexo 生态系统中还有许多其他有用的插件和主题，例如：

• hexo-renderer-markdown-it: 一个 Markdown 渲染引擎，提供更多的 Markdown 渲染选项。
• hexo-deployer-git: 一个用于通过 Git 部署 Hexo 站点的插件。

这些项目可以进一步增强你的博客功能和外观。

通过以上步骤，你可以快速启动并自定义你的 Hexo 博客，利用 BeanTech 主题打造一个个性化的在线空间。

hexo-theme-beantech:sparkles: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan :sparkles:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-beantech