windows使用hexo搭建个人博客并部署到github

初始化你的博客

windows下打开命令行,
1.安装脚手架工具,这条命令的作用是可以让你在全局使用hexo命令

1
npm install hexo-cli -g

2.然后

1
2
3
hexo init 初始化
hexo g g是generator的缩写 生成静态文件
hexo s s是serve的缩写 当然你也可以写全称的

成功以后你就可以在localhost:4000看到你个人博客的界面啦!

安装主题

初始化的状态肯定没法看,这就需要用到主题。
我这里介绍next主题的安装和配置。
1.找到你博客下的themes文件夹 命令行移动到这个路径下
输入

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

正确路径themes/next
3.到此你就安装好了next主题,我们还需要配置好它。先把hext-theme-next文件夹名改为next
4.找到目录的_config.yml文件,这是hexo博客的主配置文件,找到theme项改成

1
theme: next

记住所有配置文件冒号后要跟一个空格才会生效

部署到gitpages

1.再次找到_config.yml文件,这次是最下面的deploy项。

1
2
3
type: git
repo: 这里是你git项目的地址 如我的是 https://github.com/yaobaozai/zfxcoder.git
branch: master

2.安装部署用的插件

1
npm install hexo-deployer-git --save

3.如果你现在运行

1
hexo d    d是deploy的缩写

你肯定在对应的page路径看不到效果
4.你还需要在github上新建个项目,进入到对应项目settings里的github pages,source设置为master branch
5.回到_config.yml配置文件,找到url,把url改成你gitpages的路径(注意这和github的项目路径是两个路径)
root项也需要改一下。比如我的是这样的:

1
2
url: https://yaobaozai.github.io/zfxcoder/
root: /zfxcoder

6.site里的language可以写 zh-Hans

1
language: zh-Hans

这样你博客的语言就成了简体中文
7.最后再

1
hexo clean

清理下前面的静态文件 再启动

1
2
3
hexo g 
hexo s
hexo d

接着你就可以在gitpages的路径访问你的博客啦~