使用halo和hexo+github两种方式免费搭建个人博客网站

article/2025/10/3 5:39:25

hexo

在这里插入图片描述

简介

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上,是搭建博客的首选框架。

hexo搭建步骤

  1. 安装Git
  2. 安装Node.js
  3. 安装Hexo
  4. GitHub创建个人仓库
  5. 生成SSH添加到GitHub
  6. 将hexo部署到GitHub
  7. 更换主题
  8. 发布文章
  9. 初识MarkDown语法

我的博客地址:https://kuokay.github.io/
在这里插入图片描述

1. 安装Git

有不懂git的可以去看看https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000这个教程

windows:到git官网上下载,Download githttps://gitforwindows.org/,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。

linux:对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码

sudo apt-get install git

安装好后,用git --version 来查看一下版本

安装nodejs

Hexo是基于nodeJS编写的,所以需要安装一下nodeJs和里面的npm工具。
windows:nodejsnodejs.org选择LTS版本就行了。
在这里插入图片描述

linux:

sudo apt-get install nodejs
sudo apt-get install npm

安装完后,打开命令行

node -v
npm -v

检查一下有没有安装成功

安装Hexo

前面git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹blog,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开)。

输入命令

npm install -g hexo-cli

由于NPM镜像是国外资源,如果觉得安装慢,我们可以选择安装淘宝团队做的镜像cnpm。在win10环境下,以管理员身份运行CMD,输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g hexo-cli

安装完成后依旧用hexo -v查看一下版本,至此就全部安装完了。

接下来初始化一下hexo

hexo init myblog(博客目录名,随便起)

安装依赖包

cd myblog //进入这个myblog文件夹
npm install

新建完成后,指定文件夹目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • ** _config.yml: 博客的配置文件**

启动、生成博客依次执行

hexo g
hexo s

在这里插入图片描述

打开hexo的服务,在浏览器输入localhost:4000就可以看到你生成的博客了
在这里插入图片描述
使用ctrl+c可以把服务关掉。

GitHub创建个人仓库

登录到GitHub,如果没有GitHub帐号,使用你的邮箱注册GitHub帐号:https://github.com/
注册完登录后,在GitHub.com中看到一个New repository,新建仓库
在这里插入图片描述
创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名。我这里是已经建过了。
在这里插入图片描述
点击create repository。

生成SSH添加到GitHub

回到你的git bash中,在菜单里搜索Git Bash,设置user.name和user.email配置信息:

在这里插入图片描述

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

可以用以下两条,检查一下你有没有输对

git config user.name
git config user.email

生成ssh密钥文件:

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

然后直接三个回车即可,默认不需要设置密码
然后找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制
在这里插入图片描述
ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
把你的id_rsa.pub里面的信息复制进去。

在这里插入图片描述
在gitbash中,查看是否成功

ssh -T git@github.com

将hexo部署到GitHub

这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为YourgithubName就是你的GitHub账户
在这里插入图片描述
进入根目录里的themes文件夹,里面也有个_config.yml文件,这个称为主题配置文件,如下图
在这里插入图片描述
下一步将我们的Hexo与GitHub关联起来,打开站点的配置文件_config.yml,翻到最后修改为:

deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
branch: master参考如下:

deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
保存站点配置文件。

其实就是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,很显然,我们部署在我们GitHub的仓库里。最后安装Git部署插件,输入命令:

npm install hexo-deployer-git --save

这时,我们分别输入三条命令:

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

注意deploy时可能要你输入username和password。

得到下图就说明部署成功了,过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了!!
在这里插入图片描述
现在你的个人网站的地址是 yourname.github.io,如果觉得这个网址逼格不太够,这就需要你设置个人域名了。但是需要花钱。有需要的自行百度吧。

更换主题

第一步:选择主题并下载

进入hexo官网https://hexo.io/themes/主题选择喜欢的界面进行下载

注意这里网上很多的是使用git,git的作用就是把东西下载下来,我们直接下载安装包效果也是一样的
将下载好的文件解压到\blog\themes目录下

第二步:修改hexo配置文件

在blog文件夹下有一个_config.yml文件,使用记事本打开,ctrl+F查找theme

theme: landscape

landscape是hexo默认的主题,这里我们将它修改为自己下载的主题
在这里插入图片描述

第三步:重新生成public

cd blog
hexo clean
hexo g
hexo s

浏览器输入http://localhost:4000/ 查看效果

第四步:自定义自定义主题

进入\blog\themes\你的主题名字下,你一般会看到一个_config.yml文件和一个README.md文件,README.md相当于一个主题说明书,使用VScode的预览功能可以更直观的查看文档
打开_config.yml,这里面的参数因主题而异,修改你需要的参数并且再次生成public即可

发布文章

我们开始正式发布上线博客文章,在命令行中输入:

hexo n "博客名字"

我们会发现在blog根目录下的source文件夹中的_post文件夹中多了一个 博客名字.md 文件,使用Markdown编辑器打开,就可以开始你的个人博客之旅了,Markdown常用的样式也就十来种,完全能够满足一般博文的样式要求,这是我的一篇博文内容示例:
在这里插入图片描述
通过带有预览样式的Markdown编辑器实时预览书写的博文样式,也可以通过命令 hexo s --debug 在本地浏览器的localhost:4000 预览博文效果。写好博文并且样式无误后,通过hexo g、hexo d 生成、部署网页。随后可以在浏览器中输入域名浏览。

初识Markdown语法

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown语法简洁明了、容易掌握,而且功能比纯文本更强,因此写博客使用它,可以让用户更加专注的写文章,而不需要费尽心力的考虑样式,相对于html已经算是轻量级语言,像有道云笔记也支持Markdown写作。并且Markdown完全兼容html,也就是可以在文章里直接插入html代码。比如给博文添加音乐,就可以直接把音乐的外链html代码插入文章中。具体语法参看:Markdown 语法说明(简体中文版)http://www.appinn.com/markdown/ 可以说十分钟就可以入门。当然,工欲善其事必先利其器,选择一个好的Markdown编辑器也是非常重要的,这里推荐MarkPadhttp://code52.org/DownmarkerWPF/ 和The Markdown Editor for Windowshttp://www.markdownpad.com/ ,这是带有预览效果的编辑器,也可以使用本地的文本编辑器,更多的Markdown的语法与编辑器自己可以搜索了解。

halo

halo是一个动态博客,相似的还有wordpress。halo用的技术是:springboot, Freemarker, Mysql, JPA, Lombok, swagger2等,都是目前比较主流的框架,源码看起来比较方便,也便于以后自己修改。还有一些静态博客,比如hexo,hugo ,hexo使用的人比较多,主题也多,但文章多了渲染时会变得很慢,hugo很快,但主题不多。静态博客修改文章并不方便,还是动态博客方便一点。

halo搭建

使用两种方式尝试搭建:

第一种快速搭建

linux安装halo官方文档:https://docs.halo.run/install/linux
先去官网下载:https://dl.halo.run/release/
官方主题仓库:https://halo.run/themes.html

也可以使用wget下载到服务器:

下载最新的 Halo 安装包

curl -L https://github.com/halo-dev/halo/releases/download/v1.1.1/halo-1.1.1.jar --output halo-latest.jar

或者

wget https://github.com/halo-dev/halo/releases/download/v1.1.1/halo-1.1.1.jar -O halo-latest.jar

启动 Halo

java -jar halo-latest.jar

在这里插入图片描述
访问默认的http://ip:8090即可进入安装引导界面,如果无法访问检测以下防火墙是否开启,如果开启了是否允许该端口被访问(比如阿里云就需要去控制台添加相应访问规则)
在这里插入图片描述

注:如果启动时报错,那可能jdk版本不兼容,比如你用jdk1.8去启动halo-1.4.8.jar就会报错,我之前是之前yum安装的java-1.8.0-openjdk,就报错了,当时便有了以下思路,一用低一点版本的halo,如halo-1.4.6.jar去适配jdk1.8,二可以选择卸载原有jdk,安装更高版本的jdk,三使用docker搭建halo,与宿主机分离,不改变宿主机环境

第二种Docker搭建

此处使用宝塔环境,比较方便
进入宝塔管理界面,在软件商店中安装docker管理器,在镜像管理中获取到halo的官方镜像。ruibaby/halo
在这里插入图片描述
打开终端,下载配置文件,修改H2数据库信息(主要修改默认用户名密码)

curl -o ~/.halo/application.yaml --create-dirs https://dl.halo.run/config/application-template.yaml
vim ~/.halo/application.yaml

创建容器,端口映射,目录映射。
在这里插入图片描述
/tmp:/root/halo-tmp,方便在宿主机终端对备份文件的管理

随后新建网站,纯静态,添加域名,其他都不勾选:

在这里插入图片描述
最后对网站设置反向代理:
在这里插入图片描述
注:当使用halo用户运行服务时,是无权使用80端口的,所以修改application.yaml里面为80端口是无效的

官方文档地址:https://docs.halo.run/

其他插件:

后台管理(halo-admin):https://github.com/halo-dev/halo-admin
独立评论模块(halo-comment): https://github.com/halo-dev/halo-comment
管理 APP(halo-app):https://github.com/halo-dev/halo-app
主题仓库:https://halo.run/theme


http://chatgpt.dhexx.cn/article/x9KxGIaD.shtml

相关文章

使用hexo+github搭建免费个人博客详细教程

前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快;免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台;可以随意绑定自己的域名,不仔细看的话根本…

2021 年 35+ 最佳免费 WordPress 博客主题

毫无疑问,WordPress 最好的事情之一就是它是开源的,因此可以免费使用。一个聪明、足智多谋的网站所有者创建一个独特的、功能齐全的、有吸引力的网站所需要的只是一个注册域名和一个服务器,从而降低每月的总成本。 当然,为了让 W…

如何拥有个人博客?

汇总做博客的方法 大家好,我是鱼皮,最近买了个不错的域名,为了不浪费它呢,我心血来潮打算做个博客网站。 在动手做之前,我先梳理了一下目前常用的搭建个人博客的方法,并简单分析了它们的优缺点&#xff0c…

搭建个人博客详细教程

基于giteehexo搭建个人博客 由于国外的github page访问总是非常慢的,本文选择国内开源代码托管平台码云,因而可以在国内搭建访问与SEO检索都优于GitHub的个人网站。自己亲手勉强搭起个人博客,首先感谢木千之博主的详细教程,给了清…

树莓派搭建个人博客

树莓派搭建 【优雅の博客】 一、安装基本环境 1.1 安装树莓派系统(这里推荐Raspberry) 官网地址:https://www.raspberrypi.org/software/ 新手推荐这个带桌面的版本。 由于某些众所周知的原因,如果不能可能上网,那…

2021年58个最佳个人WordPress博客主题

在这里,您可以找到适用于任何类别的最佳WordPress博客主题,从简单的个人WordPress博客一直到任何类别的多作者博客主题。 WordPress 是互联网上最受欢迎的博客平台和CMS,主要是因为它的灵活性和强大的功能。其中之一是它的主题,…

开源的个人博客网站

想要免费搭建一个个人博客吗?如果答案是肯定的话,那么你来对了地方。👇 介绍 我的个人网站,是从年初建立的,已经快一年了,博客端、后台管理及服务端都是自己一行一行手撸出来的,期间技术栈和界…

WordPress个人博客美化

WordPress个人博客美化 个人博客:https://www.xiaohuangyr.top/ 有兴趣可以访问一下 以下截图是电脑端访问的效果,和手机差很多 一、基本概念 1、起因 双十一的时候,因为阿里云折扣力度很大,就购买了三年的ECS云服务器。 又在阿…

php版个人博客管理系统源码(文末有下载方式)

大家好, 我是程序猿零壹。 给大家分享一款个人博客管理系统,该系统使用phpmysql开发,分为前台和后台两部分。前台实现了博客展示、友情链接、热门标签、快捷搜索、关于作者等功能;后台实现了博客管理、轮播管理、友链管理、标签管…

Vercel部署个人博客

原文链接:Vercel部署个人博客 vercel 部署静态资源网站极其方便简单,并且有可观的访问速度,最主要的是免费部署。 如果你还没有尝试的话,强烈建议去使用一下。 vercel 介绍 注册账号 进入Vercel官网,先去注册一个账号…

制作自己的个人博客网站

拥有一个私人的博客是一件很酷的事情,私以为有想法的同学都应该有个博客,就像日记一样,写写自己的经历,感悟等。我也在B站上花费了好多时间,终于找到了一个特别简单易行的,感谢up主爱生活的逍遥君。 现在&…

html简洁风格的个人博客网站模板(源码)

文章目录 1.设计来源1.1 博客首界面1.2 个人简介界面1.3 日常记录界面1.4 文章列表界面1.5 文章信息界面 2.结构源码2.1 目录结构2.2 源代码 源码下载 作者:xcLeigh 文章地址:https://blog.csdn.net/weixin_43151418/article/details/128288153 html简洁…

Hexo-免费个人博客搭建框架使用

Hexo-免费博客搭建使用讲解 初识hexo就给人以眼前一亮的感觉, 查看资料到自己搭建个人博客, 简直是给人”带你装B,带你F”的快感,简单的博客生成操作, 多样化美观的主题选择, 功能强大的插件定制,关键是这些都是免费开源的,作为一个程序员,没有什么比遇到这种好使的软件更加给…

5分钟 搭建免费个人博客

五分钟倒数已经可以计时了。 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。 你可能会经常看到…

适合个人博客搭建的WordPress免费开源主题汇总

WordPress最重要的就是找一个适合自己的主题了。好一点的WordPress主题基本上都是要收费的,而且价格还不便宜,这导致了不少的新手朋友们很为难。而有时我们仅仅根据个人的爱好来搭建一个博客,所以也没有必要去支付高额的费用来购买Wordpress主…

个人博客系统+源码

🍅 作者简介:CSDN特邀作者✌、博客专家✌、java领域优质创作者💪 🍅关注公众号【猿码仓库】 简历模板、学习资料、面试题库等都给你💪 前言 猿码仓库 猿码仓库 20 收录于话题 #个人博客系统1个 #SSM1个 #SpringBoo…

Windows下搭建免费个人博客

三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考 5分钟 搭建免费个人博客 1.创建Github 域名和空间 1.1注册 首先需要注册一个Github账号,如果你已经有请跳过此步直接看1.2创建仓库,注意username&am…

个人博客系统

目 录 摘 要 ABSTRACT 目 录 第1章 绪论 1.1背景及意义 1.2 研究现状 2 1.3 研究意义 3 第2章 相关技术 4 2.1 系统开发平台 5 2.2 平台开发相关技术 6 第3章 系统分析 7 3.1 系统目标 8 3.2系统流程和逻辑 9 第4章系统概要设计 4.1 4.1 概述 4.2 系统…

java 搭建个人博客_5分钟 教大家搭建免费个人博客

五分钟倒数已经可以计时了。 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。 你可能会经常看到类似于这样的博客: vno 这是打酱油的 在4分50秒以后你也能够有一个…

如何快速创建个人网站

个人网站是属于自己的一个网站,可以用来分享自己生活感悟、知识想法等,或者介绍自己的生活教育经历,常用于面试,给人眼前一亮的感觉。那么该怎样快速拥有个人网站呢?个人建站方式概况 个人建站方式主要分为云服务器开发方式以及建站平台搭建方式。对于非专业的个人,推荐使…