hexo+github+next搭建博客网站

我的博客网站的搭建

1. 配置好Node和git的环境

2. 安装hexo

• npm i hexo -g

• 安装成功后输入hexo -v 检查是否安装成功

• 新建博客项目文件夹(文件夹下不能有内容)，在该文件夹下输入hexo init初始化

3.安装hexo-server

因为如今hexo 和 hexo-server 分离开了，若是想本地起服务的话须要安装hexo-server

• npm i hexo-server -S

• 接着输入hexo g生成静态文件

• hexo s开启服务器，正式体验Hexo

访问localhost:4000出现上图所示表明成功了，若是页面一直没法跳转，那么可能端口被占用了。

• 输入hexo server -p 端口号来改变端口号

4. 将hexo与github联系起来

• 首先在github上新建一个仓库

• 命名规则为{name}.github.io

• 配置hexo目录下的_config.yml文件，修改deploy值(在末尾)

deploy:
type: git
repo: git@github.com:YaleWan/blog.git #你的GitHub Pages的仓库地址
branch: master
复制代码

5. 发表一篇文章

• 新建一篇博客文章

  在hexo文件目录下打开cmd，输入hexo new post '文章名'

  或者直接将写好的md文章放到hexo目录下的source中的_posts下面

• 在部署以前，安装一个扩展npm i hexo-deployer-git --save

• 最终经过hexo d -g实现部署。

• 部署成功后访问地址:`http://GitHub的访问地址

  注意：若是出现了以下图所示状况

  那须要在blog>_config.yml中配置一下url和root

5. 添加next主题

固然，hexo自带的主题并非很好看，本文以next主题为例来修改hexo的默认主题

next的官方文档

• 在hexo站点目录下打开cmd窗口

  git clone https://github.com/iissnan/hexo-theme-next themes/next
  复制代码

• 下载完成后打开站点配置文件_config.yml将theme修改为next便可

总结

写博客是一种高效的学习方式，能将本身学到的知识记录下来，避免遗忘的同时更一步增长本身的理解。