在这个娱乐致死的时代，我们要时刻保持清醒！
已经两周没有更新CSDN了。 我不是偷懒，而是在建立自己的个人博客网站。
欢迎使用网址： https://www.sunguoqi.com！
网站刚建立，还有很多不足的地方。 现在学习很完善…
写这篇文章，回顾整个构建过程，作为交流和参考！
文章目录1、Hexo1、Node.js2、Git2、站点1、访问Git2、安装Hexo3、创建博客文件夹4、初始化博客5、本地预览3、GitHubpages4、github 创建GitHub Pages1部署命令5、更改Hexo主题1、下载主题代码2、应用主题3、安装依赖关系4、生成网页5、主题配置6、GitHub Pages自己的域名1、注册域
一个网站需要的三个要素是什么？
域名、程序和服务器。
举板栗吧。 www.baidu.com这是百度的域名，你可以在这个域名下编写程序并敲击代码来生成各种页面，各种页面构成整个网站。
怎样才能让别人访问你的网站？ 这需要能够24小时不间断工作的计算机。 其他计算机可以通过浏览器随时随地访问此主机。 该主机是所谓的服务器。
一、Hexo不会写代码吗？ 没关系。 代码已经写好了。
Hexo是一个快速、简洁、高效的博客框架工具。 将Markdown文档快速解析为静态页面，支持各种美丽的主题。 安装Hexo的框架和主题后，实际上已经构建了整个网站，只需修改即可。
Hexo的具体说明文件请浏览官网，点击我进入
注意：在使用Hexo之前，必须安装Node.js和Git，并且熟悉Hexo的基本命令。
1、关于node.jsnode.js，只要安装就可以了。 请下载
建议您通过访问私人教程来学习具体的安装教程。 我进去的时候
2、对于Gitgit，不仅要下载安装，还要熟悉git环境中的基本操作。 请下载
我们还建议您访问和学习有关Git安装和使用教程的私人教程。 我进去的时候
二、构建网站1、进入Git安装Git后(当然也请安装Node.js )，可以通过鼠标右键查看Git Bash Here命令，通过任意路径点击即可进入Git
2、安装Hexo安装Hexo，命令如下：
npm install hexo-cli -g 3，创建博客文件夹并选择所需位置进行Git Bash Here操作。 (当然，也可以在已经打开的bash窗口中运行cd命令进入所需路径的位置。)
4、创建初始化博客的myblog文件夹并初始化
切换到hexoinitmyblog2.myblog文件夹
cd myblog 3.安装软件包管理工具npm
npm install 5，本地预览上述操作完成后，可以生成静态页面并将其部署到本地。 命令如下
hexo g hexo s提示：其中hexo g是hexo generate的缩写，hexo s和hexo serve两个命令的效果相同。
如果这些操作正确，则运行hexo s命令时，将显示以下提示：
infostartprocessinginfohexoisrunningat http://localhost:4000.pressctrlctostop .此时，打开http://localhost :4000查看我们的页面(当然默认主题异常简陋)
三、Github Pages网站可以在本地展示。 从常识上来说，这个时候应该谈谈域名和服务器。 域名的话没关系，但是服务器…嗯…买不到。
看看Alibaba云服务器的价格。 (腾讯云和百度云也一样，即使有学生认证服务)而且不知道该如何选择各种各样的服务器。
所以怎么办？
这个时候向GitHub表示敬意！ (当然还有Gitee码云等其他平台)
GitHub Pages是一个静态站点管理服务工具，允许您将GitHub.io的二级域名指定为项目的站点。 此外，代码托管在github上，因此不需要提供服务器。 收到！
四、创建GitHub Pages 1，在GitHub中创建新仓库打开https://github.com/new，在【Repository name】框中键入[username.github.io]
epository】创建一个新的仓库。 注意： username是你的GitHub用户名。(这里我注册过了，所以警告不能创建)
目前仓库中还没有内容，当我们把静态网站推送到GitHub之后，就可以通过http://username.github.io来访问你的网站了。
打开博客目录下的_config.yml文件，找到最下方的deploy项，修改成如下所示。
deploy: type: git repo: https://github.com/sun0225SUN/sun0225SUN.github.io.git branch: master 注意： 在实际应用时，repo的值要改成你自己的仓库地址。
在博客目录下打开Git，执行部署命令hexo d这里hexo d和hexo deployer的效果相同
hexo d如果git提示如下错误信息，则需要安装部署插件
ERROR Deployer not found: git通过下面这个命令进行安装
npm install hexo-deployer-git --save等待安装完成后再次执行hexo d部署命令即可
hexo d注意：在部署时可能需要输入自己GitHub账户的密码，如果闲麻烦可以将repo的地址更改为GitHub CLI地址，例如：
deploy: type: git repo: git@github.com:sun0225SUN/sun0225SUN.github.io.git branch: master部署完成后，便可以通过访问http://username.github.io来访问你的网站了，注意username改成你的GitHub用户名哦！
五、Hexo更换主题我们可以看到Hexo默认的主题非常简陋，那么我们如何才能拥有一个精美的网站呢？
Hexo的官网有几百款精美的主题可供用户选择，我这里以butterfly主题进行安装演示。在github上，每个主题都有详细的安装教程。
比如我现在演示用这个主题，您可以访问其官方说明文档，点我进入
1、下载主题代码在博客根目录下，执行Git Bash Here，然后执行以下命令
git clone -b master https://github.com/thdwd127/hexo-theme-butterfly .git themes/butterfly这时候我们就把主题文档下载到自己博客目录themes文件下了
2、应用主题我们需要修改站点配置文件_config.yml中的theme对应内容，以告诉hexo我们要使用哪一个主题。
theme: butterfly 3、安装依赖有些主题必须安装某些渲染器插件才能使用，有些则不需要，此主题需要安装pug 以及stylus 的渲染器，安装命令如下
npm install hexo-renderer-pug --save npm install hexo-renderer-stylus --save否则打开本地http://localhost:4000窗口时，只显示如下信息
extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug 4、生成网页正确操作且正确安装插件后，执行一下hexo g命令生成静态网页
hexo g执行一下hexo s命令部署至本地
hexo s如果本地预览没有问题，我们就可以部署到GitHub上了
hexo d注意：如果您更改了一些内容，最好使用hexo clean对文件进行更新，有时候部署到本地或者远端发现相应内容并没有改变可能是因为没有执行更新命令，当然也有可能是因为浏览器缓存问题。
5、主题配置关于主题配置，每个主题都附有详细的说明文档，您可以根据说明文档进行修改，不过可能会遇到很多坑。后续我也会写一些关于butterfly主题的配置说明，把我遇到的坑记录下来…
六、GitHub Pages 绑定自己的域名GitHub 虽然提供了二级域名github.io但多多少少还是有点寄人篱下的感觉，虽然我们确实寄人篱下
如何绑定自己的域名呢，首先我们要有自己的域名。
1、注册域名 域名可以在阿里云、万网上注册购买，当然也有免费的，自己看着来。域名的注册很简单。注册一个有意义或者好记的域名就可以。
搜索自己想注册的名字，点击加入清单进行结算就好了（当然最好还是注册个简短常见的域名，如果需要在价钱合适、没被别人抢先注册而且站点没有黑历史的情况下）
登录阿里云→进入【控制台】→进入【域名】→选择【域名列表】→在【全部域名】中单击你的域名→进入域名基本信息页面→单击【域名解析】进入域名解析页面，如下图所示。
在域名解析页面添加两条解析记录，如下图所示。
记录值1
【记录值】通过在终端执行ping username.github.io来获得。
记录值2
【记录值】要改成你自己的GitHub Page地址。
3、绑定独立域名在博客文件夹中的source文件夹中添加CNAME文件（没有后缀名），用vs code打开此文件，添加自己的域名保存即可。
4、生成网站 hexo g 5、部署至GitHub hexo d 七、写在后面 总得来说，利用hexo框架搭建一个个人网站并不难，难的是遇到某些坑而自己不会解决…
欢迎各位大佬在评论区留言，交流一下您曾经遇到的一些坑，以及您是怎么解决它的，非常感谢！！！