搭建静态博客:hexo+github

小灰灰 2022-03-10 05:36 440阅读 0赞

  经过一段时间的折腾,第一个静态博客终于建了起来。相比wordpress的庞大臃肿,博主更喜欢hexo这个轻量级的博客框架。在这里记录下整个搭建过程,希望对大家也能够有所帮助。废话不多说了,开始吧。

定义

Hexo 是一个快速、简洁且高效的博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

环境搭建

  1. 安装Node.js
    Windows环境下选择.msi安装包的话,一路回车直到安装模式选择框,选择Online documentation shortuts,剩下的回车安装即可。完成后在命令行中输入“path”,检查下环境变量中是否已包含Node.js。Windows环境下选择.msi安装包的话,一路回车直到安装模式选择框,选择Online documentation shortuts,剩下的回车安装即可。完成后在命令行中输入“path”,检查下环境变量中是否已包含Node.js。
  2. 安装Git
    Windows下安装Git,博主这里推荐下这个安装包 https://gitforwindows.org/
  3. 安装hexo
    Git Bash下运行以下命令
    npm install -g hexo-cli
  4. 初始化hexo

    hexo init blog
    cd blog
    npm install

  5. 启动服务器
    到这里,本地搭建hexo博客的工作已经完成了。

博客推送

  1. 在github上创建一个仓库,例如我的:minghaohao.github.io
  2. 安装hexo-deployer-git插件,打开Git Bash,在站点目录下运行
    npm install hexo-deployer-git --save
  3. 添加SSH Key
    ssh-keygen -t rsa -C "邮箱地址"
    密钥创建成功后,计算机自动将其保存在了这里:C:\Users\Administrator.ssh\id_rsa.pub,
    复制粘贴到 New SSH Key即可。
  4. 测试能否于github中建立的仓库连接

    ssh -T git@github.com
    yes

  5. 修改站点配置文件_config.yml(以我的为例)

    deploy:
    type: git
    repo: git@github.com:minghaohao/minghaohao.github.io.git
    branch: master

  6. 推送到github pages

    hexo clean
    hexo g
    hexo d

稍等片刻,访问网址(以我的为例)https://minghaohao.github.io

  1. 添加自定义域名(以我的为例)

    • 打开仓库的设置,在Custom domain下,添加自定义的域名,保存后并点击强制转https
    • 回到本机,在站点目录的source文件夹下,创建并打开CNAME.txt,写入自定义的域名
    • 等待十分钟左右,访问自定义的域名。

发表评论

表情:
评论列表 (有 0 条评论,440人围观)

还没有评论,来说两句吧...

相关阅读

    相关 github

    说明 : 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比如姓名全拼,昵称全拼,如果被占用,可以加上有意义的数字. 本文中假设用户名为  tiemaoc

    相关 静态:hexo+github

      经过一段时间的折腾,第一个静态博客终于建了起来。相比wordpress的庞大臃肿,博主更喜欢hexo这个轻量级的博客框架。在这里记录下整个搭建过程,希望对大家也能够有所帮助