博客搭建其二:博客的基础搭建
项目笔记:Ark-Static-Hexo-Blog (ASHB) - 前端构建与美化SOP项目代号: A.S.H.B 目标: 构建一个具备高度定制化视觉效果和流畅用户体验的 Hexo 博客前端。 第一部分:基础环境搭建 (地基工程)1.1 环境依赖与初始化 核心依赖: Node.js (LTS版本) and Git Hexo CLI 安装: 1npm install hexo-cli -g 项目初始化: 123hexo init <project-name>cd <project-name>npm install 此步骤创建了一个标准的、包含默认主题 landscape 的Hexo项目。 1.2 主题集成:Butterfly 选择理由: Butterfly 主题拥有极其丰富的配置项、活跃的社区和强大的扩展性,是实现高度定制化视觉效果的最佳选择。 安装: 12# 从GitHub克隆最新稳定版主题git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git t...
Front Matter的使用
对于使用 Hexo 搭建博客的同学来说,front-matter 是一个既基础又关键的概念。它就像每篇文章的“身份证”,定义了文章的各种属性。这篇文章将带你深入理解 front-matter 的核心参数,并解决一个常见痛点:如何为你的主题创建独立的标签页和分类页。 什么是 Front-Matter?简单来说,Front-matter 就是我们创建的 Markdown (.md) 文件最顶部,被 --- 分隔开的那部分 YAML 或 JSON 格式的内容。它用于向 Hexo 指定当前文章的各种元数据。 一个典型的 front-matter 示例如下: 123456789---title: My Awesome Postdate: 2023-10-27 10:00:00tags: - Tech - Lifecategories: - My Diary--- 核心参数详解接下来,我们详细解析一些官方文档中可能描述得比较模糊,但在实际使用中至关重要的参数。 layout 作用:指定当前页面使用的布局模板。 说明:Hexo 会根据这个值去 themes/你的主题/layout/ 目录...
博客搭建其一:博客整体架构
项目笔记:一个基于 Hexo 的高可用、自动化博客系统创建者: suxiao3316项目域名: https://linuxnc.xyz 第一部分:环境分析与最终架构本项目旨在搭建一个视觉风格独特、功能全面、技术架构现代化的个人博客平台。核心要求包括: 花哨美观的前端: 实现玻璃拟态、动态背景、定制化UI等视觉效果。 强大的互动功能: 集成支持社交登录、游客评论的现代评论系统。 高效的内容管理: 支持本地 Markdown 写作 + 图床,或可选的云端可视化CMS。 全自动化的 CI/CD 流程: 实现从代码提交到线上服务更新的全自动化,无需手动干预服务器。 高可控的私有化部署: 所有核心服务(博客前端、评论后端)最终都以 Docker 容器的形式,运行在自主掌控的云服务器上。 经过一系列的探索与实践,项目最终沉淀为一套前后端分离、内容与程序分离、基于 Docker 容器化的现代化 DevOps 架构。 【核心生产环境 (云服务器 - 阿里云 ECS)】 反向代理层 (Caddy Server): 作为整站的唯一流量入口,运行在宿主机上。 职责: 自动申请和续期 Let’s ...






