使用Github搭建属于自己的博客

记录使用 GitHub Pages建立个人主页。框架使用Hexo。

安装环境

  1. 安装Node.js和配置好Node.js环境。下载链接如下:Node.js下载

下载完之后按照默认安装,环境变量会自动配置。安装完成后,打开批处理命令行,成功界面如下:

C:\Users\ZZ>node -v
v12.17.0

C:\Users\ZZ>npm -v
6.14.4
  1. 安装Git和配置好Git环境,安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择。

在批处理界面可以查询git版本表明安装成功:

C:\Users\ZZ>git --version
git version 2.26.2.windows.1
  1. 注册并登陆Github。在GitHub新建仓库,仓库名称是 username.github.io

在建好的项目中创建一个新的文件:readme.md

通过浏览器访问username.github.io将看到readme.md中的内容

  1. 安装Hexo

    npm install -g hexo-cli
  2. 输入 hexo -v 进行查看Hexo安装结果

    E: hexo -v
    hexo-cli: 4.2.0
    os: Windows_NT 6.1.7601 win32 x64
    node: 12.17.0
    v8: 7.8.279.23-node.37
    uv: 1.37.0
    zlib: 1.2.11
    brotli: 1.0.7
    ares: 1.16.0
    modules: 72
    nghttp2: 1.40.0
    napi: 6
    llhttp: 2.0.4
    http_parser: 2.9.3
    openssl: 1.1.1g
    cldr: 37.0
    icu: 67.1
    tz: 2019c
    unicode: 13.0

出现一系列的版本号就是安装成功

生成博客

  1. Hexo 初始化。在自己认为合适的地方创建文件夹,然后通过命令行进入到该文件夹下执行初始化命令。
    hexo init

初始化完成后,会有一个默认主题以及一个hello-word的默认文章。

  1. 生成博客(默认会有hello world的博客)
    hexo generate  //可以简写成 hexo g
  1. 开启服务

    hexo server  //可以简写成 hexo s
  2. 打开本地网页进行查看

    localhost:4000

远程部署

  1. 安装部署到github.io的依赖:hexo-deployer-git

    npm install hexo-deployer-git --save
  2. 安装好hexo-deployer-git后,修改博客目录配置文件”_config.yml”中的deploy字段:

    deploy:
    type: git
    repo: git@github.com:zhenzhang20/zhenzhang20.github.io.git #修改成自己的项目地址
    branch: master
    message: 自定义提交说明,这个字段可以没有
  3. 推送到github.io

    hexo deploy //可以简写成 hexo d
  4. 访问网站,可以看到和之前本地网页相同内容表明安装成功。


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!