部署hexo需要用到的东西:

  1. 部署hexo可以没有服务器可以没有域名,但只需要你有一台电脑.
  2. 需要一个GitHub的账号没有的话可以“点击此处注册一个”
  3. git软件:下载地址
  4. node.js软件:下载地址
  5. vs coed软件:下载地址
  6. 搭建完成之后写文章的typora(当然你也可以用vscode):下载地址

以上网站均为国外网站如果打不开的话建议先更改一下dns,或者找第三方下载站,其中vscode安装一个插件就可以变成简体中文.

配置环境:

注:这里默认已经把上面的软件全部安装完毕了!

  1. 首先是npm(node.js),设置下载的镜像服务器是淘宝镜像,大陆网络都懂.用cmd或者PowerShell属于一下命令.
1
npm config set registry https://registry.npm.taobao.org

测试是否成功:

1
npm config get registry

如果返回:2021-5-8-hexo01

是成功.

  1. vscode改中文这篇文档:https://www.php.cn/tool/vscode/464167.html 也顺便再安装一个叫yml的插件方便改配置文件的时候不容易报错.

hexo框架部署:

首先你可以选择本机的任意一个地方进行部署,但我推荐找一个磁盘的根目录创建专门对hexo的文件夹方便管理.

例如:C\hexo

我再C盘下的根目录创建了一个叫hexo进去到文件夹右键,git bash here

2021-5-8-hexo02

输入:

1
npm install hexo-cli -g

然后:

1
hexo init

此时你博客文件夹下就会多出很多文件,如果没有多试几次,因为要从GitHub上下载.

此时在输入:

1
hexo g && hexo s

然后Windows防火墙会弹出警告:2021-5-8-hexo03

允许之后打开浏览器输入:http://localhost:4000

将会有hello word的文章.

回到原来的窗口,ctrl+c断开.

配置网站:

使用vs code打开目录下的_config.yml文件.

1
2
3
4
5
6
7
title: 某科学的贝壳       #网站标题
subtitle: '' #网站副标题
description: '' #网站表述
keywords: #网站关键字
author: shell #网站主人
language: zh-CN #网站使用的语言
timezone: 'Asia/Shanghai' #网站时间

其他的暂时不要动了,网站时间如果是大陆朋友就不要动了哦~

关于主题?:

主题这里博主使用的是jerryc127大佬的Butterfly当然也可以前往https://hexo.io/themes/或者去[GitHub](GitHub.com)找找吧.

部署到GitHub

创建GitHub仓库

登录你的GitHub-来创建一个仓库:

image-20210520092450492

image-20210520094408081

然后点击create a license.image-20210520095725211

配置git用于连接GitHub

右键博客目录,选择Git Bash Here,安装git部署器.

1
npm install hexo-deployer-git --save

继续输入:

1
2
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

再博客目录下用vs code打开_config.yml,最底下会有一个Deployment或者叫deploy

1
2
3
4
deploy:
type: 'git'
repository: #你的GitHub的仓库地址(上图的2号)
branch: main #分支(看看三号是不是和这个一样不一样就改)

现在可以推送到GitHub,在Git Bash Here,输入:

1
hexo g && hexo d

image-20210520100443142image-20210520100528999

显示:INFO Deploy done: git,代表成功了,现在访问用户名.GitHub.io就可以了(如果没有等一等).

自定义域名:

这一步需要域名哦,没有的话推荐腾讯云注册一个.

  1. 在博客目录下找到source文件夹,新建一个文本文件,填写完你的域名之后保存,名字改成CNAME去掉.txt哦
  2. 在你购买的域名服务商,添加CNAME解析记录记录值就是你用户名.GitHub.io.

hexo常用命令:

1
hexo n "第一篇博文"  

新建一篇文章,文章名称和标题分别为 第一篇博文.md 和 第一篇博文.
此时会在站点根目录下的—->source—–>_post文件夹下生成 第一篇博文.md文件, 第一篇博文.
md文件的顶部(—–分割线上方区域,也称作Front matter区)

1
2
3
4
hexo g              #生成HTML静态网页生成文件在给目录下的 public            g是generate
hexo s #在本地启动hexo s是sever
hexo d #将本地数据部署到远端服务器(如GitHub)
hexo clean #清除缓存 ,网页正常情况下可以忽略此条命令,执行该指令后,会删掉站点根目录下的public文件夹.

总结:

hexo搭建并不困难,唯一麻烦的地方就是推送到GitHub或者服务器,但其实本质就是把根目录下的public下的文件推送上去,当然服务器需要安装hexo进行解释.

写作方面就是需要了解一下MakrDown的基本使用就可以了.

改主题和背景,一定要详细看每个主题的官方文档,基本上就可以大差不差,如果要添加其他的花里胡哨的东西看点前端三剑客(html,css,js)基本上就可以了

以上说的仅为个人观点,欢迎大家来进行交流.