Hexo博客搭建基础教程(一)

已于 2024-03-12 16:41:55 修改
阅读量1.0k 收藏 19
点赞数 27
CC 4.0 BY-SA版权
分类专栏： hexo魔改教程 文章标签： express
于 2024-02-29 17:12:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alonelies/article/details/136376132
本文详细介绍了如何在Windows10环境下，使用Node.js、Git和Hexo6.3.0搭建个人博客，并针对Butterfly主题进行个性化魔改，包括安装步骤、配置环境、安装Git和HexoCLI，以及初始化和本地服务器设置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言📇

  1. 本文参考Hexo博客搭建基础教程(一)、【2023最新版】Hexo+github搭建个人博客并绑定个人域名
  2. 本系列基本上都是各位大佬造好的轮子，具体参考 Fomalhaut大佬。其目的在于防止各位大佬的链接失效，且个人复习总结使用，如有侵权请联系删除。
  3. 本系列起始空白的虚拟机，一步一步搭建魔改页面，使用本地端口。若想部署在其它平台，可自寻查找。
  4. 鉴于每个人的根目录名称都不一样，本帖博客根目录一律以[BlogRoot]指代。
  5. 本帖涉及魔改源码的内容，会使用diff代码块标识，复制时请不要忘记删除前面的+、-符号。
  6. 因为.pug和.styl以及.yml等对缩进要求较为严格，请尽量不要使用记事本等无法提供语法高亮的文本编辑器进行修改。
  7. 本系列基于Butterfly主题进行魔改方案编写，hexo 版本 6.3.0，Butterfly 版本 4.12.0。
  8. 魔改会过程常常引入自定义的css与js文件，具体方法见方法见Hexo博客添加自定义css和js文件

博客搭建与魔改系列教程导航🚥🚥🚥

  1. 🎀hexo基础搭建教程（一）⬅当前位置🛸
  2. 🎆hexo基础搭建教程（二）
  3. 🎇魔改教程总结（一）
  4. 🧨魔改教程总结（二）
  5. ✨魔改教程总结（三）

1. 环境与

最低0.47元/天 解锁文章

200万优质内容无限畅学
hexo博客搭建
qq_39046725的博客
05-22 279
hexo博客搭建 win10（保姆级） 先下载node.js，网址https://nodejs.org/ 然后一直点击下一步，默认安装就行 按win+R ，输入cmd，进入命令行模式，输入node -v,npm -v，查看是否安装成功和下载版本 npm这个包管理器的源在国内较慢，所以安装cnpm（淘宝的源，速度更快），输入 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm 安装hexo-cli，输入 cnpm i
Hexo+Github搭建个人博客教程
Rockivy的博客
06-11 3898
完全免费的搭建个人博客，没有任何收费，零基础小白也能上手，不需要编程基础，跟着操作来即可。首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架，它基于Node.js。通过Hexo，你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧，对，就是这个格式的！写完后只需两三条命令即可将生成的网页上传到你的github上，然后别人就可以看到你的网页啦。是不是很简单？你无需关心网页源代码的具体细节，你只需要用心写好你的博客内容就行。
Hexo博客搭建
weixin_33872566的博客
03-05 838
本文讲解我在搭建Hexo博客的完整过程，主要内容包括GitHub与SSH、FAQ等。 另外还需要注意的是： Hexo博客框架和nexT主题的搭建过程本文会直接引用官方教程，一笔略过； 由于我是在Mac上搭建Hexo博客的，所有一些命令在Windows的终端中可能找不到，请自行下载安装。 下面进入正文： 一开始的时候我没有注册域名，静态...
Hexo个人博客搭建及上线全流程
最新发布
君子可欺以其方，难罔以非其道
05-20 1855
本文详细介绍了基于Hexo框架搭建个人博客的完整流程，涵盖Hexo网站搭建与部署、域名映射配置、SSL证书购买与部署，以及在百度、谷歌与必应三大搜索引擎平台的网站验证方法。
用hexo搭建博客
测试
05-06 397
这是我建博客的教程，不想总结，就直接copy过来了 本文转自http://lowrank.science/Hexo-Github/ 这会是一篇很长的教程。其实，介绍 Hexo 在 Github 上搭建博客的教程汗牛充栋，之所以还要继续这一项重复的工作，主要是我心中对理想的技术博客文章有两点期盼： 技术博客不仅仅是操作手册，不仅要告诉读者如何做，还要告诉读者为何...
搭建hexo博客
Weirdchun
11-10 219
title: 初步搭建hexo博客过程 date: 2019-11-05 22:11:49 tags: hexo categories: 博客 前言： 目前大三在读，在迷茫了这么久，还是决定当个程序员，建立自己的一个博客慢慢提升技术，希望自己能努力点，所以把搭建过程写出我的第一篇博客。 搭建环境：win10 搭建过程参照B站up主Codesheep：https://www.bilibil...
使用Hexo免费搭建个人博客教程
csdnxia的博客
10-18 3889
前言 现在各种互联网博客非常的，常见的如CSDN、简书、掘金、博客园等平台，这些博客平台做的都很好，可以直接在上面注册自己的账号写文章，发表的文章在百度、Bing等搜索引擎上也能收到，但缺点是受于平台的各种限制，个人定制化不自由，而且大多数平台都会有各种广告。 于是想到自己搭建一个博客网站，但对大多数人而言，自己购买服务器和域名来搭建博客成本实在太高的了，而且有点浪费，还需要定期维护，这时一种不错的选择就是使用第三方开源托管平台（GitHub、GitLab等）来当作我们的服务器，并使用快速简洁的博客搭建框架
Hexo博客搭建与HTML基础应用教程
### 知识点一：Hexo博客框架 Hexo是一个快速、简洁且功能强大的静态站点生成器，它基于Node.js开发，支持Markdown格式撰写文章，并且可以通过插件扩展各种功能。Hexo的运行原理是将用户编写的Markdown格式的文章...
Hexo博客搭建教程与源码解析
从提供的信息中，我们可以看到这个压缩包子文件（可能是指GitHub仓库）是关于一个基于Hexo框架的个人博客站点。Hexo是一个快速、简洁且功能强大的博客框架，它基于Node.js开发，并且可以将Markdown或其他文本格式...
hexo博客的搭建
Nano的博客
12-08 331
搭建准备 所需环境 Node.js git 所需工具 github hexo 开始搭建 fist-step 安装hexo脚手架 npm install -g hexo-cli 初始化hexo文件夹 hexo init (初始化hexo) npm install Tips: 如果出现报错,一般都是node版本过低导致,升级一下node版本就可以了(博主的node版本是v14.18.
Hexo博客系统的搭建
yczlab @ 博客
11-12 1682
引言： Hexo可以理解为是基于node.js制作的一个博客工具，不是我们理解的一个开源的博客系统。通过markdown编写文章，然后hexo帮我们生成静态的html页面，然后，将生成的html上传到我们的服务器，或上传到Github、Gitee等仓库托管平台，在开启该类仓库的Pages服务后便可使用。简而言之：hexo是个静态页面生成、上传的工具。 Hexo简介 Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub、Gitee或Coding上，是
利用Hexo搭建博客
anglesang的博客
03-23 174
利用Hexo搭建博客 默认电脑安装了node,npm,git并配置好了Github的SSH Key 电脑环境 Windows10 专业版 1709 node 12.16.1 npm 6.13.4 git 2.23.0 hexo 3.1.0 搭建Github仓库 新建一个名为 用户名.github.io 的仓库,必须是用户名,将来网站访问地址就是 http://用户名.github.io 创建Hexo写博客 建议命令都使用Git Bash来完成 官网： http://hexo.io 创建一个文件夹，例如H
【详细教程hexo博客搭建】1、从零开始搭建一个能用的博客
wufaqidong1的博客
09-17 838
在blog-demo目录下的_config.yml，就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。下载后傻瓜式安装Git即可，安装的目录可以使用默认目录【C:/Program Files/Git】，也可以自定义路径。用记事本打开上述图片中的公钥（id_rsa.pub），复制里面的内容，然后开始在github中配置ssh密钥。在目标路径（我这里选的路径为【C:/Hexo-Blog】）打开cmd命令窗口，执行。git config --global --list //查看用户（全局）配置。
Hexo博客搭建（基础篇）
Kevin's Blog
05-20 497
文章目录一、介绍1.1 概述1.2 优点二、操作过程2.1 安装环境2.1.1 Node2.1.2 Git2.1.3 Hexo2.1.4 测试安装结果2.2 本地运行2.2 远程运行2.2.1 注册github账户2.2.2 github上设置远程库 一、介绍 1.1 概述   Hexo基于Node.js的快速且高效的静态博客程序，可方便地生成静态网页托管在Github和Coding上，使用Mar...
使用hexo搭建博客
一朵云的博客
12-02 1937
使用Hexo博客框架搭建博客可以在windows操作系统下进行安装软件，然后搭建也可以在linux操作系统中搭建还可以使用Docker搭建以下是windows下进行搭建的内容：hexo文档链接。
Hexo个人博客搭建
peakchao
04-02 541
Hexo个人博客搭建 hexo是一个简单地、轻量地、基于Node的一个静态博客框架，可以方便的生成静态网页托管在github和Heroku上 环境搭建 第一步，就是下载node的安装包并安装，附上[node下载地址]。(https://nodejs.org/en/download/) 安装好node，会默认一起安装好npm包管理器，这可是一个神器啊。 可以打开终端cmd，执行...
HEXO 搭建自己的博客
小白的进化之路
05-21 520
一、准备工作安装所需要软件 ①、必装：node.js直接下载对应版本。点击此处进入官方下载界面 注意：一定要点击Node.js and npm，添加至环境变量 其次：Git提供shell环境。也可直接用Windows的cmd。感觉不方便，所以最好下载。点击此处进入官方下载界面 测试是否安装成功以及更改淘宝的cnpm源 node -v #查看node.js的版本 git --version #查看git的版本 npm -v #查看npm的版本 npm
Hexo博客搭建教程
Teemos的博客
06-19 1174
前言 本来不想这么折腾的，但是之前租的阿里云学生服务器要到期了，还不能以学生价续费，于是想换个云服务器续命，但学生服务器各个平台都差不多。 学生服务器的优点就是价格便宜，还能折腾，缺点也很明显，带宽低，搭建博客的访问速度慢，虽然也能用OSS，图床，CDN等改善访问速度慢的问题。 因为我是用markdown语法来做笔记的，之前使用的wordpress不是特别好用和支持，同时又嫌弃访问速度慢，所以原来的博客更新的比较少，后面直接跑去CSDN上更新了。 后来打算使用Python的Flask框架和Layui框架，寄
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值