Advertisement

Netlify、Hexo和Github的集成。

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
如果您正在使用手机，请点击右下角的“Desktop Version”选项。您需要拥有一个 GitHub 账户，建议您提前注册一个，或者可以利用 Netlify 提供的二级域名（位于右上角）。首先点击“Star”按钮，然后点击“Fork”按钮。接下来，请打开 `_config.yml` 文件，并根据提示进行相应的修改。完成内容编辑后，点击下方绿色的“Comment Changes”按钮。之后，请使用您的 GitHub 账户登录。然后点击绿色“New Site From Git”按钮，选择 GitHub 进行授权登录。选择您刚刚 Fork 的 Netlify-Hexo 项目，在“Build command”中输入 `hexo g`，并在“Publish directory”中输入 `public`。最后，点击“deploy”按钮，等待大约一分钟的时间，随后点击上面那串灰色的网址链接，并按照提示完成后续操作步骤。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Netlify-Hexo-Github集成项目：结合Netlify、Hexo和Github的优势
    优质
    本项目旨在利用Netlify、Hexo及GitHub各自的长处，实现高效便捷的静态网站构建与部署。通过自动化流程，优化开发体验并增强站点性能。 如果是使用手机，请先切换到桌面版本。 0x01 请首先点击右上角的 Star 和 Fork 按钮。 0x02 打开 _config.yml 文件，然后点击文件上方的编辑图标（笔形图标），根据提示修改内容，在完成修改后点击下方绿色的 Comment Changes 按钮。 0x03 使用 GitHub 账号登录 Netlify 并创建新的站点。 0x04 在 Build command 中输入 `hexo g`，在 Publish directory 输入 public。 0x05 点击部署按钮，等待大约一分钟时间后点击上面显示的网址链接，并根据提示完成后续操作。
     
  • 构建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 Butterfly Blog：基于Hexo和Butterfly主题的个人博客
    优质
    Hexo Butterfly Blog是一款采用Hexo静态网站生成器及Butterfly主题打造的个性化博客平台。它为用户提供了一个简单、美观且功能强大的空间，用于分享文章与创意。 hexo_butterfly_blog：使用Hexo + Butterfly主题搭建的博客。
     
  • 手把手教你利用Hexo和GitHub构建个人博客（详尽图文）
    优质
    本教程详细讲解了如何使用Hexo与GitHub搭建个人博客网站，包括步骤详解及实用技巧分享。适合初学者快速上手。 越来越多的人选择自己搭建博客，一方面可以方便地定制个性化的样式，另一方面也能带来一定的收入。大部分朋友会选择使用WordPress来构建个人博客。这里为大家介绍一种使用Hexo与GitHub搭建开发者博客的方法，有兴趣的朋友可以参考尝试一下。
     
  • Hexo-Blog-Encrypt：一个更安全的Hexo插件
    优质
    Hexo-Blog-Encrypt是一款旨在增强Hexo博客安全性与隐私保护能力的插件。它允许用户对博客内容进行加密处理，确保只有授权读者能够访问敏感信息。 十六进制博客加密 这是Universe中用于Hexo的最佳后端加密插件（尽管其他插件也存在）。 该插件适用于撰写不想让所有人阅读的帖子。因此，某些页面需要密码才能访问这些加密的内容。 在WordPress、Emlog或其他博客系统上进行内容加密通常很简单。然而，在Hexo环境下实现这一功能却相对复杂。 现在介绍“hexo-blog-encrypt”插件的功能特点： 输入正确的密码后，您就可以查看加密的帖子，并且该密码会在本地保存。再次点击按钮可以清除存储的密码。 如果帖子包含脚本，则在解密之后这些脚本会自动执行。 支持通过预设标签指定特定的访问密码。 所有功能都由插件提供的原生API实现，在Node.js环境中运行，无需额外配置即可使用。
     
  • 【源码开源】使用 Hexo、Github 和 Coding 构建博客，详解 butterfly 和 matery 主题搭建流程【整理】
    优质
    本教程详细介绍如何利用Hexo结合GitHub和Coding平台构建个人博客，并深入讲解Butterfly与Matery两大主题的安装配置流程。 本篇博客并不是从零手把手教你搭建博客，那样会很浪费时间去撰写一篇文档，并且网上已经有很多类似的教程了。因此对于不知道如何开始的读者，我会提供我搭建过程中参考的学习资料，选择任意一篇文章按照步骤来操作即可。 此外，这篇博客的主要内容是关于记录本站点美化和个性化改造方面的经验分享。后续的内容将会更新在我的网站上。本段落中提供的教程可以被复制引用，请记得注明出处以示尊重原作者的工作成果。 至于是否开源我的博客源代码：由于最近重新搭建了这个站点，还有一些优化工作以及功能的完善正在进行当中。我确实有计划朝向开放源码的方向发展，但具体何时公开源码尚未确定，可能还需要一些时间来做准备。
     
  • 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博客源码（已废弃）
     
  • hexo-deployer-aliyun-oss
    优质
    hexo-deployer-aliyun-oss是一款用于Hexo静态博客框架的插件，它允许用户将网站部署到阿里云OSS存储服务上，便于全球访问与高效分发。 安装 hexo-deployer-oss-aliyun： ```shell npm install --save hexo-deployer-oss-aliyun ``` 配置文件中添加以下内容： ```markdown deploy: type: aliyun-oss region: bucket: accessKeyId: accessKeySecret: ``` 部署时使用命令： ```shell hexo d ```
     
  • 在Hexo帖子中使用hexo-tag-aplayer嵌入播放器
    优质
    本文将详细介绍如何在基于Hexo的博客文章中集成hexo-tag-aplayer插件以添加音频播放功能，让读者能够直接在线聆听音乐。 hexo-tag-aplayer 是一个用于在Hexo帖子页面嵌入APlayer的插件。 重复加载APlayer.JS的问题 许可协议请参考相关文档。 安装方法： ``` npm install --save hexo-tag-aplayer ``` 依赖项: - APlayer.js >= 1.10.0 - Meting.js >= 1.2.0 使用示例： ```markdown {% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %} ``` 选项说明: - title：音乐标题 - author：音乐作者 - url：音乐文件网址 - picture_url：可选，用于指定音乐图片的URL。 - narrow：可选，启用窄样式。 - autoplay：可选，默认关闭自动播放功能（移动浏览器不支持）。 - width:xxx ： 可选,设置宽度为width:xxx (默认值100%) - lrc:xxx :歌词文件链接