【源码开源】使用 Hexo、Github 和 Coding 构建博客，详解 butterfly 和 matery 主题搭建流程【整理】-ITADN社区

【源码开源】使用 Hexo、Github 和 Coding 构建博客，详解 butterfly 和 matery 主题搭建流程【整理】

优质

本教程详细介绍如何利用Hexo结合GitHub和Coding平台构建个人博客，并深入讲解Butterfly与Matery两大主题的安装配置流程。本篇博客并不是从零手把手教你搭建博客，那样会很浪费时间去撰写一篇文档，并且网上已经有很多类似的教程了。因此对于不知道如何开始的读者，我会提供我搭建过程中参考的学习资料，选择任意一篇文章按照步骤来操作即可。此外，这篇博客的主要内容是关于记录本站点美化和个性化改造方面的经验分享。后续的内容将会更新在我的网站上。本段落中提供的教程可以被复制引用，请记得注明出处以示尊重原作者的工作成果。至于是否开源我的博客源代码：由于最近重新搭建了这个站点，还有一些优化工作以及功能的完善正在进行当中。我确实有计划朝向开放源码的方向发展，但具体何时公开源码尚未确定，可能还需要一些时间来做准备。

用Hexo搭建博客并采用Matery主题的实践

优质

本篇文章详细介绍了使用Hexo快速构建个人博客网站的过程，并分享了如何应用美观实用的Matery主题进行个性化设置的经验。使用Hexo搭建博客并应用Matery模板的步骤如下：一、下载及安装Hexo 1. 安装准备工作：确保Node.js已正确安装。 2. 使用npm命令全局安装hexo-cli，并为git部署到GitHub上额外安装hexo-deployer-git。 3. 初始化Hexo项目： - 在D盘创建一个名为Hexo的文件夹； - 进入该目录，执行`hexo init`和`npm install`来初始化并安装依赖项； 4. 安装Matery模板：下载matery主题包，并解压后将其移动到Hexo项目的themes文件夹内（路径为D:\Hexo\themes），同时将文件夹重命名为matery以保持命名一致性。 5. 根据需要，使用npm安装插件如hexo-generator-search和hexo-permalink。

Hexo Butterfly Blog：基于Hexo和Butterfly主题的个人博客

优质

Hexo Butterfly Blog是一款采用Hexo静态网站生成器及Butterfly主题打造的个性化博客平台。它为用户提供了一个简单、美观且功能强大的空间，用于分享文章与创意。 hexo_butterfly_blog：使用Hexo + Butterfly主题搭建的博客。

构建Hexo博客并部署至GitHub

优质

本教程将详细介绍如何使用Hexo快速搭建个人博客，并将其成功部署到GitHub上，适合对静态网站有一定了解的技术爱好者。前言：本段落档主要介绍如何在Windows 10 64位系统下搭建Hexo博客，并将其部署到GitHub上。灵感来源于B站up主codesheep的视频及其评论区的分享，旨在为初学者提供详细步骤和学习总结。一、准备工作（安装Node.js 和 Git） 1、安装Node.js：访问Node.js官网下载页面左侧选择稳定版本进行下载。按照提示完成安装过程后，在命令行工具中输入`node -v`检查是否成功安装。 2、安装Git：前往Git官网，下载适用于Windows的Git安装包，并按步骤完成安装。完成后，在命令行中输入`git -v`查看版本信息以验证Git已正确安装。二、安装Hexo 1. 创建一个文件夹用于存放你的Hexo博客项目。 2. 在该文件夹内打开Git Bash终端。 3. 输入以下命令来全局安装cnpm和hexo-cli： ``` npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g hexo-cli ``` 4. 使用`hexo -v`检查Hexo是否已正确安装，显示版本号表示无误。 5. 输入命令 `hexo init` 来初始化项目文件夹中的基本结构。这标志着博客搭建完成。三、运行测试Hexo 1、常用命令： - `hexo clean`: 清理缓存文件。 - `hexo g`: 生成静态页面。 - `hexo s`: 启动本地服务器预览网站。 - `hexo d`: 将博客推送到远程服务端。 2、运行博客：启动本地服务器，输入`hexo s`，然后在浏览器中访问`http://localhost:4000`查看你的初始设置的博客页面。默认主题将被加载使用。四、将Hexo博客部署到GitHub 1. 创建Github仓库: - 登录GitHub账号创建一个新的公开仓库，并将其命名为 `你的GitHub用户名.github.io` 2. 推送至服务器： - 进入项目文件夹。 - 使用命令`cnpm install --save hexo-deployer-git`安装Git插件。 - 编辑 `_config.yml` 文件，添加以下配置信息以部署到 GitHub 上的步骤: ```yaml deploy: type: git repo: https://github.com你的GitHub用户名你的GitHub用户名.github.io.git branch: master ``` - 配置Git身份信息： ```bash git config --global user.name 你的GitHub用户名 git config --global user.email 你在 GitHub 注册时使用的邮箱地址 ``` - 使用以下命令将博客推送到服务器上: ```bash hexo clean hexo g hexo d ``` 完成上述步骤后，稍等片刻即可在 `http://你的GitHub用户名.github.io` 查看到已部署好的个人Hexo博客。总结：搭建一个 Hexo 博客并将其发布至 GitHub 是一项相对简单的任务。按照以上提供的详细指导一步步操作，就能顺利地拥有自己的个性化技术分享平台。不仅能够记录和传播知识经验，还能提升自身的实践能力。

手把手教你利用Hexo和GitHub构建个人博客（详尽图文）

优质

本教程详细讲解了如何使用Hexo与GitHub搭建个人博客网站，包括步骤详解及实用技巧分享。适合初学者快速上手。越来越多的人选择自己搭建博客，一方面可以方便地定制个性化的样式，另一方面也能带来一定的收入。大部分朋友会选择使用WordPress来构建个人博客。这里为大家介绍一种使用Hexo与GitHub搭建开发者博客的方法，有兴趣的朋友可以参考尝试一下。

Hexo-Theme-Butterfly：蝴蝶主题(hexo主题)

优质

Hexo-Theme-Butterfly是一款美观且功能强大的博客主题，采用现代化的设计理念，为使用Hexo静态站点生成器的用户提供了一个优雅而灵活的主题选择。语：United_States 六主题蝴蝶演示： :thumbs_up: || :crossed_fingers: 文件： :open_book: 基于主题的安装方法如下： 1. **使用GIT**： - 如果您在中国大陆，则推荐下载稳定分支： ``` git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` - 开发版本（dev）可以从以下地址获取: ``` git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly ``` 2. **使用NPM**：安装Hexo 5.0.0或更高版本的依赖项，确保在Hexo网站根目录中执行以下命令: ``` npm i hexo - theme - butterfly ``` 配置文件设置： - 在hexo工作文件夹的根目录下的_config.yml 文件里进行如下主题设置：主题：蝴蝶如果您的系统缺少哈巴狗和手写笔渲染器，您可能需要尝试其他方法来解决。

Hexo-Blog: Hexo 博客源码（不再使用）

优质

Hexo-Blog 是一个基于Hexo框架的博客源代码项目，用于个人或开发者创建和管理静态博客网站。该项目现已停止维护，请寻求替代方案。 hexo-blog：Hexo博客源码（已废弃）

详解使用Nginx和WordPress搭建个人博客的全过程

优质

本教程详细讲解了利用Nginx服务器和WordPress程序构建个人博客网站的完整流程，涵盖从环境配置到主题设置的各项操作。这篇文章主要讲述了如何利用nginx作为Web服务器和WordPress作为内容管理系统（CMS）搭建个人博客的整个流程。在开始搭建之前，需要准备一些前置条件：一台能够联网的ECS（弹性计算服务）或者云主机，并且如果是国内IP地址，则必须完成备案流程；操作系统用户需具备sudo或root权限，文中作者创建了一个名为wordpress的新用户并设置为“nologin”，以增强系统安全性。接下来详细介绍了nginx服务器的安装过程。nginx是一种高性能的HTTP和反向代理服务器，在CentOS中通过yum命令安装非常便捷。安装完成后启动nginx守护进程，并确保其在系统启动时自动运行；同时将wordpress用户添加到nginx组，设置目录权限以便于正常操作。为了保证博客的安全性，文中提到需要配置SSL证书来支持HTTPS访问。使用Lets Encrypt免费证书颁发机构生成的SSL证书可以实现这一目的，从而保障数据传输安全和提高用户体验。 MariaDB是另一个关键组件，它是一个开源的关系数据库管理系统，并且兼容MySQL。安装完MariaDB后通过“mysql_secure_installation”脚本加固其安全性，包括设置root账户密码、移除匿名用户及测试数据库等；修改配置文件将监听地址更改为本地回环地址以提高安全性。在确保数据库安全之后，创建一个新数据库用于存放WordPress的博客数据。执行SQL命令来完成这一过程：建立数据库、创建用户并授权，并刷新权限退出数据库。这些步骤保证了WordPress能够存储文章内容和用户信息等必要数据。由于CentOS系统自带PHP版本较低且不满足WordPress运行要求，因此需要安装更高版本的PHP及其扩展模块。文中介绍了如何使用“yum-utils”与“remi-release”启用包含PHP 7.2的软件仓库，并安装了核心组件及对WordPress支持较好的几个扩展模块如php-fpm、php-mysql和php-json等。总的来说，这篇文章详细描述了在CentOS系统下通过nginx、MariaDB和PHP搭建WordPress个人博客的过程。涉及的关键步骤包括服务器的安全加固、nginx的配置与安装、MariaDB数据库的安装与安全设置以及PHP环境构建，并且介绍了使用Lets Encrypt免费SSL证书为博客提供HTTPS访问功能，以实现一个既安全又高效的个人博客平台。

使用 Github Pages 构建个人博客

优质

本教程介绍如何利用GitHub Pages搭建个性化博客网站，涵盖从注册到发布文章的全过程。 ### 知识点一：GitHub简介 GitHub是一个代码托管平台，它将编程社区与项目紧密相连，使各种有趣的开发活动得以实现。它是全球最流行的开源代码仓库之一，并且被许多大型公司及知名项目所采用，如jQuery和Twitter等。此外，GitHub还提供了Pages服务来帮助用户为他们的项目建立介绍页面或个人博客。 ### 知识点二：GitHub Pages的优点使用GitHub Pages有以下几点优势： 1. 提供轻量级的博客系统，并且无需繁琐配置。 2. 支持Markdown语法编写文档，方便快捷。 3. 用户不需要自己搭建服务器即可拥有自己的站点。 4. 每个页面提供高达300MB的空间存储资源。 5. 可以自定义绑定域名。 ### 知识点三：GitHub Pages的缺点尽管GitHub Pages提供了许多便利的功能，但它也有一些局限性。比如它采用Jekyll模板系统生成静态网页内容，适合用于博客和文档展示但不适合复杂的动态交互应用（如评论功能）。不过这些问题可以通过其他方法解决。 ### 知识点四：如何配置与使用GitHub 要开始使用GitHub，请先安装Git客户端。在Linux环境下推荐直接使用Git；Windows用户可以从官方网站下载对应的版本进行安装，具体步骤可以参考官方文档获取指导信息。完成上述操作后，在不同操作系统中设置过程大致相同。以Windows为例，打开“GitBash”工具（或对应系统的终端）。接下来需要检查电脑上的SSH密钥文件是否存在： - 如果有旧的key，请先备份并删除； - 接着生成新的SSHKey：`$ssh-keygen -t rsa -C 你的邮箱地址` 当创建了新密钥后，将其添加到GitHub账户中以完成连接设置。具体步骤为登录GitHub网站，在“Settings”菜单选择SSHKeys选项，并粘贴刚刚复制的公钥内容，点击AddKey按钮确认。对于需要管理多个GitHub账号的情况，则需额外配置不同的Host和用户信息。最后可以通过命令`$ssh -T git@github.com`来检查是否成功设置好远程连接。如果返回The authenticity of host github.com (IP地址) cant be established.则说明一切就绪，可以开始使用了。以上就是关于如何利用GitHub Pages建立个人博客所需了解的知识点汇总，希望能对你有所帮助。

使用Flask构建的开源博客网站源码

优质

这是一款基于Python Flask框架开发的开源博客系统源代码，为开发者和博主提供了一个灵活且易于定制的平台。基于Flask开发的个人博客系统源码包括前台展示和后台管理系统，适合二次开发及学习。

是否确定退出登录?

【源码开源】使用 Hexo、Github 和 Coding 构建博客，详解 butterfly 和 matery 主题搭建流程【整理】

全部评论 (0)