Hexo的安装与Volantis主题的配置

前置组件

安装Git,一路默认即可

Hexo的安装与初始化

此时系统开始菜单中的“最近添加”中已经出现Git Bash,打开Git Bash,输入

1	$ npm install -g hexo-cli

静态网页的构建与生成

在任意位置新建空文件夹,例如 D:/个人主页/hexo/

进入空文件夹,右键,选择 Git Bash Here,输入

1	$ hexo init

自动生成文件,输入

$ hexo g

开始生成网页,输入

$ hexo s

启动服务器,此时默认4000端口,如果出现端口被占用,可以改用下面的命令

1	$ hexo s -p 1234

这表示指定端口为:1234

在浏览器地址栏输入: localhost:1234,即可访问网站.后面的端口号改为你自己的端口号

现在你看到的是Hexo为你生成的默认页面

Volantis的安装

在Git Bash中输入

1	$ git clone https://github.com/volantis-x/hexo-theme-volantis/ themes/volantis

此时hexo目录下的themes文件夹里已经生成了volantis文件夹

文本形式打开hexo目录下的_config.yml文件,拉到最下面,把theme更改成volantis

注意冒号后面必须有一个空格,并且必须保持原来的格式、缩进不变

再次输入

1 2	$ hexo g $ hexo s

在浏览器打开localhost:4000,现在已经变成volantis主页

上传

添加SSH key

参考文章:如何用git上传代码到github详细步骤_zeng092210的博客-CSDN博客_git上传代码

由于我配置好SSH key后仍然要求我登录,因此我不确定是否需要这一步,可以先跳过,如果遇到问题再执行这个步骤

发布文章

在hexo目录下的source/_post/目录下新建 *.md文件,支持以markdown标记语言来书写,以下是范例

---
title: 文章标题
author: 作者
tags:
  - 标签1
  - 标签2
  - 标签3
categories:
  - 分类1
date: 2021-08-22 17:19:00
---
## 这是一个标题
内容
内容
内容
### 这是一个二级标题
内容
![这是图片的alt属性](/image/picture.jpg)
```C++
int add(int a,int b){
    return a + b;
}
```