首页 > 其他分享 >如何有一个hexo博客

如何有一个hexo博客

时间:2023-08-22 13:45:03浏览次数:38  
标签:文件夹 Git hexo 博客 如何 Github git config

此文章使用 windows 系统介绍。

你需要:

  • Git
  • Nodejs(建议使用12.0及以上版本,推荐12.22.12版本)
  • 没了

如何安装

Nodejs

打开这个链接,点击 node-v12.22.12-x64.msi 就可以下载 Nodejs 了。

Git

打开这个链接,点击右侧电脑,就可以下载 Git 了。

安装hexo

打开 Git Bash,输入

npm install hexo

就可以安装 hexo

建站

安装 hexo 后,新建一个文件夹用于建站,进入文件夹,右键并点击 Git Bash Here,输入

hexo init
npm install

hexo 就会在这个文件夹里新建需要的文件。

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

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml

网站的配置信息,在本教程中这个会用到。

package.json

应用程序的信息。EJSStylusMarkdown 渲染引擎已默认安装,您可以自由移除。

package.json
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": ""
  },
  "dependencies": {
    "hexo": "^3.8.0",
    "hexo-generator-archive": "^0.1.5",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.1",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.3.1",
    "hexo-renderer-stylus": "^0.3.3",
    "hexo-renderer-marked": "^0.3.2",
    "hexo-server": "^0.3.3"
  }
}

在本教程中这个屁用没有。

scaffolds

模版文件夹。当您新建文章时,Hexo 会根据 scaffold 来创建文件。

Hexo 的模板是指在新建的文章文件中默认填充的内容。例如,如果您修改 scaffold/post.md 中的 Front-matter 内容,那么每次新建一篇文章时都会包含这个修改。

在本教程中这个屁用没有。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。MarkdownHTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

在本教程中这个屁用没有。

themes

主题文件夹。Hexo 会根据主题来生成静态页面。

访问

你可以输入以下命令来访问你的博客。

hexo g
hexo s

然后打开网址为 http://localhost:4000/ 的网站来访问,Git Bash 输入 Ctrl+C 关闭。

配置

打开 _config.yml,有这些主要东西:

参数 描述
titie 网站标题
subtitle 网站副标题
description 网站描述
keywords 网站的关键词。支持多个关键词
author 你的名字
language 网站使用的语言,本教程需要改成 zh-CN
timezone 网站时区。本教程需要改成 Asia/Shanghai

其中,description 主要用于 SEO,告诉搜索引擎一个关于您站点的简单描述,通常建议在其中包含您网站的关键词。author 参数用于主题显示文章的作者。

迁移

创建仓库

打开 Github->Settings->Repositories,更改 mainmaster,点击 Update

新建一个仓库,名为 你的用户名.github.io

生成 SSH

打开 git bash,输入

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

然后输入

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

一直回车(注意有一个地方需要输入 y),找到 .ssh 文件夹,用 txt 打开 id_rsa.pub,复制里面的东西,然后回到 Github->Settings->SSH and GPG keys,新建一个 SSH,名字随便,把复制的内容粘贴进去。

Git Bash 输入

ssh -T git@github.com

查看是否成功。

部署到Github

打开 _config.yml,把最后几行改成这样子:

deploy:
  type: git
  repo: git@github.com:GitHub用户名/Github用户名.github.io.git
  branch: master

之后保存,Git Bash 输入

hexo clean
hexo g
hexo d

(注:以后一旦博客有改动都用这个命令更新)

部署到 Github,等待一会,就可以用 Github用户名.github.io 这个网址访问你的博客了,如 https://zhuangjihong.github.io/

主题

hexo 默认的主题不好看,所以我们可以换一个,我用的是 fluid

安装

下载fluid最新版本,解压到 themes 目录,并将解压出的文件夹重命名为 fluid。进入 fluid 文件夹,打开这个文件夹中的 _config.yml 文件,复制里面的内容,再在你用于部署博客的文件夹(也就是有 source 文件夹的文件夹)里新建一个 _config.fluid.yml 文件,打开,粘贴复制的内容,可以自定义一些比如说标题、背景图等参数,详见fluid配置指南。保存后运行前面提到过由于更新的命令,就可以看到效果了。

标签:文件夹,Git,hexo,博客,如何,Github,git,config
From: https://www.cnblogs.com/zjh114/p/17648305.html

相关文章

  • JVS低代码中表单引擎与逻辑引擎是如何联合调用外部API的?
    在企业项目中,常常出现需要给外部系统提供一个api,让外部系统触发调用,本系统直接数据入库,那么我们来看看jvs的表单引擎与逻辑引擎联合实现这个功能,先看实现效果:配置步骤:一、配置列表页如下图所示:①选中需要增加列表页的目录,在目录操作的主界面上②点击创建列表页设计,系统进入列表页......
  • VSCode如何为远程安装预设扩展
    背景在使用VSCode进行远程开发时(python开发之远程开发工具选择_CodingInCV的博客-CSDN博客),特别是远程的机器经常变化时(如机器来源于动态分配),每次连接新的远程时,都不得不手动安装一些开发需要的插件,尽管可以将需要的插件添加到workspace中,然后一键安装,不过总归还是不方便。那么有......
  • 在线学习平台开发需要多少钱,以及如何进行定制化的功能拓展
    近期,一位教育领域的创业者找到我们,他有一个抱负:构建一套完整的在线学习体系,覆盖付费课程、在线学习以及考试等多个功能。当然,如何实现这样一个宏伟目标也是需要投入不小的费用的。那么,我们来探讨一下,打造这样一个在线学习平台需要多少成本,以及如何进行定制化的功能拓展。 解锁......
  • LDAP:如何在windows系统下安装LDAP及连接测试
    1、LDAP介绍LDAP是一个基于X.500标准的轻量目录访问协议,与X.500不同,LDAP协议支持TCP/IP连接。全称为LightweightDirectoryAccessProtocol(轻量目录访问协议),是用户、设备和客户端与目录服务器通信的标准协议。LDAP协议帮助用户对IT资源进行身份验证和授权,这些资源包括服务器、应......
  • 一图胜千言:如何精准选择数据可视化方法
    在当今数据时代,数据可视化已成为理解和传达信息的重要手段。然而,选择适合的数据可视化方法对于有效地呈现数据至关重要。不同的数据和目标需要不同的可视化方法,下面我们将探讨如何选择最佳的数据可视化方法来呈现数据。 1.理解数据类型:数据可视化的首要任务是理解数据的类型......
  • Lnton羚通云算力平台如何在OpenCV-Python 中,来进行图像算术运算?
    在OpenCV-Python中,可以使用函数cv2.add()、cv2.subtract()、cv2.multiply()和cv2.divide()来进行图像算术运算。这些函数接受两个输入图像,并对其进行逐像素的运算。1.图像加法:OpenCV 是饱和运算(大于255算255),NumPy 是模运算(大于255会与256进行求模)。importnumpyasnpimpo......
  • 如何创建一个数据交互的Angular应用程序?这个工具不要错过!(一)
    当我们构建带有数据的应用程序时,需要为客户提供排序、分组、过滤和聚合数据等选项,以便与之交互。我们可以通过多种途径实现这一目标:使用内置的Array对象——它提供了过滤器、排序方法和reduce等用于分组和聚合的功能。使用KendoUIforAngular强大的数据查询功能——它提供了......
  • 微信_如何响应用户请求;
    <imgsrc=""alt=""/><?php/**第二十三小分队(23工作室)*感谢:方倍工作室;**CopyRight2014-05-30AllRightsReserved*///签名define("TOKEN","weixin");$wechatObj=newwechatCallback();//isset()检测变量是否设置;if(!i......
  • AM62x GPMC并口如何实现“小数据-低时延,大数据-高带宽”—ARM+FPGA低成本通信方案
    GPMC并口简介GPMC(GeneralPurposeMemoryController)是TI处理器特有的通用存储器控制器接口,支持8/16bit数据位宽,支持128MB访问空间,最高时钟速率133MHz。GPMC是AM62x、AM64x、AM437x、AM335x、AM57x等处理器专用于与外部存储器设备的接口,如:(1)FPGA器件(2)ADC器件(3)SRAM内存......
  • 8.19-暑期博客
    本周,主要进行暑期社会调查内容的思考和基本社会调查报告的编写,下周准备继续完成,准备提交。本周日,主要选一个主题,开始对暑期社会调查报告开始编写。本周一,选好主题,开始完成社会调查报告的编写。本周二,完善社会调查报告副标题的相关的完善。本周三,进行社会调查报告内容的各方面......