博客搭建

2020-12-17

博客搭建

框架hexo

1	https://hexo.io/zh-cn/

hexo主题选择

1	https://hexo.io/themes/

当前主题

1	https://github.com/ZEROKISEKI/hexo-theme-gal

安装

1
2
3

git clone https://github.com/ZEROKISEKI/hexo-theme-gal.git themes/gal --depth 1
cnpm install hexo-renderer-scss --save
cnpm install hexo-generator-json-content --save

修改hexo 根目录下 _config.yml 文件

1	theme: gal

接着在hexo站点目录的_config.yml下进行配置:

jsonContent:
  dateFormat: MM-DD
  pages:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    preview: true
  posts:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    tags: [{
      name: tag.name,
      slug: tag.slug,
      permalink: tag.permalink
    }]
    preview: true

接着, 进行下面的步骤:

hexo new page "search"              // 搜索功能的必须步骤
hexo new page "404"                 // 开启404页面

至于tags和categories页面的设置, 百度或google就有对应的方法了, 这里就不多说了

对了, hexo站点目录的_config.yml的title, description, author和url要自己正确配置

生成静态文件

1	hexo generate

本地预览

1	hexo server

图片正确路径显示问题

1	npm install https://github.com/CodeFalling/hexo-asset-image --save

部署

将public下的整个文件夹直接上传到gayhub