Hexo基础环境搭建

发表于 更新于 分类于 阅读次数：
利用Hexo在githuab搭建博客系统

利用Github Pages&Hexo 搭建博客系统

Github Pages设置

  • 在Github中创建一个新的Repository，命名为 <username>.github.io,<username>为Github的用户名
  • 使用git链接到对应Repository，新建一个分支用于存放静态文件

    注意当前仓库使用的分支是否正确，下文中使用的hexo d命令会自动推送到master分支，可手动切换master为默认分支

npm环境设置

  • 当前在Archlinux下搭建npm环境 
    1
    2
    3
    4
    5
    6
    #配置npm淘宝源
    npm config set registry https://registry.npmmirror.com/
    #更新package
    npm update
    #安装hexo-cli
    npm install -g hexo-cli

Hexo环境设置

  • 完成Hexo安装后，在主机新建Hexo博客项目 
    1
    2
    3
    4
    5
    6
    7
    8
    #新建目录
    mkdir -p ./hexo
    #切换到hexo目录
    cd ./hexo
    #初始化该目录
    hexo init ./
    #安装package.json下的依赖包
    npm install
  • 配置Hexo博客的基本信息，修改hexo目录下的_config.yml文件，按需配置
  • 生成静态页面 
    1
    hexo generate
  • 生成完成后，使用命令启动本地服务 
    1
    hexo server
  • 服务启动后，通过 http://localhost:4000 即可预览博客页面

Hexo站点配置

  • 按照hexo的配置文档，填写好#site配置块下的站点信息
    1
    2
    3
    4
    5
    6
    7
    8
    # Site
    title:                    #站点名称
    subtitle：''              #副标题
    description: ''           #介绍
    keywords:                 #关键字
    anthor:                   #站点作者 
    language:  Zh-CN          #站点语言
    timezone: 'Asia/Shanghai' #时区
  • 再修改# Deployment配置块的deploy参数
    1
    2
    3
    4
    deploy:
    	type: 'git'
    	repository： git@github.com:<username>/<username>.github.io.git
    	branch: master #分支名由你的github仓库默认分支决定

Hexo发布服务

  • 安装hexo-deployer-git插件 
    1
    npm i hexo-deployer-git --save
  • 模块安装完成之后需要修改
  • 利用Hexo d直接上传到github
  • 打开<username>.github.io即可