hexo+github 搭建个人博客 简明教程

1
开始hexo之旅

准备

下载安装Git
下载地址

下载安装node.js
下载地址

安装hexo

1、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash

2、输入命令:

1
$ npm install -g hexo

升级

更新hexo到最新版

1
npm update hexo -g

初始化

  • 创建文件夹
    (我的是在E盘创建的Hexo)

  • 初始化
    在Hexo文件下,右键运行Git Bash,输入命令:

    1
    $ hexo init
  • 下载主题
    我们在官方网站提供的主题市场中挑选一个喜欢的主题,
    以 Hacker 主题为例 然后在hexo\themes文件夹下 Git Bash 输入命令:

    1
    git clone https://github.com/CodeDaraW/Hacker
  • 更换主题
    找到hexo_config.yml, 进行一些常用的基础配置
    此处修改 theme: Hacker (主题名称对应themes文件夹下的文件夹名称)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # Site
    title: Hexo #博客名称
    subtitle: #短标题
    description: #描述
    author: John Doe #作者
    language: #语言
    timezone: #时区
    ..
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    Themes: Hacker
  • 本地效果预览
    在浏览器访问之前:http://localhost:4000
    输入 如下命令:这里有更多hexo常用命令

    1
    2
    hexo g
    hexo s
  • 开始创造

    在Hexo\source_posts文件下,新建.md文件即可

部署到Github上

  • 申请Github账号,(注意别忘了进行账号邮箱验证)

  • new repository
    格式: 用户名.github.io
    以我的github账号为例 sunxyz.github.io

  • 在_config.yml进行配置

    deploy:

    type: git
    repo: https://github.com/sunxyz/sunxyz.github.io
    
  • 安装hexo-deployer-git自动部署发布工具

    1
    npm install hexo-deployer-git  --save
  • 发布到Github
    输入如下命令:

    1
    hexo clean && hexo g && hexo d

自定义域名

  • 购买域名
    在万网购买一个域名即可

  • 添加域名解析
    以万网为例 添加一个记录类型为CNAME类型的的解析记录 主机记录填写www记录值填YOUR-GITHUB-USERNAME.github.io。(以本网站为例 sunxyz.github.io)一般情况下等待10分钟之后即可访问了,我们可以继续往下进行

  • 创建CNAME文件
    在github仓库中创建一个CNAME文件里面写上刚才购买的域名即可 以我的网站为例

    www.sunxyz.cn

更多