免费的搭建一个免费的个人博客(网站)

零基础,手把手,不需要任何代码基础(看不懂代码也没事)

一.网址:

Hexo官网:

https://hexo.io/zh-cn/index.html

Gitee官网:(Gitee Pages 暂停提供服务)

https://gitee.com/

Git 官网:

https://git-scm.com/

Node.js官网:推荐18

https://nodejs.org/zh-cn/

github官网:

https://github.com/

Butterfly官网:

Butterfly 文檔(一) 快速開始 | Butterfly

百度网盘资料:

通过百度网盘分享的文件:搭建博客资料
链接:https://pan.baidu.com/s/14pLuBgcTT-_8o0fiT5Hl9w
提取码:boke

如果访问node和git官网卡顿,可以点击下方链接下载。
蓝奏云:https://xiaoyuboi.lanzoum.com/b0c5k65ih (在线下载)
制作视频不易,如果对你有帮助。
记得一键三连加关注呀~
我是阿洛学长,下期再见~

二.实现步骤

第一步:下载git

第二步:下载node.js

node -v(检查版本号,若是版本号显示则成功)

第三步:下载hexo

  • npm install hexo-cli -g

  • hexo init blog

  • cd blog

  • npm install

  • hexo server (hexo s)
    (1)步骤的解释:
    npm install hexo-cli -g:(这个命令使用npm(Node.js的包管理器)全局安装Hexo命令行工具。-g标志表示全局安装,这样您就可以在任何地方使用hexo命令。)
    hexo init blog:(这个命令初始化一个新的Hexo博客文件夹。blog是您想要创建的文件夹的名称,您可以根据需要更改它。)
    cd blog:(这个命令将当前工作目录更改为您刚刚创建的blog文件夹。)
    npm install:(这个命令在blog文件夹中安装Hexo博客所需的依赖项。)
    hexo server:(这个命令启动Hexo本地服务器,您可以通过浏览器访问http://localhost:4000来查看您的博客。)
    解决下载慢的问题:

  • 方法一:
    淘宝提供了一个 npm 的镜像,可以大大加快安装速度。首先安装 cnpm:
    npm install -g cnpm —registry=https://registry.npmmirror.com
    然后使用 cnpm 代替 npm 进行安装:
    cnpm install hexo-cli -g
    方法二:
    npm config set registry https://registry.npm.taobao.org(切换镜像)

img

(2)运行显示(http://localhost:4000)

img

主题推荐:

D-Sketon/hexo-theme-reimu: 一款博丽灵梦风格的Hexo主题 | A Hakurei Reimu style Hexo theme. 💘Touhou💘

theme-particlex/hexo-theme-particlex: A concise Hexo theme, based on Particle.

基本命令:
hexo cl
hexo g
hexo s
hexo d

命令的解释:

  1. hexo cl:这个命令用于清除Hexo的缓存文件。缓存文件是在生成静态文件时创建的,清除缓存可以解决一些生成过程中的问题。

  2. hexo g:这个命令是hexo generate的简写,用于生成静态文件。Hexo会将您的Markdown文件转换为HTML文件,并将它们放在public文件夹中。

  3. hexo s:这个命令是hexo server的简写,用于启动Hexo本地服务器。启动服务器后,您可以通过浏览器访问http://localhost:4000来查看您的博客。

  4. hexo d:这个命令是hexo deploy的简写,用于部署您的Hexo博客到远程服务器。通常,这会将您的静态文件上传到GitHub Pages、GitLab Pages或其他支持的服务

第四步:下载主题

hexo的主题

Themes | Hexo

https://github.com/D-Sketon/hexo-theme-reimu

阿洛学长同款:

theme-particlex/hexo-theme-particlex: A concise Hexo theme, based on Particle.

主题优化:(看给的文档即可)

Extensions

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

theme: landscape

第五步:使用github部署网站

(1)登录注册

(2)创建仓库

a61b8660 326f 49e8 83a2 3b03a58b9f5e

(3)获取SSH密钥

(4)创建密钥:ssh-keygen -t rsa -C “3XXXXXXXXXXX@qq.com”

(5)获取密钥:cat ~/.ssh/id_rsa.pub

(密钥样式)

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQDTZJPBngwsPeJ8/Kagh’f’gdhfgD9LEWIYYf+jKSDsiM2eLesROa4llQbhfghh’f’g’hmWhfghh’f’g/bbX54vcqVwVdlopJUu4ZP4azn/qQWRRTHJXXKj0GGM/AlQjshfgh’f’g’hOsyKq22bL4wjI8ZJvT7AGDzC/Nrn6cDhc+hy5z1HPVMVDX9i0sG18MmKtOCJ8dCagIjIWEWCyN7e+HuciTXZUHO+k6dLhfxK6YUmw3U6hWcRH+30mgHydr9mL/QdiXa/N4OUva7Xmh9l6hfgh’f’g’h9DC/u+Xu2Sghftghfh’f’g’hKRljwj8nZf4FCdA0UQJE4Ynf6SYYLJBKLotbeWWvPhfghh’f’g2TdMeSlCHyex9FGhvkbm94/vQv0xYSD2WMg’h’f’t’g’h’fmIfPWSJ5xWZ7NIBAR+9cFiq7VDrXhavs5v5nY9iwiPd+Fy6Z65QfezEmz9flU+kuA94v03TIKZC+Zf9hlZhfghh’f’g’hWj+g4/fJ4Nc4biC2nY8TD+H0HnkXPCJgtOiLxaSgi08LFmwJyzt9/zCadO/IEtRol7RVvTx6NPn9LVy0xPy7ZvQIRIxx4B75fohI9WM= 32fg454545458@qq.com

(6)配置密钥,上传项目 ssh hexo d

(7)配置密钥

img

img

(8)配置config文件

img

修改的代码部分

deploy:

type: ‘git’

repository: git@gitee.com:aluolove/boke.git(ssh的地址)

branch:main (分支)

npm install hexo-deployer-git —save

hexo d(上传博客文件)

第六步:运行打开博客

img

img

第七步:更新网页

hexo g

hexo s

hexo d

记得每次上传的适合关闭加速器

遇到报错,99%的原因都是网络问题建议,科学上网,如果不能建议重启一下电脑

Hexo

更新网页:

文件形式是md格式,就只需要像word,做笔记一样(没有任何的代码理论知识)

md工具推荐:

软件:微软商城里的 Typedown(免费)

网页:https://www.yuque.com/ (语雀 需要注册 免费)

除了以上工具了解过md文件的,也可以使用自己喜欢的工具,有的工具需要付费

可以尝试破解

md文件中的图片处理:

推荐使用图层:图层(就是将图片放置云端,通过网址(url)来访问到你的图片)

图层推荐:

(1) postimage图层 官网:https://postimage.me/

(2)路过图床 - 免费图片上传, 专业图片外链, 免费公共图床 官网: https://imgse.com/

666废路(gitee)不要在gitee上搭建

登录注册

实名认证

md

创建仓库

配置仓库

创建密钥:ssh-keygen -t rsa -C “XXXXXXXXXX@qq.com”

获取密钥:cat ~/.ssh/id_rsa.pub

友谊链接:

一. Hexo博客搭建基础教程(一)

Hexo博客搭建基础教程(一) | 阿洛🥝

二. Hexo博客搭建基础教程(二)

Hexo博客搭建基础教程(二) | 阿洛🥝

三.Hexo博客搭建基础教程(三)

Hexo博客搭建基础教程(三) | 阿洛🥝

四.博客魔改教程总结(一)

Hexo博客魔改教程总结(一)| 阿洛🥝