首页 > 其他分享 >Hexo + redefine主题配置个人博客

Hexo + redefine主题配置个人博客

时间:2024-08-31 11:14:27浏览次数:8  
标签:redefine git Hexo hexo -- 博客 github ssh

前置准备

  1. 安装 node js
  2. 安装 git
  3. 安装 Hexo
  4. 创建 Github 仓库。

node js:

https://nodejs.org/zh-cn

git:

注:git 安装时一直继续就好,但是有 path 的地方一定要勾选

https://git-scm.com/download/win

检查一下是否安装成功,在终端中输入:

node -v
npm -v
git --version

Hexo:

在终端中输入:npm install hexo-cli -g

检验是否安装:hexo -v

github 仓库:

建立仓库

如果你没有账号,去 github 官网 注册一个。

点击右上角 "+" 号,选择 "New repository"。

  1. Repository name 中填写:<你的 Github 用户名>.github.io。
  2. 属性选择 "Public"(公开)。

比如我的就是这样:
新仓库
(报错是因为我已经建立过了)

要注意是 main 分支还是 master 分支,不过现在默认是 main 分支。

ssh 密钥

新建一个文件夹作为本地存储。

我建议命名为 "blog",像这样:
blog 文件夹

在文件夹中右键-->git bash here。

先输入 ssh 检查一下 git 是否已经下载了 ssh 配件。
ssh 检验

生成 ssh:
ssh-keygen -t rsa -C "注册 Github 时使用的邮件地址"

然后按四次回车。

然后去:C盘 --> User --> <你的用户> --> ".ssh" 文件夹找到这个文件。
ssh 文件
记事本打开并全选复制。

然后进入 Github 点击头像进入 Setting。

找到 "SSH and GPG keys"。

点击 "New SSH Key"。

名字随便,把刚刚复制的 ssh 粘贴进去。

测试是否绑定成功:ssh -T [email protected]

有一个地方输入 yes,然后出现 "Successfully" 就好了。

开始配置

在 "blog" 文件夹中右键选择 "Git Bash Here"。

输入:hexo init

出现 "start blogging..." 就好了。

输入 "hexo s" 会弹出一个网址,按 "Ctrl + C" 输入新命令。

(那个网址打不开没关系,我也打不开qwq)

在你的文件夹中打开 "_config.yml" 文件。
_config.yml

翻到最底部,把 "deploy" 部分改一下。

deploy: 
  type: git
  repo: [email protected]:<你的 Github 用户名>/<Github 仓库名>.git
  branch: main

配置好后就可以三连一键上传了。

hexo c
hexo g
hexo d

(有问题百度一下,github 上有很多奇奇怪怪问题的存档,也可以私信问我)

主题配置

我们使用 redefine 主题,这个主题的自定义,方便程度都是很好的,作者也预留了许多插件接口。

在 git 中输入:git clone -b master https://github.com/EvanNotFound/hexo-theme-redefine.git themes/redefine

在 "_config.yml" 文件中把 deploy 上面的 "theme" 改成主题名就好了。

然后就可以自定义了,参考 官方文章 进行改动。

标签:redefine,git,Hexo,hexo,--,博客,github,ssh
From: https://www.cnblogs.com/George222/p/18390018

相关文章

  • 给Hexo博客安排上Github Action自动化部署
    我不是换hexo了吗,一直是使用SpckEditor写文章,每次写好文章都要push一次,非常麻烦,最近在群友那了解到有GithubAction自动化部署,可以写好文章自动部署到githubpages,而且github的编辑器也是非常好用的,写好提交就能自动发送,–怎么有点像SSR了–,于是我就开始了这一个半小时的折腾…......
  • 第一篇博客 自我介绍+软工5问
    这个作业属于哪个课程2022计科12班这个作业要求在哪里自我介绍+软工5问这个作业的目标进行自我介绍,了解博客园的使用,学习Git操作自我介绍我叫周彦安,一名来自广东工业大学计算机学院计算机科学与技术的学生,平时喜欢打篮球、旅行和摄影,也喜欢设计网页为用户提供......
  • 使用zig语言制作简单博客网站(六)文章详情页
    前端代码前端代码<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><link......
  • 我的第一个博客内容
    学习markdown的使用加粗一句话加粗是在一句话中各加两个星,好像双引号斜体一句话斜体是在一句话中各加一个星,好像单引号高亮一句话我在typora高亮失败了,在这里试一下上标试一下原来是在一个数字两边加^,22再来一个下标哈哈哈哈哈哈哈,下标就是在要下标的位置左右加~呢H2O......
  • 一分钟搭建Ghost个人网站博客系统
    什么是Ghost博客系统Ghost是一款设计简约、主题精致的个人博客系统,Ghost支持多用户创建和编辑,支持Markdown格式撰写文章,编辑的内容可即时预览。创建轻量云主机这里默认你已经有对应的轻量云服务器了。如果你已经有云服务器,直接重新安装,按照下面的流程就可以了。没有的的可以......
  • 计算机毕业设计django+vue个人博客系统【开题+论文+程序】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,个人博客作为展示个人思想、分享知识与经验的重要平台,其重要性日益凸显。传统的博客系统多依赖于单一的技术栈,如......
  • 博客园-awescnb插件-geek皮肤优化--浏览器ico图标修改
    简介通过js方式自定义修改博客园-awescnb插件-geek皮肤下浏览器ico图标图标准备准备自定义的图标,上传至博客园个人的相册中代码注入定义自定义HTML:博客园->管理->设置->页脚HTML代码添加相关代码//更换ico图标functionupdateICO(){varlink=docum......
  • 用我十多年的“奇葩”经验,给在“挂吊瓶”的博客园几点建议
    初识博客园我是08年开始接触开发的,一开始涉及的就是.net和java,记得那会好像是jar6来着,net嘛还是2.0那时候包括现在,找资料很多时候会找到博客园来一开始我以为博客园是很多博主成立的一个联盟,就是各自弄一个博客系统,然后公用一个域名为啥会这么想呢?因为我看高的博文都长得不一......
  • 博客园-awescnb插件-geek皮肤优化--浏览器ico图标修改
    简介通过js方式自定义修改博客园-awescnb插件-geek皮肤下浏览器ico图标图标准备准备自定义的图标,上传至博客园个人的相册中代码注入定义自定义HTML:博客园->管理->设置->页脚HTML代码添加相关代码//更换ico图标functionupdateICO(){varlink=document.qu......
  • 博客园美化系列第四弹
    <!--鼠标点击特效--><scripttype="text/javascript">vara_idx=0;jQuery(document).ready(function($){$("body").click(function(e){vara=newArray("❤富强❤","❤民主❤","❤文明❤","❤和谐❤"......