PancrasL的博客

搭建Hexo博客

2020-03-21

image-20210519151838056

下载

安装

  • 安装 node.js

  • 安装 git

  • 创建并进入到 blog 文件夹,执行:

    1
    2
    3
    $ cd blog
    $ npm install -g hexo-cli
    $ hexo init
  • 添加本地图片

    • 修改 _config.ymlpost_asset_folder 属性为true

    • # 下载hexo-asset-image插件
      $ npm install https://github.com/CodeFalling/hexo-asset-image --save
      
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
        



      # 部署

      + 生成博客静态界面
      ```bash
      $ hexo g
      $ hexo s
  • 部署到gitee pages

    • 创建gitee仓库
    • 进入仓库,选择 服务 –> gitee pages
    • 配置ssh密钥
    • 修改配置文件
      1
      2
      3
      4
      5
      6
      7
      8
      # 修改blog目录下的_config.yml,添加如下内容
      deploy:
      type: git
      repository: git@github.com:PancrasL/PancrasL.gitee.io.git
      branch: master

      # 安装插件
      $ npm install hexo-deployer-git --save
  • Next主题

    1
    2
    #For Hexo 5.0 or later
    $ npm install hexo-theme-next
  • 修改Next主题字体大小
1
2
3
4
// next\source\css\_variables\base.styl
// 将1em修改为0.95em
$font-size-base = (hexo-config('font.enable') and hexo-config('font.global.size') is a 'unit') ? unit(hexo-config('font.global.size'), em) : 0.95em;

常用命令

  • 新建页面
1
$ hexo new [layout] <title>
  • 发布草稿
1
$ hexo publish <title>
  • 重新生成服务
1
$ hexo d
  • 在本地启动博客系统
1
$ hexo s