Hexo博客建站一〈基础搭建〉

image

搭建个人博客前面提到了有很多种，我采用的是 Hexo 静态博客，Next 主题。
在这里 Hexo Next 就不做详细介绍了，官网地址戳这里 Hexo Next
官方网站对安装与配置进行了详细的介绍，包括站点配置主题配置，
后面我针对需要的部分进行配置与说明。
下面是我搭建的详细过程。

准备工作

1. 电脑以及拥有可用的系统，可上网，Windows、Linux、Mac Os 都可以

2. Git客户端安装
   Git 客户端下载
   

   image
   
   点击安装，安装完成如下图
   
   image

3. Node.js安装

Node 下载

image

点击安装，安装完成如下图

image

4. 远程代码仓库 Github、Coding都行，这里我选择Github

image

这里需注意仓库名必须是 username.github.io

5. 可解析域名准备一个，暂时没有的可不用，我自己买了一个国际域名 corkercode.com

image

开始安装

hexo安装

官网上已经有详细的安装说明了，这里记录下关键必须的步骤。
当以上所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo，以下所有步骤都在自己建的目录下进行。

npm install hexo --save

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

hexo init
npm install

新建完成后，指定文件夹的目录如下：

image

这个时候你运行以下命令就可以看到博客框架已搭建起来了访问 博客主页。

hexo g
hexo s

image

next安装

可以看到上面博客主题不是自己喜欢的样子，别着急，github上给我提供了很多主题样式，地址在这里，自己选择，配置大同小异，我选用next。
在终端窗口下，定位到 Hexo 站点目录下。使用 Git checkout 代码：

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

这时在本地终端上Ctrl+c，结束正在运行的进程，并修改站点配置文件主题为next
重新执行上面的命令，可以看到成功的切换到了我们喜欢的主题了。

image

但是和别人的主题比起来还是有一些逊色，不着急，这些都是可以一步一步的配置的，不过我这里注重原创内容创造，对内容上面的配置会更加注重，后面我也会尽量添加一些样式的配置，大家可参考参考。