美文网首页
搭建静态博客:hexo+github

搭建静态博客:hexo+github

作者: 明昊昊 | 来源:发表于2019-03-09 19:41 被阅读0次

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

    定义

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

    环境搭建

    1. 安装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
    
    1. 启动服务器
      到这里,本地搭建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
    
    1. 修改站点配置文件_config.yml(以我的为例)
      deploy:
      type: git
      repo: git@github.com:minghaohao/minghaohao.github.io.git
      branch: master
    
    1. 推送到github pages
       hexo clean
       hexo g
       hexo d
    

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

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

    相关文章

      网友评论

          本文标题:搭建静态博客:hexo+github

          本文链接:https://www.haomeiwen.com/subject/yryepqtx.html