Hexo博客搭建全面指南+基于NexT的优化


title: Hexo博客搭建全面指南+基于NexT的优化
date: 2021-08-06 09:51:34
tags: Hexo
categories: Hexo
abbrlink: Hexo-Guide

Hexo \text{Hexo} Hexo 是一个优秀的轻量级博客系统,本身可以兼容各种功能

NexT \text{NexT} NexT,则是一个集成有非常多功能、并且兼容性极好

因此本文选择了 Hexo+NexT \text{Hexo+NexT} Hexo+NexT 的搭配

第一部分: Hexo \text{Hexo} Hexo 简介

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。可以进入hexo官网进行详细查看(毕竟官方文档很有用),因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

第二部分: 配置 Hexo \text{Hexo} Hexo

1. 安装 Git \text{Git} Git

Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。

请到官网下载,然后打开 Git Bash \text{Git Bash} Git Bash命令行工具

或者到国内镜像站,找到相应的最新的版本

安装完成后,使用 git version验证版本

2. 安装 Node.JS \text{Node.JS} Node.JS

Hexo基于Node.JS,因此需要安装Node.Js和npm工具。

国内镜像站,找到对应的最新版本

选择 LTS \text{LTS} LTS 版本即可

这样一来,就可以使用Git Bash来代替cmd

3. 安装 Hexo \text{Hexo} Hexo

你需要在Git Bash中使用此命令安装Hexo

npm install -g hexo-cli

然后使用 hexo -v查看版本验证安装

之后初始化Hexo并且创建存储博客本地文件的文件夹

hexo init myblog    //初始化

myblog处是你的博客本地文件夹的名字,写什么都可以
然后执行下面的命令

cd myblog   //进入这个myblog文件夹
npm install

注意这些命令只能一次输入一条。粘贴可在Git Bash窗口右键或者 Shift+Ins

因为自带 Landscape \text{Landscape} Landscape 主题,因此这个时候就可看到你的博客了!

图源http://www.smwenku.com/

hexo generate   //可以缩写成 hexo g
hexo server     //可以缩写成 hexo s

说一个小诀窍:你可以hexo g && hexo s,一步到位

4. 创建 GitHub \text{GitHub} GitHub个人仓库

登录你的GitHub账号,创建一个新的仓库(没有账号的、不会创建的请自行BFS)

仓库名创建为 你的用户名.github.io,不然无法识别

选择Public

5. 生成 SSH \text{SSH} SSH 并添加到 GitHub \text{GitHub} GitHub

git config --global user.name yourname
git config --global user.email youremail

yourname就是你的GitHub用户名,youremail是你的GitHub的注册邮箱。这是Github用来验证账户的。

可以用下面的命令检查输入是否正确

git config user.name
git config user.email

接下来创建SSH,全部点回车就可以了

ssh-keygen -t rsa -C youremail

你会在大概会在C:\Users\Administrator中找到这个文件夹,记事本打开id_rsa.pub

ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
把你的id_rsa.pub里面的信息复制进去。

用下面的代码验证 (无需改动)

ssh -T git@github.com

6. 将 Hexo \text{Hexo} Hexo 部署到

打开站点配置文件 _config.yml,翻到最后,修改YourgithubName为你的GitHub账户

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

安装 deploy-git \text{deploy-git} deploy-git 部署工具以部署到 Github \text{Github}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值