Hexo搭建博客

Hexo搭建博客

1、hexo简介

Hexo是一个快速、简洁且高效的博客框架,支持Markdown格式,一键部署,有丰富插件和主题。

2、安装

1
$ cnpm install -g hexo

3、初始化

在电脑上一个合适的地方新建名为blog的文件夹(名字可以随便取),比如我的就是C:\projects\githubPages\blog,这个文件夹存放的是你的markdown文件以及hexo自动生成的静态网页文件,最好不要随便放。

1
2
$ cd C:\projects\githubPages\blog
$ hexo init

生成目录结构如下图:

1
$ hexo g # 生成HTML等静态文件

这样就会在你的public文件夹下看到相关静态文件,这些将来都是要提交到github上去的。

1
$ hexo s # 启动预览服务,便于本地查看

在本地浏览器中打开 localhost:4000 即可查看效果,如下图:

当然,默认主题没这么炫酷,下面就讲讲如何修改主题吧。

4、修改主题

我当前用的主题是 hexo-theme-yilia

使用前需要将主题下载到本地:

1
2
$ cd C:\projects\githubPages\blog
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

下载后,主题在themes文件夹下都可以看到:

还需将blog文件夹下 _config.yml 中主题配置修改为 theme: yilia,然后执行 hexo g 重新生成。

5、上传到github

编辑 _config.yml 中deploy部分:

1
2
3
4
deploy:
type: git
repository: git@github.com:wbbeyourself/wbbeyourself.github.io.git
branch: master

然后安装一个部署插件:

1
$ cnpm install hexo-deployer-git --save

安装完了,即可部署:

1
$ hexo d

6、最终效果

作者

beyourself

发布于

2019-03-08

更新于

2024-12-12

许可协议

评论