Github-Page-hexo-搭建博客系列第一弹_github page hexo-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45748082/article/details/107868139

本文详细介绍如何使用GithubPage和Hexo快速建立个性化博客，涵盖账号注册、仓库创建、Hexo安装与配置，以及本地预览等关键步骤。

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

本文从零开始讲述如何搭建一个自己的博客，如何利用Github Page白嫖一个美观、简约的“网站”。

文章目录

1. 成果展示

话不多说,以图为证！
在这里插入图片描述

2. 初识Github Page

第一，首先我们需要申请一个github账号，然后创建一个"用户名.github.io"的仓库，注意：这个仓库名称必须严格按照方式命名。否则别人不能访问你的github Page页面。
第二，我们需要将github跟我们本地连接起来，方便写文章后上传。
说明：由于GitHub作为一个很有名的代码托管平台，这里就不谈论贴步骤了。

3. 安装hexo和Node.js

由于hexo是基于node的静态博客，所以还是把node也安装吧。本地安装 hexo，使用 npm 方式安装。（建议：node版本建议使用高于6.2以上版本，后面更换hexo注意需要）

 node下载：https://nodejs.org/dist/

 node版本：node -v

  hexo安装： npm install -g hexo

  hexo版本：hexo v

安装结束后，我们需要初始化一个存放hexo的本地文件夹

  初始化：hexo init

文件内容及含义：

   ·node_modules：是依赖包  
   · public：存放的是生成的页面  
   · scaffolds：命令生成文章等的模板 
   · source：用命令创建的各种文章  
   · themes：主题  
   · _config.yml：整个博客的配置  
   · db.json：source解析所得到的   
   · package.json：项目所需模块项目的配置信息

在完成了前面这些之后，我们就可以本地部署预览博客:http:localhost:4000。
相关操作命令：

  hexo new "文章标题"：生成 md 文件

  hexo clean：清除已编译的静态文件

  hexo g：根据生成静态文件

  hexo s：启动hexo服务

  hexo d：提交远程仓库（后面用到）

nbsp; 效果展示：
在这里插入图片描述

4. 结尾

到此为止，我们已经利用了 GitHub Page 和 hexo 搭建了一个简单的博客主页，是不是很简单呢。接下来我们将讲解一些博客的简单配置，如语言，生成文章等以及更换主题。

欢迎访问我的博客：北野

希望能帮到你！