Hexo的配置和使用以及主题的选择

软件安装

软件需要Git,Node.js,Yarn(可选)

Git

到Git官网下载安装即可

安装完成后在命令行输入

git -v

查看是否安装成功

Node.js

到Node.js官网下载安装即可

安装完成后在命令行输入

node -v
npm -v

查看是否安装成功

Yarn

安装完Node.js后,在命令行输入

npm install -g yarn

安装

安装完成后在命令行输入

yarn -v

查看是否安装成功

安装完后需添加环境变量,在命令行内输入

yarn global bin

复制输出目录,并添加到Path

Hexo配置

Hexo安装

在命令行中输入

yarn global add hexo-cli

安装Hexo

安装完后选择一个目录,输入

hexo init NAME

此处的NAME替换为你想要的博客目录名

然后在命令行中输入

cd NAME

此处NAME同上,然后输入

yarn install

Hexo运行

在命令行中输入

hexo g
hexo s

成功运行后可在http://localhost:4000/访问

其他配置

配置文件

在博客文件夹中有一个名为_config.yml的文件,打开
主要修改的有:

• title,修改为你想要的网站名称
• author,修改为你的昵称
• language,修改为zh-CN
• url,修改为你的网站链接,后面有介绍

插件

hexo-abbrlink

可以生成简洁的唯一永久文章链接

在命令行中输入

yarn add hexo-abbrlink

然后在_config.yml中修改permalink: :year/:month/:day/:title/为

permalink: posts/:abbrlink.html  # 此处可以自己设置，也可以直接使用 :/abbrlink
abbrlink:
    alg: crc32   #算法： crc16(default) and crc32
    rep: hex     #进制： dec(default) and hex

hexo-asset-image

可以使文章访问图片更加方便

Markdown插入图片的方式是![](image.jpg),但Hexo不支持这种方式,此插件可以使其支持这种方式

在命令行中输入

yarn add hexo-asset-image

然后在_config.yml中修改post_asset_folder: false为true

Hexo使用

Github配置

在Github登录或注册账号

创建一个名为username.github.io的仓库,此处username为你的用户名,全小写

生成SSH

在命令行中输入

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

此处yourname和youremail是你的Github用户名和注册邮箱

然后在命令行中输入

ssh-keygen -t rsa -C "youremail"

此处youremail同上

他会告诉你SSH key的生成目录,找到这个目录,复制其中id_rsa.pub里的内容

打开Github的设置页面,点击New SSH key,输入你刚复制的内容,完成

Hexo设置

在博客文件夹中打开命令行,输入

yarn add hexo-deployer-git

在_config.yml的文件中,翻到最后

可以看到

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

修改为

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://github.com/你的用户名/你的用户名小写.github.io.git
  branch: master

然后在命令行中输入

hexo clean
hexo generate
hexo deploy

即可运行

可在你的用户名小写.github.io中访问

Hexo写作

在命令行中输入

hexo new post NAME

此处NAME为你想要的文章名

主题

主题的安装

找到你喜欢的主题的Github链接,在其README.md中有介绍如何安装

主题推荐

• NexT
• Fluid