0%

使用 hexo+github+NexT 主题建立个人博客网站

使用 hexo+github+NexT 主题建立个人博客网站

创建本地博客

环境安装主要是Nodejshexo,Windows下具体可参考安装Node.js安装hexo。Linux下和安装其他软件没有区别。

安装完环境以后,新建一个文件夹作为本地博客的目录,然后在该文件夹下右键打开git-bash或终端,依次输入以下指令

1
2
3
hexo init
hexo g
hexo s

其中hexo g 即为hexo generate别名,同理hexo shexo server别名。

此时可以打开浏览器输入网站localhost:4000查看默认的博客。

部署到Github Pages

首先安装hexo-deployer-git,注意还是在本地博客文件夹下打开的git-bash键入以下命令

1
npm install hexo-deployer-git --save

修改博客文件夹根目录下的网站配置文件_config.yml中的deploy配置,注意冒号后有一个空格

1
2
3
4
deploy:
type: git
repo: git@github.com:xxxx/xxxx.github.io.git #3.2步骤中克隆仓库的SSH地址
branch: master #分支,一般用 master 即可

保存修改后在git-bash或终端中键入

1
hexo d

这里hexo dhexo deploy别名。

使用NexT主题

可选的主题有很多,在这里下载到各种官方主题

本站主题是基于NexT主题 v6.4.2版本,下载链接在这里,后续文章将详细记录对主题如何配置和修改来达到和本站一样的效果。

下载主题的压缩包以后,将其解压到博客根目录下的theme文件夹下,并命名为next

然后在网站的配置文件_config.yml中将theme字段的值修改为next,同样注意冒号后有一个空格,下文不再赘述。

1
theme: next

此时重新生成静态文件,重启服务器

1
2
3
hexo c
hexo g
hexo s

即可在本地端口localhost:4000中查看新主题下的网站

如果对主题没有定制化需求的话,那么此时直接进行部署就可以了。

1
hexo d