avatar
文章
42
标签
14
分类
14
首页
图库
我的分类
归档
标签
说说
友情链接
shaplus's blog如何用hexo搭建个人博客 返回首页
搜索
首页
图库
我的分类
归档
标签
说说
友情链接

如何用hexo搭建个人博客

发表于2026-04-10|更新于2026-04-10|技术搭建博客
|浏览量:
  • 搭建hexo
  • hexo常用指令
  • hexo基本语法
  • hexo建图库
  • hexo设置评论
  • 使用技巧
  • 扩展推荐
文章作者: shaplus
文章链接: https://shaplus.github.io/%E6%8A%80%E6%9C%AF/%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/%E5%A6%82%E4%BD%95%E7%94%A8hexo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 shaplus's blog!
教程Hexo
上一篇
搭建hexo
前言有一天突然心血来潮,想搭建个博客。但由于对博客一无所知,不知道如何下手,就到网上找了找教程。 刚开始用wordpress,搞半天终于把它弄到本地测试后,发现无从下手。那时候的我连主题,文章,标签,评论等等的概念都没有,网上也没找到教程详细说这些的。头脑一片空白,不知道怎么下手。拷问了一下豆包,玩了几个功能后就更懵逼了。 于是我去b站看看有没有什么教程不那么吃操作的。然后我就碰到了我心目中的神级博客教程 –【教程】Hexo个人博客搭建教程这篇教程是b站up主bu明標記写的 整个教程非常简单易懂,也没有跳步,甚至他还专门写了篇这个教程的文章。这是他的博客 小明的部落格这是那篇教程 Hexo博客搭建教程 在此表示感谢,顺便写下搭建博客的步骤来纪念一下。 环境准备Node.js 安装[!NOTE]Node.js 是 Hexo 的运行环境,必须先安装。 前往官网下载 默认选项安装 打开命令提示符(CMD)验证安装: 12# 检查 Node.js 版本node -v 返回版本信息则代表安装成功! 然后进行npm换源,运行 1npm config set...
下一篇
hexo基本语法
参考教程 标题(六级)123456# 一级标题(H1)## 二级标题(H2)### 三级标题(H3)#### 四级标题(H4)##### 五级标题(H5)###### 六级标题(H6) 一级标题(H1)二级标题(H2)三级标题(H3)四级标题(H4)五级标题(H5)六级标题(H6) 文字样式123456*斜体* 或 _斜体_**粗体** 或 __粗体__***粗斜体***~~删除线~~<u>下划线</u>`行内代码` 斜体 或 斜体粗体 或 粗体粗斜体删除线下划线行内代码 无序列表123- 第一项- 第二项 - 子项(缩进两个空格) 第一项 第二项 子项(缩进两个空格) 有序列表1231. 第一步2. 第二步 1. 子步骤 第一步 第二步 子步骤 引用123456> 这是一段引用> 这是一段引用>> 嵌套引用>> 嵌套引用>>> 多层嵌套>>> 多层嵌套 这是一段引用这是一段引用 嵌套引用嵌套引用 多层嵌套多层嵌套 代码块(高亮) 文件名可以不...
相关推荐
2026-05-07
hexo使用技巧
参考: 鱼与前端Butterfly魔改合集 首页设置首页副标题设置在 _config.butterfly.yml 中添加 subtitle 配置项,即可自定义副标题。 123456789subtitle: enable: true # 是否启用副标题 # Typewriter Effect effect: true # 是否启用打字机效果 loop: true # 是否循环播放打字机效果 source: true sub: - '<i class="fas fa-quote-left"></i> just do it' # 自定义副标题1 - '<i class="fas fa-quote-left"></i> hello everybody' # 自定义副标题2 首页顶层图片设置在 _config.butterfly.yml 中添加 index_img 配置项,即可自定义首页顶层...
2026-04-11
hexo建图库
万能图库简介:用此方法建图库直接往文件夹放图片即可自动显示在网页中,不需要后续修改代码优点:往文件夹直接放图就行,十分方便缺点:部分图片可能无法完全显示 安装插件在 Hexo 根目录执行: 1npm install hexo-tag-autogallery --save 配置主题模板(Butterfly 适配)在 themes/butterfly/layout/_partial/ 下新建 mygallery.ejs 模板文件,内容: 12345678910111213141516171819<div class="gallery"> <% if (photos.length){ %> <% photos.forEach(function(photo) { var path = config.root + photo; %> <a class="gallery-photo" style=&qu...
2026-04-28
github教程
Git管理项目核心概念与宏观思路 Git分支节点概念 git指令
2026-04-11
hexo设置评论
简介:让文章可以添加评论备注:通过拷问万能的豆包得到的办法 准备工作新建 GitHub 仓库(用来存评论) 登录 GitHub → 右上角 + → New repository Repository name:随便取(如 blog-comments) Public(必须公开,否则别人看不到评论) 勾选 Add a README file 点 Create repository 开启仓库 Discussions(必须) 进入刚建的仓库 → 点 Settings 往下拉到 Features 勾选 Discussions(打勾) 安装 Giscus App(授权)打开:授权网址 点Configure 选 Only select repositories 下拉选你刚建的仓库(如 blog-comments) 点 Save 去 giscus.app 拿配置参数(关键)填入仓库在 仓库 输入框: 1你的GitHub用户名/仓库名 例如:zhangsan/blog-comments看到 ✅ 成功 再往下走。 页面 ↔ Discussion 映射选默认:路径名(...
2026-04-11
hexo常用指令
单指令新建博客1hexo init 博客名 生成一个博客文件夹,并自动下载相关文件至文件夹 新建文章(写博客用)1hexo new 文章标题 自动在 source/_posts 生成 md 文件。 新建页面(关于、友链等)1hexo new page about 自动在 source/_posts 生成 md 文件。 清理缓存(网页不正常时用)1hexo cl 完整写法:hexo clean图片不更新、样式错乱、页面报错 → 先运行这个! 生成本地网页1hexo g 完整写法:hexo generate 启动本地预览(最常用)1hexo s 完整写法:hexo server打开浏览器输入:http://localhost:4000 就能看效果 部署到网站(上传到网上)1hexo d 完整写法:hexo deploy 组合一键指令一键更新1hexo cl;hexo g;hexo s 用于新加文章,修改配置后 一键部署1hexo cl;hexo g;hexo d
2026-04-10
hexo基本语法
参考教程 标题(六级)123456# 一级标题(H1)## 二级标题(H2)### 三级标题(H3)#### 四级标题(H4)##### 五级标题(H5)###### 六级标题(H6) 一级标题(H1)二级标题(H2)三级标题(H3)四级标题(H4)五级标题(H5)六级标题(H6) 文字样式123456*斜体* 或 _斜体_**粗体** 或 __粗体__***粗斜体***~~删除线~~<u>下划线</u>`行内代码` 斜体 或 斜体粗体 或 粗体粗斜体删除线下划线行内代码 无序列表123- 第一项- 第二项 - 子项(缩进两个空格) 第一项 第二项 子项(缩进两个空格) 有序列表1231. 第一步2. 第二步 1. 子步骤 第一步 第二步 子步骤 引用123456> 这是一段引用> 这是一段引用>> 嵌套引用>> 嵌套引用>>> 多层嵌套>>> 多层嵌套 这是一段引用这是一段引用 嵌套引用嵌套引用 多层嵌套多层嵌套 代码块(高亮) 文件名可以不...

评论
avatar
shaplus
a simple blog
文章
42
标签
14
分类
14
Follow Me
公告
This is my Blog
最新文章
ai学习路径2026-06-26
螺纹的建模与打印2026-06-11
hal库advancetimer2026-05-09
hal库normaltimer2026-05-09
hal库basictimer2026-05-09
© 2025 - 2026 By shaplus框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中