简介

一个优秀的个人博客网站,是自我展示的另外一种方式,我认为不论是谁都有必要搭建自己的个人博客,下面来简单讲讲我的博客搭建之路

此文章默认你已掌握nodejs,git,markdown相关知识 若无了解,请移步本站相关文章区域


在最初,我一直在考虑是自己写程序还是使用博客框架,思考到最后我认为,对于一个即将实习的大三学生来说,使用框架是一个不错的选择(不排除以后会全部干掉自主开发)

我所使用的是 hexo框架,一个简单高效的框架能使我迈出的第一步不那么困难

首先在本地创建一个用于存放工程的目录

下载hexo框架

先全局安装hexo
npm install hexo-cli -g

随后初始化项目
hexo init
npm install


这就是我们的工程了,
themes 文件夹用于存放下载的主题
source 文件夹用于存放我们资源的地方,包括写的一些文章等等
scaffolds 当我们新建一篇文章时,hexo会根据这个目录下的文件进行构建,基本不用操心这里
_config.yml 这个文件是hexo的配置文件,博客相关最核心的东西都在这里配置,非常重要

这时,就可以运行起来了

使用 hexo g命令 会生成public文件夹,这就是hexo运行起来后渲染的东西,当你做了修改后必须使用这个命令来重新生成文件

随后使用 hexo s命令 运行,此时我们的博客就搭建好了

配置一些我们的个人信息,网站标题等等

打开_config.yml文件 在最顶上会有这些东西

title 对应网站标题
subtitle 对应着网页顶部的副标题
author 是作者名称
language 是网站使用的语言使用 zh-CN即可
timezone 是时区设置

文章编写

文章存放在 根目录/source/_posts 下,默认会有一篇hello-world文章,我们可以修改一下它。

随后输入 hexo g & hexo s 编译并运行,我们的第一篇文章就出来了,是不是很简单呢

部署至github

目前为止,项目只能在本地运行,可就是说只有自己可以看到,对于个人博客网站来说,然所有人都可以访问是必须的,不然就它的意义就不存在了。通常来说项目一般是运行在服务器上面,但是使用云服务器部署有一定门槛,我们可以选择部署在github上

首先在github上创建仓库,其仓库名必须是 用户名.github.io (非常重要)
创建之后复制https地址至根目录下_config.yml文件 如下图

首先使用 hexo g 命令生成渲染界面确保当前资源是最新的

然后安装 hexo-deployer-git 插件
npm install hexo-deployer-git --save

接着就可以使用 hexo d 即可推送至GitHub仓库了

至此,我们的项目就部署好了 通过 https://用户名.github.io 即可成功访问

完结

目前为止,这个网站使用的是默认的主题,看起来low的一批,大家可以根据个人喜好个性化定制自己的主题,这条漫漫长路就需要大家自己去摸索,毕竟每个人的需求都不同,报的错可能也不同,将网站完成改造成自己喜欢的样子可能需要一个月几个月甚至更久