搭建个人博客前面提到了有很多种,我采用的是 Hexo 静态博客,Next 主题。
在这里 Hexo Next 就不做详细介绍了,官网地址戳这里 Hexo Next
官方网站对安装与配置进行了详细的介绍,包括站点配置主题配置,
后面我针对需要的部分进行配置与说明。
下面是我搭建的详细过程。
准备工作
电脑以及拥有可用的系统,可上网,Windows、Linux、Mac Os 都可以
-
Git客户端安装
Git 客户端下载
点击安装,安装完成如下图
Node.js安装
点击安装,安装完成如下图
- 远程代码仓库 Github、Coding都行,这里我选择Github
这里需注意仓库名必须是 username.github.io
- 可解析域名准备一个,暂时没有的可不用,我自己买了一个国际域名 corkercode.com
开始安装
hexo安装
官网上已经有详细的安装说明了,这里记录下关键必须的步骤。
当以上所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo,以下所有步骤都在自己建的目录下进行。
npm install hexo --save
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
hexo init
npm install
新建完成后,指定文件夹的目录如下:
这个时候你运行以下命令就可以看到博客框架已搭建起来了访问 博客主页。
hexo g
hexo s
next安装
可以看到上面博客主题不是自己喜欢的样子,别着急,github上给我提供了很多主题样式,地址在这里,自己选择,配置大同小异,我选用next。
在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:
git clone https://github.com/iissnan/hexo-theme-next themes/next
这时在本地终端上Ctrl+c,结束正在运行的进程,并修改站点配置文件主题为next
重新执行上面的命令,可以看到成功的切换到了我们喜欢的主题了。
但是和别人的主题比起来还是有一些逊色,不着急,这些都是可以一步一步的配置的,不过我这里注重原创内容创造,对内容上面的配置会更加注重,后面我也会尽量添加一些样式的配置,大家可参考参考。