效果预览:https://jeremcol.
githb.
io/archives/index.
html

准备:

  1. Windows电脑
  2. GitHub账号
  3. 使用hexo框架搭建Blog软件

过程如下:

安装步骤:(1)Node.js https://nodejs.org/en/

(2)Git https://git-scm.com/

参考网址:

  • Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
  • SSH Key配置教程:https://guge.ren/qikai123/blog/show/104

检测node安装是否成功:

node -v   # 输回版本号
npm -v    # 输回版本号

安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

npm install -g cnpm --registry=https://registry.npm.taobao.org

初始化一个空目录,打开cmd命令行工具,切换到该空目录。

安装hexo:

cnpm install hexo-cli -g
hexo init
cd 模板文件夹名称  # 防止默认生成名为 "hexo" 的文件夹
npm install

配置_config.yml文件:

  1. 编辑_config.yml文件,添加如下内容:
    theme: landscape
    
  2. 设置站点编码为UTF-8:
    language: zh-CN
    

在Blog目录下安装一个git部署插件:

npm install hexo-deployer-git --save

生成静态文件,将生成的网站保存到指定目录:

cd public  # 进入publish文件夹
hexo generate
cp -r 网站名称 文件夹名称  # 把hexo生成的html文件复制到指定文件夹

启动本地服务器预览效果:

hexo serve

将Hexo网站部署到GitHub Pages:

  1. 打开_config.yml文件,找到以下信息:
    deploy:
      type: git 
    
  2. 修改以上代码,配置如下:
    deploy:
      type: git
      repo: <github账号>:<仓库名>.git
      branch: master
    

其中,repo字段改为你的GitHub网址和仓库名(注意:替换yourname为你的用户名),然后需要安装部署插件:

npm install hexo-deployer-git --save

最后,执行以下命令将博客内容推送到GitHub Pages:

hexo deploy  # 或者直接使用 git push origin master

这样就可以访问到你自己的网站了。

通过以上步骤,我们可以快速构建一个属于自己的个人网站。希望本文对你有所帮助。