搭建个人博客
9unk Lv5

准备工作

  1. 购买域名
  2. 创建 github 帐号
  3. 安装 git
  4. 安装 node

检测环境

  1. 在任意磁盘新建 My_Blog 文件夹(不建议放在 c 盘)

  2. 在 My_Blog 下,打开 git bash

hexo-1.jpg

  1. 检测 npm 环境配置
1
$ npm -v

npm-1.png

安装 Hexo

  1. 安装 hexo
1
$ npm install -g hexo

hexo-2.png

  1. 初始化 hexo
1
$ hexo init

hexo-3.png

  1. 安装项目依赖的模块
    1
    $ npm install

hexo-4.png

  1. 开启 hexo服务
    1
    $ hexo server

hexo-5.png

  1. 清空静态界面(重新开一个git bash)

    1
    $ hexo clean

    hexo-6.png

  2. 生成静态界面

    1
    $ hexo generate

    hexo-7.png

  3. 重新部署

    1
    $ hexo deploy

    hexo-8.png

  4. 测试网址

hexo-9.png

创建、配置 github 项目

  1. 新建仓库

github-1.png

  1. 配置 仓库名、仓库描述、readme 文件

github-2.png

  1. 修改 _config.yml 文件

hexo-10.png

  1. 测试本地的 hexo 与 github 是否关联成功:
    1
    $ hexo d
    hexo-11.png

hexo-14.png

  1. 测试网址:https://hhkk2334.github.io(项目名称)

hexo-13.png

  1. 创建文件

github-3.png

  1. 文件名为 CNAME,内容为购买的 DNS 地址

github-4.png

  1. 配置项目

github-5.png

  1. 配置 DNS ,开启 https

github-6.png

配置域名

  1. 管理 DNS

dns-1.png

  1. ping 项目名称,解析 github 服务器 ip 地址

dns-2.png

  1. 修改 dns 正向 和 反向解析

dns-3.png

  1. 设置如下:对应 github 服务器 IP 地址和 github 项目名称

dns-4.png

  1. 输入 dns,测试网址是否搭建成功

github-7.png

更换 hexo 主题

这里以 next 主题为例,可在hexo-thems 下载自己喜欢的主题。

  1. 克隆主题
1
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

hexocg-1.png

  1. 查看 themes 文件夹

hexocg-2.png

  1. 修改 _config.yml 文件

hexocg-4.png

  1. 将 themes 修改为,你想应用的主题

hexocg-3.png

  1. 清空静态页面
1
$ hexo clean
  1. 生成静态页面
1
$ hexo generate
  1. 重新部署
1
$ hexo deploy

reference

hexo+github搭建个人博客(超详细教程)

hexo ERROR Deployer not found: github

theme-next

hexo的安装和主题的替换

  • 本文标题:搭建个人博客
  • 本文作者:9unk
  • 创建时间:2019-08-06 00:18:02
  • 本文链接:https://9unkk.github.io/2019/08/06/da-jian-ge-ren-bo-ke/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!