L
L

Github+Hexo+Domain静态博客

还是在Github上弄了一个静态网站,把流程贴在这里备份。

  1. Github设置
  • 建一个Repository, 命名格式 yourname.github.io. Yourname是Github里的用户名
  • SSH密匙,用Mac版的Github客户端自动搞定,也可手动生成
  1. Mac端环境设置
  • 安装Git
    • 从Homebrew里装 brew install git
  • 安装Node.JS
    • 官方网站下载安装 官方网站
    • 或Homebrew brew install node
  • 安装Hexo
    • 从Homebrew里装 npm install hexo --save
    • 部分插件
      • sitemap npm install hexo-generator-sitemap --save
      • xml npm install hexo-generator-feed --save
  1. 本地Blog设置
  • 建一个文件夹Blog
  • 在这个文件夹下执行
  • 修改Hexo配置文件config.yml,注意以下几部分

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    Plugins:
    - hexo-generator-sitemap

    sitemap:
    path: sitemap.xml

    url: http://www.ivivan.com/
    root: /

    deploy:
    type: git
    repository: git@github.com:username/username.github.io.git
  • 主题设置

    • 用的这个主题 fexo
    • 主题设置见文档
  1. 自定义域名
  • Github设置

    • 在Blog文件夹source文件夹下建CNAME文件
    • 在Blog文件夹source文件夹下建robots.txt文件

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
          User-agent: *
      Disallow:
      Sitemap: http://www.ivivan.com/sitemap.xml
      ```

      + DNS设置
      + A记录指向username.github.io页面的IP地址
      + CNAME记录www指向username.github.io
      + DNS可选不同服务商,目前用DNSPOD国际版
      5. 发布Blog

      + Git 存用户名和密码

    git config –global user.name “你的名字”
    git config –global user.email “你的邮箱”
    `

  • Hexo部署页面
    • hexo g -d

虽然一直略认为前端没什么技术含量,可有些人做的主题是真好看~