1前言
曾经折腾过Hexo+Next主题,但是很长时间都没有文章产出,因为习惯了使用印象笔记记录东西,现在想着换个主题,重新开始。
效果展示:一粒米的博客~
2安装Git和Node.JS
2.1下载Git和Node.js
安装全部默认设置,一路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_rsa和id_rsa.pub两个文件
将id_rsa.pub文件中的内容复制,打开GitHub个人设置 SSH and GPG keys,点击New SSH key,粘贴到Key里面,标题随便取
输入命令,绑定GitHub账户