HEXO+ICARUS主题配置安装经验分享

本文详述了如何安装Git和Node.js,搭建HEXO博客,并选用ICARUS主题进行配置和美化。包括创建GitHub仓库,设置SSH key,部署到GitHub,以及绑定自定义域名等步骤。同时,文章还介绍了主题参数调整、文章格式和常见问题的解决方法。
摘要由CSDN通过智能技术生成

1前言


曾经折腾过Hexo+Next主题,但是很长时间都没有文章产出,因为习惯了使用印象笔记记录东西,现在想着换个主题,重新开始。

效果展示:一粒米的博客~

2安装Git和Node.JS


2.1下载Git和Node.js

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

Node.js:https://nodejs.org/zh-cn/download/

安装全部默认设置,一路Next即可。

3安装Hexo


3.1下载Hexo

创建好一个文件夹(不要在桌面),右键点击Git Bash Here,输入以下命令

npm install -g hexo-cli

这个过程没有提示反馈,等待即可,大约1-2分钟即可,如果太久没有反应,【Ctrl+C】停止下载,可以将npm的源更改为淘宝镜像,输入以下命令,再尝试下载Hexo

npm config set registry "https://registry.npm.taobao.org/"
npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

下载完成后初始化Hexo

hexo init

完成后在初始化的路径下会有如下文件夹,后面标注对应作用
在这里插入图片描述

3.2运行Hexo

使用以下命令生成博客并启动本地浏览

hexo g
hexo s

打开 http://localhost:4000 浏览,注意复制链接时不要使用【Ctrl+C】,因为这会停止本地浏览服务

3.3配置Hexo

打开_config.yml,一般需要配置以下参数

# Site
title:           #网站标题
author:          #作者
language:        #语言(英语en,中文zh-CN)

url:             #网站url(域名)
permalink:       #文章链接(例article/:urlname.html)

# Extensions
theme:     #主题

# Deployment
deploy:
  type: 
  repo:        #仓库SSH地址
  branch: 

permalink设置尽量短一些不含中文,并且可以设置一个urlname参数加html后缀,方便以后在文章头部设置该属性,实现自定义文章的url

3.4下载主题

这里使用的icarus主题
https://github.com/ppoffice/hexo-theme-icarus
根据说明页,使用命令下载

git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

或直接下载ZIP包
在这里插入图片描述
将下载的文件解压,复制到/theme/中,主题文件夹过长可以重命名为icarus,然后修改Hexo配置文件_config.yml中的themes参数

theme: icarus    #主题

重新使用命令即可本地预览效果

hexo g
hexo s

其他主题可以在GitHub上搜索hexo-theme
https://github.com/search?q=hexo-theme

4配置GitHub


4.1创建仓库

登录GitHub账号后,打开 https://github.com/new页面创建仓库,参数默认即可,`注意仓库名称一定要符合 用户名.github.io 的格式
在这里插入图片描述

4.2创建SSH key

输入命令(注意有引号),敲三下回车即可

ssh-keygen -t rsa -C "邮箱地址"

之后在电脑用户目录如 C:\Users\Millet\.ssh下生成了id_rsaid_rsa.pub两个文件
id_rsa.pub文件中的内容复制,打开GitHub个人设置 SSH and GPG keys,点击New SSH key,粘贴到Key里面,标题随便取

输入命令,绑定GitHub账户

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值