如何搭建一篇博客2024版

一：环境和工具准备：

1.系统（Windows10 11）
2.Node js
3.Git
4.hexo
5.文本编辑器
6.一个Github账号

二.Node js的安装：

1.打开Node官网，下载Node js安装程序，下载地址：https://nodejs.org/en/download/
2.下载后安装，安装目录尽量默认，除非你对它非常了解。
3.安装完成后，检查是否安装成功。打开cmd窗口，输入：node -v，看到了
版本信息，代表安装成功。
4.修改下载源。npm下载各种模块，默认是从国外的服务器下载，速度较慢，把它换成国内镜像，打开cmd窗口，运行命令：npm config set registry https://registry.npm.taobao.org

国内访问 npm 官方源可能会有速度较慢或者不稳定的问题，可以切换到国内镜像源，如淘宝镜像：

npm config set registry https://registry.npmmirror.com/

三.安装Git：

1.进入官网：https://git-scm.com/downloads ，由于官网下载太慢可以通过淘宝的开源镜像下载 网址：https://registry.npmmirror.com/binary.html?path=git-for-windows/v2.36.1.windows.1/
2.下载后傻瓜式安装即可，安装目录可以默认，可以自选。
3.在桌面右键，出现Open Git Bash here即代表安装成功。

四.安装Hexo：

1.右键Git Bash输入如下命令安装：npm install -g hexo-cli
2.安装完后输入hexo -v验证，出现版本号即代表成功。

五.Github与仓库的创建

1.进入官网：https://github.com/
2.点击右上角Sign up进行注册：
3.填写自己的邮箱、密码、用户名等信息，然后用邮箱验证即可完成。
4.注册完成后，点击右上角+按钮，选择New repository，创建一个名称为用户名.github.io
的仓库。

注意：1.名称必须为你的用户名.github.io,不然会404
  2.Description：为描述仓库。（选填）
  3.勾选 Initialize this repository with a README 初始化一个 README.md文件。
  4.点击 Creat repository 进行创建。

六.环境配置：

1.配置用户名和邮箱：
git config --global user.name "你的用户名" git config --global user.email "你的邮箱"
2.通过 git config -l检查是否配置成功，现在git安装及配置全部完成。

七.连接至Github：

1.执行以下命令生成ssh公钥，它用于你的计算机连接Github。
ssh-keygen -t rsa -C "你的邮箱"

2.将 SSH KEY 配置到 GitHub
进入Github，点击右上角头像，选择settings，进入设置后选择 SSH and GPG keys，
名字尽量写英文的，把刚才复制的公钥填到 Key 那一栏。完成后保存。

3.测试连接，输入以下命令：
ssh -T git@github.com
出现连接到账户的提示信息，说明大功告成，现在完成了环境准备工作。

八.初始化Hexo项目

1.在你想放博客文件的路径打开GBH，执行下列命令初始化项目。（把blog后面的东西删掉）
hexo init blog(项目名)
2.进入blog文件夹，再次右键GBH，输入 npm i安装相关依赖。

3.安装完成后，blog文件夹内有如下结构：
【node_modules】：依赖包
【scaffolds】：生成文章的一些模板
【source】：用来存放你的文章
【themes】：主题
【.npmignore】：发布时忽略的文件（可忽略）
【_config.landscape.yml】：主题的配置文件
【config.yml】：博客的配置文件
【package.json】：项目名称、描述、版本、运行和开发等信息

4.输入hexo s启动项目

九.更换主题

github：https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml

十.页面个性化

  1. 浏览器tab页名称
    修改根目录下 _config.yml 中的 title 字段。
    subtitle为副标题
    description不用填写
    keywords关键词，可不填写
    author博客所有者
    language语言，中国大陆使用zh-CN
    timezone不用填写

2.博客导航栏左侧文字
blog目录下_config.fluid.yml中的blog_title 字段。

3.首页正中间的文字
blog目录下_config.fluid.yml中的text字段。

十一.将静态博客挂载到Github Pages

方案一（玄学）

1.安装 hexo-deployer-git，输入以下命令：
npm install hexo-deployer-git --save
2.修改根目录下的 _config.yml，配置 GitHub 相关信息

deploy:
type: git
repository: https://github.com/XXX/XXX.github.io.git
branch: main
token: XXXXXXXXXXXXX（要获取）

repository获取方式为：
进入https://github.com/,
点击右上角三条杠，点击你新建的用户名.github.io的仓库
点击中间那个绿色的Code按钮，选择左边的 Local 下面三个选项里选SSH,复制那个链接即可

其中 token 为 GitHub 的 Personal access tokens，获取方式如下图：
token只会出现一次，复制下来妥善保存，如果丢失，则要重新生成。

部署到Github：
先输入hexo clean清除缓存
再输入命令hexo g -d

部署完成后等待两分钟，浏览器访问：https://你的GitHub用户名.github.io
能正常访问即部署成功。
但是很玄学，我上课前还可以，下课试试就不出来了，呜呜呜

我的方案：

1.安装 hexo-deployer-git，输入以下命令：
npm install hexo-deployer-git --save

2.使用国内镜像源

  • 国内访问 npm 官方源可能会有速度较慢或者不稳定的问题，可以切换到国内镜像源，如淘宝镜像：

    1
    npm config set registry https://registry.npmmirror.com/

之后再尝试重新安装依赖：

1
npm install hexo-deployer-git --save

3.配置 Hexo 部署到 GitHub Pages

打开你的 Hexo 项目根目录下的 _config.yml 文件，找到或添加 deploy 配置部分，按照以下示例进行配置：

1
2
3
4
5
deploy:
  type: git
  repository: https://github.com/你的用户名/你的仓库名.github.io.git
  branch: main
  token: 你的GitHub个人访问令牌

注意：

  • repository：将此项替换为你 GitHub Pages 仓库的地址，格式通常为 https://github.com/你的用户名/你的用户名.github.io.git。
  • branch：通常为 main，也可能是 master，视你的仓库配置而定。
  • token：GitHub 的 Personal access token，用于身份验证。你可以在 GitHub 的 Personal access tokens 页面生成一个新令牌。

理缓存并生成部署

  • 在终端中执行以下命令，清理缓存并生成静态文件，然后部署到 GitHub：

    1
    2
    3
    hexo clean
    hexo generate
    hexo deploy

检查部署

  • 部署完成后，等待几分钟后访问 https://你的用户名.github.io，查看你的博客是否成功部署。

使用

首先，在本地创建一篇新的文章。你可以使用 Hexo 提供的命令来生成一篇新文章的文件。

hexo new "文章标题"

这将会在 source/_posts/ 目录下生成一个 我的新文章.md 文件。

创建关于页面

hexo new page about

配置分类页面

确保 source/about/index.md 文件中有内容。即使是一个简单的标题和段落也可以：

1
2
3
4
title: 关于我
date: 2024-08-31 12:00:00

这里是关于页面的内容。

创建分类页面

hexo new page categories

1
2
3
title: 关于我 
date: 2024-08-31 12:00:00 
--- 这里是关于页面的内容。

配置分类页面

编辑 source/categories/index.md 文件，确保它正确配置为展示所有分类：

1
2
title: 分类
layout: categories

生成标签页面

1
hexo new page tags

配置标签页面

接下来，编辑 source/tags/index.md 文件，以确保它正确显示标签列表：

1
2
title: 标签
layout: tags

然后就可以写文件了

只需要注意前面是像：

title: 绕过Disable_function
date: 2024-08-31 12:47:42
categories: CTF-web rce
tags: web php 这样的

三步建立法

hexo clean

hexo generate

hexo server

然后在浏览器中访问 http://localhost:4000/about/

什么没有好的md编辑器还要用vs和clion就out了，到224找我，破解的免费typora不用谢

要将你的Hexo网站与自定义域名 绑定，可以按照以下步骤操作：

1. 配置域名DNS

首先，你需要在你的域名注册商处配置DNS记录，以指向GitHub Pages的服务器。

添加A记录（如果使用裸域名）

  1. 登录到你的域名注册商的管理控制台。

  2. 找到你的域名 uertnecesshazar.top 的DNS设置页面。

  3. 添加一条A记录：

    • 主机名（Host）：@ 或留空
    • 记录类型（Type）：A
    • 记录值（Value）：185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153
    • TTL：使用默认值

    你可以添加四条A记录，分别指向GitHub Pages的IP地址，以确保高可用性。

添加CNAME记录（如果使用带www的域名）

如果你还想支持 www.uertnecesshazar.top 这样的子域名，你可以添加一条CNAME记录：

  1. 主机名（Host）：www
  2. 记录类型（Type）：CNAME
  3. 记录值（Value）：theganlove.github.io
  4. TTL：使用默认值

2. 配置Hexo的CNAME文件

为了让GitHub Pages知道你的网站绑定了自定义域名，你需要在Hexo项目中添加一个 CNAME 文件。

  1. 创建CNAME文件：

    • 在你的 Hexo 项目的 source 目录中，创建一个名为 CNAME 的文件（无扩展名）。

  2. 编辑CNAME文件：

    • 在 CNAME 文件中添加你的自定义域名：

      1
      uertnecesshazar.top

  3. 保存文件。

3. 重新生成和部署网站

  1. 生成静态文件：

    1
    hexo generate

  2. 部署到GitHub Pages：

    1
    hexo deploy

4. 等待DNS生效

DNS更改可能需要几分钟到48小时生效。你可以使用 nslookup 或 dig 工具来检查DNS设置是否正确配置。

5. 访问你的自定义域名

一旦DNS生效，你应该可以通过 http://uertnecesshazar.top 或 https://uertnecesshazar.top 访问你的网站。

6. 配置HTTPS（可选）

GitHub Pages 支持免费的HTTPS证书。如果你使用自定义域名并希望启用HTTPS，请在GitHub仓库的设置中启用HTTPS。

  1. 在你的GitHub仓库页面中，点击 “Settings”。
  2. 向下滚动到 “GitHub Pages” 部分。
  3. 如果选项可用，勾选 “Enforce HTTPS” 选项。

这将强制所有用户通过HTTPS访问你的网站，确保数据传输的安全性。

通过以上步骤，你将成功将自定义域名 uertnecesshazar.top 与Hexo网站绑定

环境搭建
#环境
如何搭建一篇博客2024版
https://theganlove.github.io/2024/08/30/如何搭建一篇博客2024版/
作者
uert
发布于
2024年8月30日
许可协议