从零到一的hexo博客搭建指南

发表于 | 分类于 | 浏览 次

hexo安装所需工具

1.nodejs
2.hexo程序文件

安装nodejs

首先在nodejs官网下载nodejs LTS

然后选择好安装路径一路点击NEXT即可完成安装

安装完成后，在命令行中输入 

1
node -v

如果显示node版本即说明安装成功

安装hexo

首先使用 npm install cnpm --registry=https://registry.npm.taobao.org
安装一个使用淘宝源的cnpm，直接使用nmp命令安装hexo也可以，但是因为国外源在国内的速度感人，所以推荐大家使用cnpm.
cnpm安装成功后，使用cnpm install -g hexo-cli命令安装hexo
过程很快，安装成功后使用hexo -v可以查看hexo版本

初始化博客

首先在命令行进入自己创建的博客路径，接着使用hexo init命令初始化一个hexo
等待一会后安装成功,使用hexo s创建一个本地预览
浏览器打开localhost:4000
即可看到hexo初始博客已经搭建完成

hexo文章

有两种方式可以创建一个hexo文章。
一种是在当前目录下，使用hexo n "文章名"创建
回车运行后hexo会提示在你的/souce/_post/目录下出现了一个新的md文件
文件名为刚才你自定义的文章名称，md文件为markdown文件，hexo支持markdown语法，所以可以使用markdown编写文章。

第二种方式是直接在这个目录下创建一个md文件，效果和上一种相同。
需要注意的是，每次更新文章内容后需要使用以下代码

1
2
hexo clean
hexo g

这样，文章更新才会同步到本地端

通过hexo new page tags和hexo new page categories分别为博客文章添加标签和分类
命令执行后会在/source/文件夹下分别创建tags和categories文件夹以及各自的index.md文件
index.md文件不需要更改，只需在文章头部添加

1
2
3
4
tags:
    - Tag1
    - Tag2
    - Tag3
1
2
3
categories:
         - 分类1
         - 分类2

即可.
博客文章应以

1
2
3
4
5
6
7
---
title: 深入浅出JSONP跨域和CORS跨域资源共享漏洞
date: 2019-8-11 15:50
categories: web安全文章
tags: web安全
toc: true
---

这种形式开头，这样hexo才可以匹配到你的文章的关键信息。

hexo网站基本设置

在网站的根目录下有个_config.yml文件，是hexo的核心配置文件，在该文件的开头可以配置网站的一些基本信息。

这个文件的最后一段用来配置GitHub

1
2
3
4
deploy:
  type: git
  repo: git@github.com:pr1s0n/p1s0n.github.io.git
  branch: master

注意，需要先在GitHub上创建一个项目，名称必须为你的GitHub名.github.io
使用cnpm install hexo-deployer-git --save安装hexo的git插件
最后命令行中执行hexo d即可将博客部署到GitHub，即可通过链接可访问你的hexo博客

博客主题

更换主题也很简单，在GitHub上下载自己喜欢的主题，比如next
可以直接在命令行中使用 git clone https://github.com/iissnan/hexo-theme-next.git themes/next将这个主题下载到themes/next文件夹下
然后更改根目录_config.yml文件中的theme: next即可替换主题