imwty

专注大前端Web应用开发实践

0%

Hexo建站部署浅玩记录

本博客记录了笔者搭建本站的完整流程.

安装hexo

先全局安装hexo-cli

1
npm install -g hexo-cli

安装完成后即可使用hexo命令来初始化一个工程,hexo将会在指定文件夹中新建所需要的文件。

1
hexo init <folder>

配置主题

找到心仪的主题,然后将主题代码拷贝的项目都themes目录下

1
git clone https://github.com/zhwangart/hexo-theme-acorn.git themes/acorn

然后在hexo配置文件_config.yml中修改theme的名称

1
2
3
4
5
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: acorn

然后根据主题的相关文档,在主题目录内的_config.yml中进行相关配置

写博客

博客统一用markdown格式的文档,在source/_posts目录下创建.md文件即可书写博客

本地运行

1
hexo server

构建

1
hexo generate

发布

构建后的文件在public目录下,将public目录放到自己的服务器上即可。也可以按照官方推荐方式,将网页部署到github pages

踩坑记录

笔者在搭建部署的过程中遇到在构建后的目录在访问时存在样式缺失,控制台出现报错的情况,查询了半天发现是因为有个js文件有缓存导致,所以如果遇到类似的情况,需要运行下以下命令后再重新构建

1
hexo clean