Hexo和GitHub Page 搭建个人博客

个人博客的搭建


1.搭建环境

安装 Node.js
安装 github

2 . 安装 hexo

2.1 安装 Hexo,在命令行(即 Git Bash)运行以下命令:

1
npm install -g hexo-cli

2.2 创建一个文件夹为项目文件夹,然后在此目录下打开 git bash 执行以下命令初始化 Hexo

1
hexo init

2.3 会生成一系列文件,在站点下启动服务,执行命令如下

1
hexo server  (可简写为  hexo s)

2.4 浏览器访问网址 http://localhost:4000

博客在本地已搭建完成。


3 . 与远程关联,这里我使用的是GitHubPages

  • 注册一个 GitHub 账号

  • 创建一个仓库,仓库名为<GitHub 账号名>.github.io

    img.png
    img.png

  • 创建完成后,打开设置找到 GitHub Pages

    img.png
    img.png

  • 将本地 Hexo 博客部署到 GithubPages

    1. 安装 hexo-deployer-git 插件。在命令行(即 Git Bash)运行以下命令即可:
    1
    npm install hexo-deployer-git --save
    1. 修改_config.yml(在站点目录下)。文件末尾修改为:
    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
    type: git
    repo: git@github.com:<Github账号名称>/<Github账号名称>.github.io.git
    branch: master

    注:上面仓库地址是 ssh 地址,需要生成一个 ssh 秘钥,参考:https://www.jianshu.com/p/f92ed1ca8120

  • 最后下面三行执行命令

    1
    2
    3
    $ hexo clean
    $ hexo g
    $ hexo d

    博客已经部署到了远程,通过 https://<Github 账号名称>.github.io 即可访问


4. 博客搭建完成,但是默认主题不好看,可以去下载一些主题

Theme 选择主题并且 clone

-------------本文结束感谢您的阅读-------------
0%