当前位置: 首页 > news >正文

个人博客搭建记录【hexo】

安装hexo

部署环境

  • Node.js
  • Git

Node.js 部署,建议版本大于 12.0

  Node.js 安装中步骤中需要注意其中两处:

  • Add to PATH 选上,使其集成到系统环境中:

    Snipaste_2024-11-30_19-53-404e00ee75eedb365d

  • 此处勾选会安装各种编程环境和软件,这对于安装hexo是不必要的:

    Snipaste_2024-11-30_19-54-3360a15eb9c9eff240

Git 部署

  所有安装步骤默认即可,若不需要右键菜单,取消如下勾选:

Snipaste_2024-11-30_20-13-149890d3220ddef92d

  ‍

部署hexo

  打开gitbash,将目录切换至预备安装hexo的文件夹。

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

如果git安装时勾选了右键菜单,则可以直接在相应文件夹中右键启动gitbash。

  至此hexo核心程序完成部署。


Github发布个人博客

  1. 安装 hexo-deployer-git.

    npm install hexo-deployer-git --save

  2. 在hexo部署文件夹中打开 _config.yml​添加以下配置(如果存在请替换):

    deploy:type: gitrepo: git@github.com:<username>/<project>.git# example, hgit@github.com:hexojs/hexojs.github.io.gitbranch: main # 此处与github项目分支名相同
    

    可以直接从Github项目主页直接复制需要的repo:

    Snipaste_2024-11-30_20-49-45c7f983f2a921ce82

  3. hexo文件夹处使用gitbash,执行以下命令(替换自己的用户名和邮箱)生成本地远程连接github项目的密钥:

    git config --global user.name "<username>"
    git config --global user.email "<user@mail>"ssh-keygen -t rsa -C "<user@mail>"
    
  4. 部署项目(Github Page)及密钥

    1. 密钥文件生成后,使用记事本打开并复制id_rsa.pub内容

    2. 打开github,新建<username> .github.io项目

      Snipaste_2024-11-30_21-08-2616d9b1997df00754

    3. 进入项目settings,打开如下页面:

      Snipaste_2024-11-30_21-17-226e95aea3823994fc

  5. hexo文件夹中打开gitbash,执行命令

    hexo g # 将 _post 文件夹渲染成静态html
    hexo d # 发布至GitHub
    

    若是第一次执行,按提示输入yes.

  6. 进入username.github.io查看博客是否部署完成


hexo 相关重要信息

hexo 常用命令

hexo g                 #完整命令为hexo generate,用于生成静态文件
hexo s                 #完整命令为hexo server,用于启动服务器,主要用来本地预览
hexo d                 #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上
hexo n “my article”    #完整命令为hexo new,用于新建一篇名为“my article”的文章,文件格式为md
hexo clean             #清除已渲染html,将删除publish文件夹hexo d -g              #发布文章二合一命令

hexo 常见前置信息

  hexo 前置信息(front-matter)是放在文章前面,指定标签,分类,主题等文件变量信息,使用git命令生成文章文件会按命令内容生成前置信息,或者也可以自己编辑,格式如下:

---
layout: 页面布局(配合主题文档使用)
title: 文章名称
date: 文章日期
comments: 文章是否开启评论
photos: 文章封面图(仅部分主题支持)
tags: - 文章标签一- 文章标签二
categories: 文章分类
description: 文章描述,即要在首页显示的摘要(仅部分主题支持)
---

hexo 主题

  个人喜欢简洁的主题,目前使用的是next主题。

  ‍

其他

  博主个人部署完毕的hexo博客可见。该博客使用公共图床,图片显示不能保证。


结语:初步部署完毕,之后准备完成前端美化,插件安装等更深入的功能探究。

  ‍

http://www.rkmt.cn/news/10993.html

相关文章:

  • 喵喵喵
  • HarmonyOS 5分布式数据同步实战:跨设备待办事项应用
  • 深入理解HarmonyOS 5的AVSession:构建跨设备媒体播放器
  • 润生软件简介:以“重构与共生”引领商业未来
  • 安装pyautogui时与setuptool时冲突报错-module setuptools.dist has no attribute check_test_suite
  • 牛客周赛 Round 110 题解
  • 靶场1
  • 贝叶斯定理简单解释
  • 【CV】GAN代码解析:base_model.py
  • 学校站群框架如何开发插件实现Word图片的批量上传与编辑?
  • HarmonyOS事件订阅与通知:后台事件处理
  • HarmonyOS后台任务管理:短时与长时任务实战指南
  • Browser Use调用浏览器入门
  • 安防视频监控新时代:国标GB28181平台EasyGBS的可视化首页如何重塑运维与管理体验?
  • Manim实现镜面反射特效
  • 一些常用的网站
  • systemd-nspawn容器体积精简和桥接网络实战
  • 运维自动化工具Ansible大总结20250914 - 教程
  • 企业微信客服API模式接入第三方客服系统,对接大模型AI智能体
  • 深入解析:B树与B+树的原理区别应用
  • RHEL7/CentOS7 install NVIDIA drivers and CUDA
  • 浅谈 Burnside 和 Polya 的证明
  • 在Windows10 Edge浏览器里安装DeepSider大模型插件来免费运用gpt-4o、NanoBanana等AI大模型
  • 【杂记】原 hack
  • 124
  • 我的笔记记录方案
  • iOS Provisioning Profile 证书 描述文件
  • 告别多工具切换的低效时代:PandaWiki如何无缝集成企业现有工作流?
  • 压垮项目经理的“三座大山”:时间、成本、质量的生存法则与破局工具
  • 学习 React 前,你必须掌握的 10 个 JavaScript 核心概念