基于Hexo+Github Pages搭建的博客

最新推荐文章于 2024-08-17 09:00:00 发布
最新推荐文章于 2024-08-17 09:00:00 发布
阅读量117 收藏
点赞数
分类专栏： Blog 文章标签： hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/johncahong/article/details/120128733
版权

概念

  • Github Pages可以被认为是用户编写的、托管在github上的静态网页。使用Github Pages可以为你提供一个免费的服务器，免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。
  • Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
    Hexo渲染的博客页面简洁美观，支持Markdowm，用户可在本地编辑好文章，使用git工具push到github。

实操

以下是在Mac电脑上进行的操作

1.安装node.js
  • 下载并安装node.js（node.js历史版本：https://nodejs.org/zh-cn/download/releases/）
    由于node.js中包含了npm包管理器，安装好node.js后，命令：npm -v
    可发现npm也安装好了。
2.安装hexo
  • 找个保存博客的位置，新建文件夹Blog，作为Hexo的根目录，然后cd Blog。
  • 在Hexo根目录下安装hexo，命令：
npm install hexo-cli -g

然后初始化hexo（其中生成了package.json和package-lock.json文件，里面记录了hexo的依赖包）

hexo init

安装hexo的依赖包（比如hexo-deployer-git，可用于部署到github上）

npm install

默认在Hexo根目录/source/_posts目录下已经有hello-world.md文件，是一篇文章，将该文章生成静态文件：

hexo g

生成的静态文件存放在Hexo根目录/public目录下，此时可以启动本地服务器了

hexo s

用浏览器打开http://localhost:4000/ 查看效果，默认页面效果如下：
在这里插入图片描述
本地设置好后，接下来开始关联Github。

3.创建仓库
  • 登录你的Github帐号，新建仓库，仓库名称必须以"用户名.github.io"的格式命名，命名格式是Github Pages的要求。
4.添加ssh key到Github
  • 4.1.检查SSH keys是否存在Github
    执行如下命令，检查SSH keys是否存在。
ls -al ~/.ssh

如果有文件id_rsa.pub或id_dsa.pub，则直接进入步骤4.3将SSH key添加到Github中，否则进入步骤4.2生成SSH key。

  • 4.2.生成新的SSH key
    执行如下命令，一路按回车（如果设置了密码请记住），生成public/private rsa keypair（即mac电脑的公私钥匙对），注意将your_email@example.com 换成你自己注册Github的邮箱地址
ssh-keygen -t rsa -C "your_email@example.com"

默认会在~/.ssh路径下生成id_rsa和id_rsa.pub两个文件。

  • 4.3.将SSH key添加到Github中
    前往并打开~/.ssh/id_rsa.pub，里面的信息就是mac电脑的公钥钥匙（即SSH key），将其拷贝到Github的Add SSH key页面即可。
    操作步骤：进入Github --> Settings --> SSH keys --> add SSH key:
    Title里任意添一个标题，将复制的内容粘贴到Key里，点击下方Add key绿色按钮即可。
5.发布文章
  • cd到Hexo根目录，执行如下命令新建文章：
hexo new "postName"

postName.md文件会创建在Hexo根目录/blog/source/_posts下，postName.md是一篇无正文的文章，可进行编辑，文章编辑完后，执行以下命令将文章生成静态文件，并部署发布到Github上:

hexo generate         //生成静态页面
hexo deploy            //将文章部署到Github

注意：如果执行hexo deploy出现报错信息：The “mode” argument must be integer. Received an instance of Object，则是由于node.js和hexo存在版本适配问题，即一个版本过高，一个版本过低导致。
解决办法是安装一个低版本的node或将hexo更新至高版本。

6.安装theme
git clone https://github.com/fi3ework/hexo-theme-archer themes/archer

将Hexo根目录下_config.yml里theme字段的值修改为archer。
Archer Readme.md中描述了启动侧边栏，需在Hexo根目录下的_config.yml中添加相应字段，具体字段请到Archer Readme.md中查看，这里不做说明。
然后执行如下命令：

hexo clean       //清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo g             //生成缓存和静态文件

打开http://localhost:4000/ 便可预览博客archer主题。
预览效果没问题的话就可用命令hexo d把文章部署到Github上。部署完后，需要等几分钟，Github上面的预览效果才会更新。

hexo命令汇总

以下命令必须在Hexo根目录下进行。
何为Hexo根目录？找个位置新建一个文件夹命名为Blog（名字随意），该文件夹即可作为Hexo的根目录。

  • hexo generate（hexo g）：生成静态文件
  • hexo server（hexo s）：启动本地服务器，以便预览。默认情况下，访问网址为： http://localhost:4000/
  • hexo deploy（hexo d）：部署文章到远端服务器
  • hexo new “文章标题”：新建一个空文章，会在Hexo根目录/source/_posts文件夹下生成"文章标题.md"文件
  • 文章写好后，每次发布前，要将写好的文章生成静态文件，执行hexo g。
    生成的静态文件会放在Hexo根目录/public目录下，该目录下的内容就是我们要部署到github的内容。此时执行hexo d，静态文件便会部署到github上。

资料

Johncahong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo+GitHub Pages一键搭建部署博客
weixin_42372852的博客
01-25 854
前言： 现在技术更新迭代是非常的快，尤其是web方面！所以当前搭建一个博客差不多有手就行，这里我们用到hexo进行博客的一键生成和部署。我自己的博客也是用hexo搭建的：杨Yang 博客相关配置 matery主题相关配置 1. 什么是 Hexo？ Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 hexo官网：https://hexo.io/ 2. 准备工作： 安装Git： Windows：下载并安装git。
搭建Hexo个人博客及踩坑记录
断言的博客
04-15 1500
文章目录1. 在github创建一个仓库，用来存放自己的博客1.1 新建仓库1.2 安装git工具，生成SSH添加到GitHub1.3 创建SSH，一路回车1.4 在GitHub上设置密钥2. Hexo搭建个人博客2.1 Hexo的官网2.2 安装node 和npm2.3 全局安装 hexo2.4 初始化博客3. 更换主题3.1 博客主题安装3.2 安装主题命令输入3.3 更改主题名字4. 部署到github 1. 在github创建一个仓库，用来存放自己的博客 1.1 新建仓库 创建一个和用户名相同的仓库
hexo 教程之为 hexo 编写一个插件
Goaread的博客
12-19 660
该教程为我们呈现了 hexo 插件最基础的开发流程，不涉及具体功能。 准备工作 Hexo 安装完毕，执行完毕 hexo init. 可以本地访问. 如果 NPM 有下载问题，请使用 cnpmCNPM 另外强烈推荐git bash 插件简介 很多人不理解为什么要有插件，因为我们已经被浏览器的插件烦透了对吗？ 没错。不受控的插件只会把用户搞疯狂。 但是受控的插件，可以锦上添花 确定需求 插件存在的意义是，一定要解决用户痛点。本文实例只会打印一句 log，很显然没人会用这个插件。 新建 pa..
Hexo + Github Pages 搭建个人博客详细教程
weixin_50377901的博客
03-05 1039
Hexo 是一个快速、简洁且高效的博客框架。它允许用户使用 Markdown 语言编写内容，并将其渲染为静态网页。它相当于与一个网站的主题模板，只需要做简单的配置就能够完成页面的渲染。其主要特点包括快速部署，Markdown 支持，灵活的布局，丰富的插件。
Hexo + Github Pages + Github Actions 博客搭建
DaydreamHippo的博客
12-03 794
Hexo + Github Pages 简单化搭建博客。然后借助Github Actions实现自动打包和部署。
【图文教程】Hexo+GitHubPages搭建个人博客
middle_age666的博客
08-17 878
Hexo 是一个高效的静态网站生成器，使用简洁的 Markdown（或其他模板引擎）编写内容，支持丰富的插件和主题，允许用户轻松定制网站。它通过将文本转换为静态HTML页面，使得网站加载速度快，易于部署，同时支持多平台发布，非常适合创建博客、文档或个人网站。本文将介绍如何使用Hexo搭建个人博客并且将博客文章免费放到github上。more。
【实操】基于 GitHub Pages + Hexo 搭建个人博客
Huazie
01-17 1574
本篇 Huazie 带大家实操一下基于 GitHub Pages + Hexo 搭建个人博客
Hexo + GitHub搭建个人博客（Mac版）
yijing_jia的博客
02-02 1714
基于Hexo+GitHub在Mac系统进行了博客搭建，将搭建过程进行了完整记录，并添加了建站过程中遇到的问题及解决方法。
Hexo+GitHub搭建博客
小林同学的博客
02-12 343
借助Hexo+GitHub快速搭建属于自己的博客网站。
基于Hexo在GitHub Pages上搭建博客的方法
CsdnAKinKo的博客
02-17 1056
在寒假的中期，百般聊赖之下，终于是打算拥有一个自己的博客网站。恰好在校中简略学习了网站制作的知识，使我得到了足够的勇气去面对挑战，于是便有了你眼前的这个网站与这篇文章。当然，本文力求使非信息技术相关专业的读者也能轻易上手，因此不需要抱有过多的恐惧。只要你强烈地希望拥有一个自己的博客网站，并且愿意付诸行动，那么我相信这篇文章一定能帮助到你。本文所有操作均在Windows 11系统下进行。
hexo +GitHub个人搭建的博客
08-04
配合GitHub Pages服务，个人可以轻松搭建属于自己的博客。在本压缩包中，"blog"可能包含了博主整个博客项目的所有文件，包括配置、主题、文章源文件等。下面将详细阐述Hexo和GitHub搭建个人博客的过程及关键知识点。...
Hexo+GitHub Pages搭建个人博客（ 0 基础、小白值得一看--实力软文！）- 初行?&??-附件资源
03-02
Hexo+GitHub Pages搭建个人博客（ 0 基础、小白值得一看--实力软文！）- 初行?&??-附件资源
如何用hexo+github搭建个人博客
Tomisnotcat的博客
05-11 232
纯纯的小白从0基础摸索学会搭建博客
SQLAlchemy-2.0.31-cp37-cp37m-musllinux_1_2_aarch64.whl
08-31
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。 SQLAlchemy 的核心功能： 对象关系映射（ORM）： SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。 开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。 通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。 表达式语言： SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。 表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。 数据库引擎和连接池： SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。 它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。 会话管理： SQLAlchemy 使用会话（Session）来管理对象的持久化状态。 会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。 事件系统： SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。 这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。
osal api中文说明
08-31
osal api中文说明
SQLAlchemy-2.0.31-cp311-cp311-manylinux_2_17_x86_64.whl
08-31
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。 SQLAlchemy 的核心功能： 对象关系映射（ORM）： SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。 开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。 通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。 表达式语言： SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。 表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。 数据库引擎和连接池： SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。 它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。 会话管理： SQLAlchemy 使用会话（Session）来管理对象的持久化状态。 会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。 事件系统： SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。 这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。
geopandas-0.5.0-py2.py3-none-any.whl
08-31
GeoPandas是一个开源的Python库，旨在简化地理空间数据的处理和分析。它结合了Pandas和Shapely的能力，为Python用户提供了一个强大而灵活的工具来处理地理空间数据。以下是关于GeoPandas的详细介绍： 一、GeoPandas的基本概念 1. 定义 GeoPandas是建立在Pandas和Shapely之上的一个Python库，用于处理和分析地理空间数据。 它扩展了Pandas的DataFrame和Series数据结构，允许在其中存储和操作地理空间几何图形。 2. 核心数据结构 GeoDataFrame：GeoPandas的核心数据结构，是Pandas DataFrame的扩展。它包含一个或多个列，其中至少一列是几何列（geometry column），用于存储地理空间几何图形（如点、线、多边形等）。 GeoSeries：GeoPandas中的另一个重要数据结构，类似于Pandas的Series，但用于存储几何图形序列。 二、GeoPandas的功能特性 1. 读取和写入多种地理空间数据格式 GeoPandas支持读取和写入多种常见的地理空间数据格式，包括Shapefile、GeoJSON、PostGIS、KML等。这使得用户可以轻松地从各种数据源中加载地理空间数据，并将处理后的数据保存为所需的格式。 2. 地理空间几何图形的创建、编辑和分析 GeoPandas允许用户创建、编辑和分析地理空间几何图形，包括点、线、多边形等。它提供了丰富的空间操作函数，如缓冲区分析、交集、并集、差集等，使得用户可以方便地进行地理空间数据分析。 3. 数据可视化 GeoPandas内置了数据可视化功能，可以绘制地理空间数据的地图。用户可以使用matplotlib等库来进一步定制地图的样式和布局。 4. 空间连接和空间索引 GeoPandas支持空间连接操作，可以将两个GeoDataFrame按照空间关系（如相交、包含等）进行连接。此外，它还支持空间索引，可以提高地理空间数据查询的效率。
[湖北]监理平行检验规范用表.doc
最新发布
08-31
[湖北]监理平行检验规范用表.doc
博客绑定 博客绑定在新手教程 包含注释和说明
08-31
博客绑定 博客绑定在新手教程 包含注释和说明 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。
hexo+github搭建个人博客
12-08
以下是使用Hexo和GitHub Pages搭建个人博客的步骤： 1.安装Node.js和Git 2.安装Hexo ```shell npm install -g hexo-cli ``` 3.初始化Hexo shell hexo init blog cd blog npm install ``` 4.配置Hexo 打开根目录下的_config.yml文件，修改以下内容： ```yaml deploy: type: git repo: <your-github-username>.github.io branch: master ``` 5.安装部署插件 ```shell npm install hexo-deployer-git --save ``` 6.创建GitHub仓库 在GitHub上创建一个名为<your-github-username>.github.io的仓库。 7.部署博客 ```shell hexo clean hexo g hexo d ``` 现在你的个人博客已经部署到GitHub Pages上了。 --相关问题--:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值