个人博客搭建第一步：基础配置github+hexo+next

系统环境

window10 专业版

一、准备安装

提前声明：本文所有内容参考了hexo官方文档，next主题官方文档以及网上众多大佬的教程，并由自己亲自尝试成功后记录下来。

注册一个github账号

注册完成后鼠标点击右上角的头像图标，然后在弹出的菜单里选择Your repositories，然后点击绿色按钮 new，在repository name那里填入仓库名字，比如：codewaster.github.io，这个名字就会作为以后访问博客的网址（一般来说在github上搭建的博客都用github.io来作为后缀），然后点击绿色按钮 Create repository 就创建完成了

点击自己的仓库，然后点仓库名下面那一行的 Settings，然后往下翻找到 GitHub Pages，点击 Choose a theme，然后点击右边的绿色按钮 Select theme，这是github网站的默认主题，如果不设置主题的话会造成无法访问。

然后就可以进行下一步了。

安装git

官网地址：https://git-scm.com/downloads
下载windows版

安装node.js

官网地址：https://nodejs.org/zh-cn/
下载长期支持版

两个程序下载完成后都是全部下一步安装完成即可

安装网站程序

官方文档：https://hexo.io/zh-cn/docs/setup

自己创建一个放博客主程序的目录，然后进入该目录右键打开git bash，然后输入

npm install -g hexo-cli

安装过程中会显示几个WARN，忽略即可

然后输入

npm install hexo --save

等待安装完成后输入

hexo -v

验证是否安装成功，安装成功的话会显示什么什么version什么，只要看到这个单词就是安装成功了

创建个人网站

安装完成后要创建网站

自选一个目录下新建一个空文件夹，自定义文件名，然后进入该文件夹按住shift然后鼠标右键点击空白处打开power shell （用git bash会莫名其妙卡住，原因不明），输入命令

hexo init

创建一个站点

创建完成后继续输入命令

npm install

安装必备的组件

这样本地的网站配置就完成了，输入

hexo s

来打开本地服务器，等待窗口最后一行显示

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

的时候

在浏览器地址栏中输入http://localhost:4000/打开就能预览到网站的运行效果了

恭喜您的第一个网站部署完成

按ctrl+c关闭本地服务器

输入命令

hexo g

生成静态页面，然后将站点目录下的public文件夹内的文件全部上传到github仓库即可

二、配置博客主题next

说明：存放站点文件的目录叫做站点目录，站点目录下有一个_config.yml叫站点配置文件

站点目录下的themes是主题文件夹，主题文件夹内的next目录就是主题目录，主题目录下还有一个_config,yml叫主题配置文件

此文后续教程将直接使用中文名称，请读者注意

修改站点作者，标题，语言

打开 站点配置文件 ，找到关键字site，分别修改各个字段的值，比如

# Site
title: CODEWASTER'S BLOG
description: 永远期待美好的事情即将发生
author: codewaster
language: zh-Hans

注意冒号后面要有一个空格，各个字段的含义为

title   	网站标题
subtitle	网站副标题
description	网站描述，主要用于SEO，告诉搜索引擎一个关于您站点的简单描述，通常建议在其中包含您网站的关键词。
author  	您的名字，此参数用于主题显示文章的作者。
language	网站使用的语言
timezone	网站时区。Hexo默认使用您电脑的时区。

安装并启用next主题

打开个人站点目录，右键打开git bash输入

git clone https://github.com/iissnan/hexo-theme-next themes/next

下载主题到站点内，然后打开站点配置文件，找到关键字 theme，将 landscape 改为 next ，保存。

然后可以通过命令 hexo s 预览一下效果

至此主题安装完成。

本笔记参考了网上各路大佬的教程以及官方的说明文档，在此再次对大佬们表示感谢！