• 首页
  • 社区
  • 导读
  • 圈子
  • 家园
  • 榜单
  • 帮助
    • 立即注册

    Hexo搭建静态博客

    7 0
    昨天 18:56 发表在 实用教程| 查看全部 阅读模式

    马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

    您需要 登录 才可以下载或查看，没有账号？立即注册

    ×
    本帖最后由 kingkare 于 2026-2-4 19:09 编辑

    1.什么是Hexo和静态博客

    Hexo 是一个极速、简单且强大的静态博客架构。它使用 Node.js 作为构建引擎，上百个文件在几秒钟内便可构建完成；而且拥有着丰富的插件库，因开源而显得生机勃勃，可扩展性很好；最重要的，它支持 Markdown 作为书写语言，极大地方便了博客的撰写。
    静态博客：是指没有后端数据库的博客，所有文章都是以文件的形式存储，是一种纯前端的博客框架。
    2.配置环境
    安装Node.js和Git
    下载安装 Node.js , 下载安装 Git
    查看是否安装成功
    1. node -v
    2. npm -v
    3. git -version
    复制代码
    环境没问题后安装Node.js 淘宝镜像加速器 （cnpm）
    1. npm install -g cnpm --registry=https://registry.npm.taobao.org
    2. cnpm -v        #检查是否安装成功
    复制代码
    3.安装Hexo
    环境配置好后就可以安装Hexo了
    1. cnpm install -g hexo-cli
    2. hexo -v        #查看是否安装成功
    复制代码
    安装完成后，创建到一个想用来存放博客的目录hexo，然后开始新建博客
    1. cd hexo
    2. hexo init
    3. hexo s
    复制代码
    在运行hexo s后会看到Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
    在浏览器里打开http://localhost:4000 就可看到一个新建的Hexo博客
    4.写博客文章
    在博客目录下新建一个博客
    1. hexo new "博客文章名"
    复制代码
    1. <blog-dir>/source/_posts/博客文章名.md
    复制代码
    之后我们可以用编辑器打开编辑，保存后在Git终端输入这个命令 hexo clean && hexo g && hexo s  然后访问 http://localhost:4000 就可以看到这篇文章已经发布到博客中了.

    5.创建SSH到Github
    打开终端在终端中设置
    1. git config --global user.name "你的 GitHub 用户名"
    2. git config --global user.email "你的 GitHub 邮箱"
    复制代码
    创建 SSH 密匙
    1. ssh-keygen -t rsa -C "你的 GitHub 邮箱"
    复制代码
    一直回车，然后到 C:\Users\ 用户名 \.ssh 目录（勾选显示 “隐藏的项目”）

    打开id_rsa.pub并复制里面的内容
    登录Github账号，并进入到 https://github.com/settings/ssh/new ，将复制的内容粘贴到key框内保存

    Hexo搭建静态博客

    Hexo搭建静态博客
    验证与Github的连通性，在终端内输入

    1. ssh -T git@github.com
    复制代码
    如果出现 “Are you sure……”，输入 yes 回车确认，出现下面内容提示即连接成功

    Hexo搭建静态博客

    Hexo搭建静态博客
    6.部署博客到GitHub

    现在的页面我们只能在本地访问，这当然不够，由于Hexo 是基于静态页面的博客系统，意味着对服务器的要求可以非常的低，所以我们可以将其部署到Github上去
    首先创建一个名称为 用户名.github.io 的仓库来托管网页,然后到命令行安装git部署插件

    1. cnpm install --save hexo-deployer-git     #在blog目录下安装git部署插件
    复制代码
    在hexoblog目录下找到_config.yml，用编辑器打开，在最下面找到
    1. deploy:
    2.   type: ''
    3. #将其设置为如下，注意每个冒号后面有一个空格
    4. deploy:
    5.   type: git
    6.   repo: https://github.com/JLinmr/JLinmr.github.io.git        #你的GitHub仓库地址
    7.   branch: main
    复制代码
    命令行运行
    1. hexo g        #生成静态文件
    2. hexo d        #部署到GitHub
    复制代码
    刷新GitHub仓库可以看到生成了很多文件，此时访问用户名.github.io即可看到创建的博客
    博客, Hexo, 静态, 搭建, 教程
    违规内容举报
    回复 转播

    举报

    回复
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    相关帖子

    hot.热文换一批
    1. 🔥牛马论坛-每日早报-2026年01月22日
    2. 发现一个新奇的app，你们还是太会玩了🤣
    3. 这是老三来了吗？
    4. 陌生人爸妈出门互助条约 —— 以爱之名，共筑温暖桥梁
    5. 测试一下图片上传
    6. 分享两个文字广告位代码
    7. 整了一个macmini，可折腾了
    8. 原来的数据清空了，有问题及时反馈
    9. 二开的交友盲盒系统可运营、可对接易支付
    10. 早报插件上架应用中心啦！
    11. 论坛版主职责与要求说明
    12. 牛马论坛[NIUMABBS]-行为规范准则
    13. 记录一下我的第一次航拍夜景吧
    14. 讨论一款工具
    15. 分享一个苹果CMS播放器源码（Nplayer）
    16. 子比主题综合插件-八合一：砍价、团购、抽奖、统计、工单等【移除授权版本】
    17. 这才是清理缓存的终极奥义
    18. 年底了，大家注意防骗
    19. 送几个VIP会员卡和优惠券
    20. 我要来打广告了--三石个人记账
    21. 【开源项目Tgstate】把 Telegram 变成你的免费不限量网盘！
    22. MoveCar - 挪车通知系统
    23. 泰安算是个对无人机很友好的城市了
    24. 还有一个月就过年了
    上一主题     下一主题
    最新热评 加载中...
    牛马论坛（niumabbs.com），一个专注于分享日常新鲜事、职场工作点滴、摸鱼乐趣与各类生活感悟的交流平台。

    快捷访问

    我的帖子 我的收藏 我的好友 我的关注

    附加功能

    任务大厅 道具商店 勋章中心 随便看看

    关于我们

    举报 小黑屋 手机版 站点统计

      关注我们

    • 加入Q群
    • 微信客服
    • QQ客服
    Copyright © 2026 NIUMABBS 版权所有 All Rights Reserved. 劰载中...
    关灯 在本版发帖
    扫一扫添加微信客服
     QQ客服返回顶部
    快速回复 返回顶部 返回列表