如何建立个人博客站点，hexo+gitee，简单方便，无需准备，马上开始

最新推荐文章于 2024-06-11 02:45:00 发布

一叶eayer

最新推荐文章于 2024-06-11 02:45:00 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：个人建站文章标签：网站建设个人博客

本文链接：https://blog.youkuaiyun.com/Vigour1989/article/details/83277734

本文介绍了如何使用Hexo静态博客框架结合Gitee Pages服务，轻松建立个人博客站点。通过安装npm和Node.js，初始化Hexo工程，生成并预览Markdown内容，再自定义主题并部署到Gitee，实现个人博客的快速搭建。

简介

建立一个个人站点，其实是一件蛮有趣味的事情。可以 show！show！
首先这里的博客站点，明确一点是指静态博客站点。没有后台，没有数据库，也没有后台通讯。

如今博客站点基本上都基于markdown，所以静态站点足够了！！！
可以先看看我搭建的个人站点。

Hexo

Hexo是一个快速、简洁且高效的博客框架。Hexo在这里它可以帮我们做哪些事情呢！

一套静态页生成框架
可以让我们写的markdown自动生成静态页面（html）

Gitee

Gitee Pages 这里主要为我们提供一个静态托管站点。

这里要说明的是，选择hexo +gitee 是为了更接地气。还有更多的其他方案可以选择。这里不做详细描述。

废话不多说，流程如下

安装npm，node.js的包管理工具，安装node.js就会自动安装npm。或者安装visual studio code 开发工具，也会集成npm。
安装hexo
```
npm install -g hexo
```
初始化工程
```
<
```

最低0.47元/天解锁文章

新学期VIP享超值加赠

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一叶eayer

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

在gitee上建自己的博客

leilei__66的博客

08-15

2703

在gitee上建自己的博客一、安装git插件二、安装node 三、安装hexo 1、输入命令：npm install -g hexo-cli [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ROPW1RMj-1650702451488)(C:\Users\FL\AppData\Roaming\Typora\typora-user-images\image-20210110084113561.png)] 2、验证安装是否成功 [外链图片转存中…(img-LFrxYYxV-16

在Github/Gitee上搭建免费个人网站和博客

HongYingClub-优快云

05-12

1638

相信其中有一部分朋友真的用起来了，所以有必要把另外两个重要的功能说一下：（1）评论系统（2）独立域名。

1 条评论您还未登录，请先登录后发表或查看评论

使用 hexo 和 gitee 免费搭建个人博客

Kaiter的博客

04-05

2814

1. 前言在开始教程之前，你可以了解一下使用gitee pages服务搭建博客有哪些好处： gitee 是国内的网站，相较于 github 访问速度更快；全是静态文件，访问速度快；免费方便，不用花一分钱就可以搭建一个自由的个人博客，不需要服务器不需要后台；数据绝对安全，基于gitee的版本管理，想恢复到哪个历史版本都行；博客内容可以轻松打包、转移、发布到其它平台；等等。 1.1. ...

搭建自己的 github.io 博客

Qian Chia 的博客

03-10

1179

1、前言 github.io 是基于 Github 的 repo 管理，这意味着咱们对其是有绝对的控制，这个跟放在第三方的平台比，可控性要好太多。使用 github pages 服务搭建博客的好处有：全是静态文件，访问速度快；免费方便，不用花一分钱就可以搭建一个自由的个人博客，不需要服务器不需要后台；可以随意绑定自己的域名，不仔细看的话根本看不出来你的网站是基于 github...

hexo+gitee搭建个人博客

weixin_45964966的博客

08-20

1711

导语：作为一个未来计算机行业的从事者，写博客是一个很有益处的事情。博客可以记录我们的学习历程，分享学习知识，也可以加深对技术的理解，坚持写博客的同时也是一件很有成就感的事情。相比于常见的博客工具，一些存在着大量的广告，一些是简陋的界面。这时，个人博客的优点便得以突出。今天和大家分享一下使用gitee+hexo来搭建个人博客。 hexo是什么？ Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。我们使用hexo来作

Hexo+Github搭建个人博客教程

最新发布

Rockivy的博客

06-11

3984

完全免费的搭建个人博客，没有任何收费，零基础小白也能上手，不需要编程基础，跟着操作来即可。首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架，它基于Node.js。通过Hexo，你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧，对，就是这个格式的！写完后只需两三条命令即可将生成的网页上传到你的github上，然后别人就可以看到你的网页啦。是不是很简单？你无需关心网页源代码的具体细节，你只需要用心写好你的博客内容就行。

hexo评论_手写一个Hexo评论系统（一）

weixin_34826752的博客

01-13

530

我的个人博客时使用Hexo构建的，个人觉得使用Hexo非常方便，而且主题也很好看。因为我的Hexo仓库推送地址同时配置了Github和Gitee，所以一个hexo d命令便可以通知部署到 zouchanglin.cn 和 zouchanglin.gitee.io 两个站点。唯一美中不足的就是Hexo缺少一款我比较满意的评论系统，所以决定自己手撸一个Hexo博客的评论系统，现在已经部署好了，去我的博...

从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床

yushuaigee的博客

01-14

2570

本文是博客搭建系列文章第四篇，其他文章链接：从零开始免费搭建自己的博客(一)——本地搭建 Hexo 框架从零开始免费搭建自己的博客(二)——基于 GitHub pages 建站从零开始免费搭建自己的博客(三)——基于 Gitee pages 建站从零开始免费搭建自己的博客(四)——编写Markdown文章利器 Typora 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床** 从零开始免费搭建自己的博客(六)——三个站点一键发布博客从.

Hexo主题之livemylife个性化构建你的博客

qq_47654010的博客

08-23

1082

本篇博客已首发在个人博客【快乐码原】：Hexo主题之livemylife个性化构建你的博客欢迎各位客官来康康~ tips：部分图片加载异常，可以到我的个人博客浏览完整版。简介 livemylife是hexo5.x主题之一，比起主流的next、yilia等知名度有一定差距；但本人依然在搭建完next主题后选择使用livemylife重构博客，下面是我的博客【快乐码原】效果图：夜间模式：白天模式：下面我先将官方配置文档copy一份，方便查阅，然后在后面加上我的个性化配置以及bug处.

Gitee + Hexo 搭建个人博客

LYJ20010728的博客

08-12

1164

Gitee + Hexo 搭建个人博客环境安装本地搭建初始化 Hexo生成静态页面启动本地服务更改主题安装Next配置Next测试Next发布文章选择next主题样式更改站点属性菜单栏显示更多菜单图标及内容量显示一般设置可跳转日志、分类、标签页的链接社交信息设置博客头像设置网站图标设置建立标签云及效果展示文章添加阴影、透明效果及代码块样式其他可参考设置页面美化设置鼠标左键点击红心普通小红心爆炸红心特效背景设置动态背景设置背景图片设置背景动画显示busuanzi博客访客/访问次数统计Github标识主题样式调

Hexo+Gitee免费搭建个人博客

m0_51148715的博客

01-29

1819

一、环境准备 1、nodejs和Git安装 nodejs下载网址 32位 64位 Git下载网址 Git下载网址链接下载好之后，打开cmd命令行（windows+r）输入cmd回车进入，分别执行以下命令能够显示版本号就说明安装成功了。如果报错，则说明没有安装成功，可以复制一下报错内容百度搜索。二、安装hexo框架首先，我们先安装一个淘宝的镜像加速器，方便安装的时候速度会更快一些。在命令行里面输入如下代码，之后回车键确认后就开始安装了。(这里可能会安装好一段时间，慢慢等) npm install

使用Gitee+Hexo搭建个人博客

VictorZhang

02-26

375

记录自：咻咻ing：使用Gitee+Hexo搭建个人博客如侵权请联系删除为何使用Gitee而不是GitHub 目前国内访问GitHub速度慢，还可能被墙，所以Gitee来构建个人博客。Gitee类似国内版的GitHub，访问速度有保证。环境要求 Git NodeJs 默认你已经安装了Git 和 NodeJS (推荐使用cnpm) 传送门：(Git安装教程) (Nodejs安装教程) (cnpm使用教程) 开始搭建安装Hexo 打开 shell 终端，输入命令npm install -g h.

使用Gitee + HEXO搭建个人博客

赛博夫子

05-30

1498

为何使用Gitee而不是GitHub上目前国内访问GitHub的速度慢，还可能被墙，所以Gitee来构建个人博客.Gitee类似国内版的GitHub上，访问速度有保证。环境要求混帐的NodeJS 默认你已经安装了的Git和的NodeJS（推荐使用CNPM）开始搭建 1.安装Hexo 打开 shell 终端，输入命令npm install -g hexo $ sudo cnpm insta...

Hexo+Gitee 搭建“个人博客”

Memory_888的博客

03-22

1984

Hexo+Gitee搭建个人博客，解决更换主题样式显示问题，本地图片显示问题

基于Gitee+Hexo搭建个人博客

Anychew的博客

03-14

1646

用什么平台(What) 1、简单入门，使用方便支持中文，有网络就能用，使用免费云平台的托管服务支持同步，没有地域限制 2、选择开源，选择未来 Gitee 是开源中国推出的基于Git的代码云端托管平台。目前已经有注册开发者 600 万，托管超过 1500 万代码仓库。 Gitee Pages 是面向 Gitee 用户开放的静态页面搭建托管服务，用户可以通过默认提供的域名 gitee.io 来发布自己的站点。目前，Gitee Pages 已支持 Jekyll 、 Hugo 、 Hexo等静态网站生成引擎，可

Hexo+Gitee 个人博客搭建

weixin_45672809的博客

10-14

672

Hexo+Gitee 个人博客搭建1. 环境搭建1.1 Git安装1.2 Node.js安装1.3 Hexo的安装2.初始化Hexo博客及美化2.1 初始化2.2 启动Hexo2.3 下载NEXT主题2.4 配置`_config.yml`文件3.部署到码云3.1 注册码云3.2 创建仓库3.3 推送文件到Gitee仓库3.3.1 只推送Hexo生成的静态文件到Gitee仓库3.3.2 将整个之前初始化的文件夹推送到Gitee仓库4.Hexo写作5.传送门6.参考资料 1. 环境搭建 1.1 Git安装 G

gitee+hexo制作个人博客

qq_44795340的博客

05-24

196

本人博客效果 https://cheng_st.gitee.io/my-blog/ 昨天闲着无事，准备改一个自己的博客网站。说干就干，网上看了一下，决定用hexo+gitee。不要问我为什么不用github。因为卡哭了。按照网上的文档操作，一切都是那么的井然有序，然而最后一步用gitee Pages展示出了问题，不管怎么部署打开都是404，文件也一直推不上去，网上说是仓库命和路径名需要与自己的gitee账户名一致，以前也许可以，现在路径名不能与账户相同，会报一个路径重复的错，仓库也建不了。今.

Gitee+hexo 搭建一个属于自己的博客平台

qq_45490393的博客

02-04

430

准备工作——应该知道的背景从上个与开始需要每两周给老板汇报一次工作，在这个过程中获益匪浅，终于明白了写总结的重要性，于是心里萌生自己建一个博客的想法。有想法就要立刻行动起来。之前也略微听过说 Github 和 Gitee 都提供网页服务，但是具体的还不清楚。通过简单的查阅选择了 Hexo 和 Gitee 搭配来搭建自己的博客。 Gitee Gitee 是开源中国旗下的一个代码托管平台，与 Github 的服务类似，但是仓库数量上远不及 Github，只是在国内的访问速度比 Github 快很多，于是选为

如何搭建个人前端学习博客并用hexo+github pages管理笔记

提到通过Hexo和GitHub Pages搭建个人博客站点，表明了作者对现代Web开发和部署的流程有所了解。 #### 知识点详细说明： **1. GitHub**：GitHub是一个基于Git的代码托管和版本控制平台。它提供了一种分布式版本控制...