搭建博客

news/2024/11/16 20:45:55/文章来源:https://www.cnblogs.com/cj037419/p/18390484

Hexo+Git

安装Hexo

hexo文档

1.先行条件

安装以下应用程序

  • Node.js
  • Git

检验是否安装成功
win+r输入cmd进入终端
image
出现版本号即安装成功

2.镜像安装Hexo

进入npm镜像站
在终端输入
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install -g hexo-cli
效果如下
image
image

输入hexo -V查看是否安装成功

新建一个hexo站点根目录,在站点右键 - Open Git Bash here,执行以下命令:

$ hexo init
$ npm install

ps:npm install 一直卡顿的时候使用 cnpm install

执行完成之后,指定文件夹的目录如下:

.
├── _config.yml     --->  网站配置信息
├── package.json    --->  应用程序的信息
├── scaffolds       --->  模板文件夹
├── source          --->  放置资源文件。
|   ├── _drafts
|   └── _posts      --->  .md文件
└── themes

成功效果如下:
image
image
image

出现报错情况如下
image
原因:由于 Windows 的 PowerShell 执行策略情况阻止了脚本的运行。默认情况下,Windows 系统可能会以安全性禁止提高未运行的签名脚本。

解决方法:
通过修改 PowerShell 的执行策略来解决这个问题。以下是详细步骤:

1. 检查当前的执行策略

通过在 PowerShell 中运行以下命令来查看当前的执行策略:

Get-ExecutionPolicy

这会返回当前的执行策略,可能是 RestrictedRemoteSigned 等。

2. 修改执行策略

为了允许脚本运行,将执行策略设置为 RemoteSignedUnrestricted

  • RemoteSigned: 允许本地脚本运行,要求从互联网下载的脚本必须被签名。
  • Unrestricted: 允许运行任何脚本(不推荐长期使用,可能存在安全风险)。

在管理员模式(win+x)下运行 PowerShell,并执行以下命令来修改策略:

Set-ExecutionPolicy RemoteSigned

如果你想允许所有脚本运行,可以执行:

Set-ExecutionPolicy Unrestricted

3. 确认更改

执行上面的命令后,系统会提示你确认更改。输入 Y 并按下回车确认。

4. 重新运行脚本

修改执行策略后,尝试再次运行你的 hexo 命令:

hexo

5. 恢复默认设置(可选)

如果你希望在完成操作后恢复默认的执行策略,可以再次将其设置为 Restricted

Set-ExecutionPolicy Restricted

效果如下:
image

注意:

  • 修改执行策略可能会带来一定的安全风险,特别是设置为 Unrestricted 时。因此,建议在完成必要操作后,将执行策略设置回更严格的模式。
  • 在某些企业环境中,执行策略可能由系统管理员锁定。如果你无法修改执行策略,可能需要联系系统管理员获取帮助。

3.连接GitHub

在文件资源管理器中右键 - Open Git Bash here,打开git终端,输入以下两条命令,设置用户名和邮箱:
$ git config --global user.name "GitHub用户名"
$ git config --global user.email "GitHub邮箱"
创建ssh密钥文件:
$ ssh-keygen -t rsa -C "GitHub邮箱"
效果如下:
image

找到路径C:\Users\崔靖/.ssh/id_rsa.pub,并用记事本打开,将内容复制

登录GitHub,点击右上角自己的头像 - setting,找到SSH and GPG keys,点击New SSH key:
image
image
检测是否连接成功:
ssh -T git@github.com
效果如下:
image

4.hexo网页主题

选择hexo主题,点击进入

Git 安装

在博客根目录里安装最新版本【推荐】
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu
image

⚙ 应用主题

修改hexo配置文件_config.yml,把主题改为anzhiyu
theme: anzhiyu
如果你没有 pug 以及 stylus 的渲染器,请下载安装:
npm install hexo-renderer-pug hexo-renderer-stylus --save

ps:镜像操作改为cnpm
image
image

覆盖配置
覆盖配置可以使主题配置放置在 anzhiyu 目录之外,避免在更新主题时丢失自定义的配置。

通过 Npm 安装主题的用户可以忽略,其他用户建议学习使用。

macos/linux 在博客根目录运行
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml
windows 复制/themes/anzhiyu/_config.yml此文件到 hexo 根目录,并重命名为_config.anzhiyu.yml
以后如果修改任何主题配置,都只需修改 _config.anzhiyu.yml 的配置即可。

注意:

只要存在的_config.anzhiyu.yml配置都是高优先级,修改_config.yml原是无效的。
其他更新主题可能存在变更,请注意更新配置说明,可能需要手动对_config.anzhiyu.yml同步修改。
想查看覆盖配置有没有生效,可以通过hexo g --debug查看命令行输出。
如果想将某些配置覆盖为空,注意不要把主键删掉,否则是无法覆盖的

hexo cl 清空
必定报错,解决方法
cnpm install hexo-util --save
image
image
再次使用,清除成功
image

接下来使用hexo g生成静态文件
image

最后使用hexo s在本地查看效果
image
image

5. 上传博客

GitHub创建新项目
image
点击_config.yml
image
修改信息,添加博客仓库地址和分支名称
image

下载hexo git依赖
cnpm install hexo-deployer-git --save
image

重复hexo cl清空
再hexo g生成
到hexo d上传
image
image
image

hexo d报错:
image
无法识别身份,没有配置全局邮箱和用户名
git config --global user.email "你的邮箱"
git config --global user.name "用户名"
解决方法:
image

6. 将代码转成网页

通过上述操作,本地调试环境与代码获取成功
目标:将代码转为网页

使用程序 Zeabur,git账号登入
image
创建新项目,后面有字的收费,选择无字的
image
点击GitHub仓库部署
image
image
配置Github仓库
授权
image
image
点击部署,部署成功后点击网络
image

流程:
hexo cl
hexo g
hexo s 本地查看,可有可无
hexo d

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/790262.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ffmpeg合并视频

安装ffmpeg命令工具: 1.下载ffmpeg工具 【官网】 2.如果需要下载 7-zip解压该文件【官网】 3.解压后重名解压文件夹为ffmpeg 4.复制ffmpeg文件夹到 "C:\Program Files" 5.添加系统环境变量 “C:\Program Files\ffmpeg\bin” 6.可以通过 ffmpeg 查看7. 对于需要合并的…

ABC369

A link判断\(A\),\(B\)之间可不可以放一个数,如果可以就是\(3\)个,不行就是\(2\)个(左右),但是如果\(A\),\(B\)相等就只有一个。点击查看代码 #include<bits/stdc++.h>using namespace std;signed main(){int a,b;cin >> a >> b;int x = b-a;if(x != …

对最长路(和最短路)的一些思考

为了使得整篇文章显得更加人性化,咱们首先说一下最短路。 声明:不是讲解知识点不是讲解知识点不是讲解知识点不是讲解知识点不是讲解知识点,整篇文章建立在默认已经会的基础之上,然后提出一些个人见解。 最短路 此时的 SPFA 显得不再重要了(,咱们进入正题,说一下 dijkst…

闲话 831

非常厉害治程宝典看不下去了😭 被分析卡脖子了 还是来看看合订本吧家人们 初 见 端 倪灵 光 一 闪渐 入 佳 境炉 火 纯 青登 峰 造 极羽 化 成 仙完 全 胜 利YJX AK IOI

LTSPICE include导入模型

以mos为例: 1、include lib 命令输入.include,放入原理图后右键,导入模型2,首先加入一个mos按住ctrl,右键mos spicemodel输入型号,prefix输入X,Value可不填。 设置好之后就可以开始仿真了。

ZS审判日(一):8月28日测试

前言:附高是不要的,省实验是上不了的,历二是考不上的。节选一些唐题。 第一场:语文(7:50-9:50) 1 题面 请你仿照示例,写出一个四个字分别为一二三四声的四字短语。 例:中流砥柱 分析 & 评价 试卷后面有一个词 经营惨淡 可以写。(但是我没看到) 此题小唐。 2 题面…

实现阶乘的几种方式:递归、迭代、内置函数

0! = 1,阶乘的参数不能为负数,必须大于等于0;

esp32-idf

一、找不到头文件 设置文件位置环境变量:

手把手教你使用C语言实现堆栈数据结构算法-两种方式(链表+数组)

我用C语言数组和链表手写了一个数据结构----栈堆栈 定义 栈(stack) 是一种遵循先入后出逻辑的线性数据结构,常见操作入栈,出栈,访问栈图片来源:https://www.hello-algo.com/ 栈的实现 栈遵循先入后出的原则,因此我们只能在栈顶添加或删除元素。然而,数组和链表都可以在任…

全国大学高校专业数据 API 接口

全国大学高校专业数据 API 接口 提供大学专业基础数据,持续更新,各类专业属性。1. 产品功能2023 年数据已更新; 提供最新的全国高校专业基本信息; 总计近 3000 条专业精准基础数据; 每月一次数据更新校正; 同时包含了专业开设课程列表; 全接口支持 HTTPS(TLS v1.0 / v1…

网页可读内容抽取 API 数据接口

网页可读内容抽取 API 数据接口 智能提取文章关键元素信息,智能抽取,多种元素信息。1. 产品功能智能提取网页可阅读内容; 提供网页可阅读内容的 HTML 代码; 支持传递网页 HTML 或网页 URL 参数; 支持多种元素信息抽取,包括文章标题、作者、文字方向、语言、内容、内容(不…