hexo + gitee pages 搭建个人博客

前言

工作也中遇到问题google,stackoverflow,再加上blog基本上就都解决了。我们感觉解决问题如此简单,是因为有许许多多的开发者做着无私的分享。我们也应该把自己的经验,遇到问题的解决办法分享出来,促进这个圈子的良性循环。现在现成的博客站点各种广告,烦~,所以我们搭建自己可定制的私人免费博客。

一、简介

Hexo

是一个基于node.js开发的开源的静态博客框架,使用Markdown或者其他渲染引擎解析文章,可以在几秒内使用靓丽的主题生成静态网页。没错,我们使用的就是它。

Github

这个就不用介绍了吧,找开源项目经常逛的就是它了吧。

Github Pages /Gitee Pages

Github Pages 是一种静态站点托管服务,旨在直接从GitHub存储库托管您的个人,组织或项目页面。

Gitee Pages 与github pages 功能一样。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。目前Gitee Pages 支持 Jekyll、Hugo、Hexo编译静态资源。

二、安装

安装 Hexo 比较简单。但是在安装前,需要先安装下边两个应用程序:

Node.js

安装 Node.js 的最佳方式是使用 nvm或直接点击上边链接下载安装程序安装(版本要求6.0以上)。
我的ubuntu node.js 版本如下:

chenfr@booyoung:~$ node -v
v9.10.0
chenfr@booyoung:~$ 

在终端中使用下边命令安装:
cURL:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

or Wget:

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

安装完成后,重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable

Git

Linux (Ubuntu, Debian):

sudo apt-get install git-core

我使用的是ubuntu ,其他操作系统自行google,比较简单。

Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

$ npm install -g hexo-cli
chenfr@booyoung:~$ npm install -g hexo-cli
/home/chenfr/.nvm/versions/node/v9.10.0/bin/hexo -> /home/chenfr/.nvm/versions/node/v9.10.0/lib/node_modules/hexo-cli/bin/hexo

至此,所有安装已经完成。

三、建站

安装 Hexo 完成后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init <folder&
### 准备工作 在开始搭建博客之前,需要准备好以下工具和环境: - 安装 Node.js 和 npm,这是运行 Hexo 所必需的环境。 - 安装 Git,用于版本控制以及将博客部署到 Gitee。 - 创建一个 Gitee 账号,并创建一个新的仓库来存放你的博客内容。 ### 安装 Hexo 安装 Hexo 非常简单,只需要通过 npm 安装即可。打开命令行工具,输入以下命令: ```bash npm install -g hexo-cli ``` 安装完成后,可以通过 `hexo version` 命令检查是否安装成功。 ### 初始化博客项目 选择一个合适的目录作为你的博客根目录,进入该目录并通过以下命令初始化 Hexo: ```bash hexo init blog cd blog npm install ``` 这将会创建一个名为 `blog` 的文件夹,并在其内部初始化 Hexo 项目[^2]。 ### 配置博客 编辑 `_config.yml` 文件以配置博客的基本信息,包括站点名称、描述、作者信息等。此外,还需要配置博客的 URL 和路径,确保它们与你打算使用的 Gitee Pages 地址相匹配。例如: ```yaml url: https://yourusername.gitee.io/blog root: /blog/ ``` 保存更改后,你可以通过执行 `hexo clean && hexo g && hexo d` 命令来清理缓存、生成静态文件并部署到 Gitee 上[^3]。 ### 部署到 Gitee 为了能够将博客部署到 Gitee,你需要配置 Hexo 的部署设置。编辑 `_config.yml` 文件中的 `deploy` 部分如下所示: ```yaml deploy: type: git repo: https://gitee.com/yourusername/blog.git branch: master ``` 请替换 `yourusername` 为你的 Gitee 用户名,并确保你已经创建了一个名为 `blog` 的仓库(或者根据实际情况调整)。完成配置后,再次运行 `hexo d` 来部署你的博客[^5]。 ### 启用 Gitee Pages 登录到你的 Gitee 账户,进入你创建的博客仓库页面,找到“服务”下的“Gitee Pages”,按照提示启用它。如果使用的是免费版 Gitee Pages,则每次更新都需要手动刷新项目以使新主题或内容生效[^4]。 ### 插入图片和其他功能 现在你的博客应该已经上线了!接下来你可以添加文章、自定义主题样式、插入图片等。对于图片插入,可以考虑将图片上传至图床,然后在 Markdown 文档中引用;也可以直接放在 `source/images/` 目录下并通过相对路径引用。 最后别忘了定期维护你的博客,比如更新文章、优化 SEO 设置、监控访问速度等,以保持博客的良好运行状态。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值