0%

Github+Hexo搭建个人网站

Posted on Edited on In

Hexo+Github应该是目前搭建个人博客使用最广的方式，本文主要记录利用Hexo+Github搭建静态博客以及一些配置相关的问题。

1. 准备工作

  • 下载并安装node.js【下载地址】
    安装node.js会默认安装npm，安装完成后，在命令行中输入命令验证Hexo的环境是否搭建完成。 
    1
    2
    node -v # 输出node.js的版本号
    npm -v  # 输出npm的版本号
  • 下载安装git【下载地址】

2. 创建本地静态博客

  • 新建一个文件夹用于存放blog文件
  • 进入该文件夹内，使用npm命令安装Hexo，输入:npm install -g hexo-cli(下载静态网站的相关文件)
  • 右键运行git，输入:hexo init(初始化静态网站的架构)
  • 在命令行中输入命令，验证静态网站是否完成 
    1
    2
    hexo generate # 本地生成静态文件
    hexo serve    # 启动本地服务
    打开浏览器，访问https://localhost:4000

3. 将博客与Github关联

  • 在Github上创建yourname.github.io项目
  • 打开本地blog文件夹内的_config.yml配置文件，并设置其中的deploy属性： 
    1
    2
    3
    4
    deploy:
    	type: git
    	repository: https://github.com/yourname/yourname.github.io.git
    	branch: master
  • 运行：npm install hexo-deployer-git --save
  • 运行：hexo generate
  • 运行：hexo deploy # 将本地静态文件发布到Github
    打开浏览器，访问https://yourname.github.io

参考文章 & 资源链接