1.hexoԴ?源码?github
2.Github+Hexo博客搭建小白教程（六）
3.基于树莓派搭建Hexo博客部署到GitHub/Gitee
4.Hexo+Butterfly主题+Github搭建博客
5.给Hexo博客首页添加GitHub图标
6.搭建个人博客（二）：如何详细配置 Hexo + 使用 Redefine 主题美化博客

hexoԴ??github

       个人博客的构建与部署在当今数字化时代变得愈发简单，只需几个步骤即可轻松完成。源码在考虑建立个人博客的源码过程中，我们首先思考的源码是为何需要一个博客。

       个人博客不仅仅是源码一个展示自我、记录学习与生活的源码组件边框美化源码平台，更是源码一个与他人分享知识、见解与经验的源码窗口。它帮助我们整理思绪、源码巩固理解，源码并通过分享，源码拓展与他人的源码交流。在构建个人博客的源码过程中，我们需要准备一些基础工具与资源，源码包括域名、源码Cloudflare账号、GitHub账号，以及Git和Node.js。Visual Studio Code则因其强大的功能与易用性成为推荐的代码编辑器。

       第一步，安装hexo，这个过程涉及打开命令提示符、创建文件夹、使用代码编辑器进行文件管理，以及配置与安装主题。butterfly是其中一种美观且层次分明的主题。在代码编辑器的终端中安装插件与渲染器，随后在根目录建立文件 .gitmodules，并添加特定内容以防止初始化时找不到主题的URL。最后，通过命令查看博客页面，并在默认浏览器中进行预览。

       第二步，设置GitHub个人仓库，文件自助下载源码包括登录GitHub、选择私人仓库、复制git链接，并在除C盘外的任意盘根目录下下载仓库文件夹。将hexo新建的文件夹内容复制到GitHub仓库文件夹中，使用git命令上传代码。为了方便以后的更新，可以创建一个快捷命令文件。

       第三步，设置Cloudflare，包括在主页中新建应用程序并选择pages，然后选择GitHub仓库进行配置。构建配置命令应输入 npx hexo generate，配置环境变量 NODEVERSION 和 NPMVERSION，并在部署后通过自定义域名访问博客。

       考虑到GitHub Pages对隐私的限制，选择使用Cloudflare Pages部署个人博客更为安全。此外，推荐使用开源免费的编辑器MarkText开始编写博客内容，并考虑使用图床来存储，以减轻整理的压力。在博客小凡同学学点啥玩耍中，欢迎大家参与交流与互动。

Github+Hexo博客搭建小白教程（六）

       一、提高npm速度优化

       为了提升下载插件的效率，推荐使用淘宝镜像。首先，通过命令查看当前npm仓库地址。若地址默认为 registry.npmjs.org/，可使用命令修改为淘宝镜像的仓库地址。安装cnpm后，使用cnpm替代npm执行命令，以实现更快的java源码工厂模式插件安装速度。

       二、懒加载优化

       了解预加载与懒加载的区别。预加载是提前加载，而懒加载则在可见时才加载，减少服务器前端压力。实现懒加载需安装hexo-lazyload-image插件，执行相应命令并在站点配置文件添加代码。执行命令后即可看到懒加载效果。

       三、代码压缩提升性能

       为了减少资源文件大小，提升加载速度，使用gulp代码压缩方式。在站点根目录执行命令，新建文件gulpfile.js并复制相关代码，根据需求进行修改。执行命令后，即可进行代码压缩。

       四、构建高效免费图床

       使用七牛云作为图床，上传、音乐、视频至七牛云，生成链接插入博客。七牛云提供免费G容量。上传成功后复制链接，用于博客引用。注意七牛云链接有效期为一个月，需使用自定义二级域名绑定七牛云，避免链接回收。配置CNAME，绑定域名，并在域名提供商处完成相关设置。

       以上优化措施旨在提升博客加载速度、天津线上办公源码资源管理效率及用户体验，通过技术手段实现高性能、低流量消耗的目标。

基于树莓派搭建Hexo博客部署到GitHub/Gitee

       搭建基于树莓派的Hexo博客部署到GitHub/Gitee的零基础教程

       本文旨在帮助初学者在树莓派上轻松搭建个人博客。借助Hexo这一简洁高效的博客框架，搭配Git和Nood.js，你可以快速实现从本地构建到线上托管的过程。

       首先，为确保构建环境优化，我们通过更换镜像源，避免因网络问题导致的效率瓶颈。具体步骤如下：

       修改软件更新源：在终端输入`sudo nano /etc/apt/sources.list`，添加清华源，确保国内访问速度。

       更新系统：执行`sudo apt update`，更新树莓派系统至最新。

       随后，安装Git和Nood.js：

       安装Git：在终端输入`sudo apt install git`。

       全局修改用户名：使用`git config --global user.name "你的用户名"`命令。

       下载Nood.js：根据树莓派架构选择对应版本，使用`wget`或`curl`命令下载。

       解压并建立软链接：完成Nood.js安装。

       接着，安装Hexo，配置本地环境：

       使用`npm`安装cnpm，加速国内网络访问。

       安装Hexo：在终端输入`npm install -g hexo`。

       开始使用Hexo搭建博客：

       创建博客目录`blog`，初始化Hexo。

       启动Hexo服务。

       访问`http://localhost:`查看预览页面。

       部署至GitHub/Gitee：

       在GitHub创建仓库，名称格式为`你的mybatis 源码分析难度GitHub用户名.github.io`。

       配置博客配置文件`_config.yml`，设置GitHub仓库链接。

       预览本地博客页面。

       推送至GitHub，访问`你的用户名.github.io`查看博客。

       更换主题，增加个性化体验：

       选择并克隆主题到博客目录。

       编辑`_config.yml`文件，自定义主题设置。

       预览新主题效果。

       推送更改至GitHub，刷新博客页面。

       总结：通过本文教程，你已掌握了基于树莓派搭建Hexo博客的全过程，从环境配置、搭建到部署，以及主题更换，实现了从零到有，再到个性化定制的完整流程。欢迎访问博主博客：老鱼匠的个人栈，获取更多相关资源和社区支持。

Hexo+Butterfly主题+Github搭建博客

       通过Hexo+Butterfly主题+Github搭建个人博客，实现高效内容发布与分享。本教程将详尽指导从环境搭建到项目部署的全过程，使你轻松拥有自己的在线博客。

       首先，确保Node.js已安装。访问官网下载并选择长期支持版本进行安装，推荐非C盘安装以避免空间受限。安装完成后，打开命令行工具，输入`node -v`验证安装成功。

       接着，安装Git。前往Git官网下载页面，选择操作系统进行下载，同样推荐非C盘安装以确保系统稳定运行。在命令行输入`git --version`确认安装成功。

       进入桌面环境，通过命令行操作，完成上述软件的安装与配置，奠定搭建博客的基础。

       安装Hexo，新建一个文件夹作为项目空间，如在D盘建立Hexo文件夹。进入文件夹后，打开Git Bash，执行全局安装命令。随后初始化博客项目，输入`hexo init myblog`（替换为自定义博客名），并进入初始化后的目录。

       执行本地部署命令`hexo g & hexo s`，在浏览器中访问`http://localhost:`，即可查看本地部署的Hexo博客。安装项目所需文件，确保开发环境的完备。

       接下来，通过GitHub获取并克隆Butterfly主题，确保主题文件正确放置于项目中。复制并替换配置文件以适应自用需求，确保后续主题更新不会影响现有配置。在博客配置文件中，指定主题为Butterfly，运行部署命令，验证主题配置是否成功。

       若部署过程中出现错误，需安装缺失依赖，完成主题配置。在部署时选择支持中文的Hexo主题，便于后期调整与维护。

       部署至GitHub，首先创建一个仓库，命名为`username.github.io`（其中`username`为你的GitHub账号名），确保仓库类型为`Public`，以便公开分享博客内容。安装部署插件`hexo-deployer-git`，并更新配置文件`_config.yml`以指定部署参数。

       执行命令`hexo clean`清理当前项目，`hexo generate`（或简化为`hexo g`）生成静态文件，`hexo deploy`（或简化为`hexo d`）完成至GitHub的部署。合并执行`hexo g & hexo d`简化部署流程。

       通过浏览器访问`你的GitHub用户名.github.io`，即可查看部署后的博客内容。若未立即显示，稍作等待即可。至此，完成Hexo+Butterfly+Github搭建个人博客的全过程，轻松拥有专业级在线平台。

       如需进一步自定义域名配置，可参考相关教程，实现个性化域名与专业形象。

给Hexo博客首页添加GitHub图标

       给Hexo博客首页添加GitHub图标

       在搭建Hexo博客时，希望独立于其他平台，数据在本地和GitHub上备份。GitHub被认为是年后存储信息的可靠选择，因为开源拥有无穷魅力。将内容存入GitHub，让其在年后仍有被访问的可能性。

       添加GitHub图标的步骤如下：

       1. 访问GitHub Corners网站，选择喜欢的图标样式，复制代码。

       2. 打开博客主题文件夹，找到layout.ejs文件（注意不同主题的后缀可能不同）。

       3. 在导航栏标签上粘贴复制的代码，并修改href属性为个人主页链接或博客仓库地址。

       4. 修改完成后，将本地修改推送至远程仓库或服务器，查看博客首页右上角是否新增了GitHub图标。

       若图标被导航栏覆盖，需调整代码，通过在GitHub Corners代码中增加`z-index: ;`，确保图标的层级高于导航栏。

       添加GitHub图标有助于提升博客的专业感与交互性，是提高用户体验的重要步骤。

搭建个人博客（二）：如何详细配置 Hexo + 使用 Redefine 主题美化博客

       在搭建个人博客（一）：如何在 Github Page 上搭建我的个人博客的前篇基础上，本文将深入讲解Hexo的配置步骤以及如何个性化定制Redefine主题。首先，打开项目根目录下的_config.yml，对基础配置进行修改，如更换默认主题。

       在_config.yml中，找到主题相关的部分，选择并替换为Redefine主题。同时，配置好Deploy设置，这样可以轻松将博客和主题打包上传到Github，同步到Github Page上。执行相关命令进行测试，获取并妥善保存Token，用于后续同步操作。

       接下来，重点转向Redefine主题的美化配置。首先，安装并启用Redefine主题。在项目根目录下创建_config.redefine.yml文件，复制官方提供的配置内容。确保文件目录正确后，通过终端命令查看主题切换效果。

       在_config.redefine.yml中，配置基本的网站信息，首页Banner，导航栏和侧边栏。关于创建标签、分类、相册等模块，需要根据个人需求进行设置。例如，修改tags_style，创建相应页面并编辑数据文件，如masonry.yml和essays.yml。

       对于评论功能，推荐使用Waline应用，通过serverUrl与你的网站地址关联。最后，鼓励大家访问作者的个人博客网站，那里会有更多更新内容和详细教程。

如何快速搭建个人博客网站？Hexo+gitee （最新教程！）

       搭建个人博客网站，选择合适的平台与工具是关键。我推荐使用Hexo+Gitee的组合，原因如下：

       首先，考虑到国内访问速度和托管服务支持，Gitee优于GitHub。另外，Hexo作为基于Node.js的开源博客生成器，速度快、主题丰富且支持中文，适合国内用户。

       开始搭建步骤如下：

       1. **环境准备**：确保macOS系统下已安装Git，访问nodejs官网下载并安装Node.js。

       2. **安装Hexo插件**：Hexo是GitHub开源的快速搭建个人博客的仓库，通过npm命令全局安装Hexo CLI。

       3. **快速搭建Hexo博客站点**：使用`hexo new`命令创建新站点，然后`hexo g`生成静态文件，再通过`hexo d`启动本地服务器，访问`http://localhost:`即可查看新博客。

       4. **部署到Gitee**：创建Gitee仓库，确保选择公开仓库以便使用Gitee Pages服务。编辑仓库配置文件，添加Hexo站点部署信息。配置公钥以连接本地与远程仓库。最后，推送本地文件至Gitee仓库。

       5. **文章发表**：有两种方式，一种是手动验证，编辑Index.html文件并提交到仓库，然后在Gitee Pages页面手动更新服务。另一种是使用Gitee Pages自动部署，通过gitee-pages-action动作实现提交后自动部署。

       通过遵循上述步骤，你将能快速搭建并部署一个具有个人特色的博客网站，享受轻松的建站与内容发布体验。