搭建静态博客:hexo+github

版权声明:若需要转载,请标明原文地址。 https://blog.csdn.net/qq_41903671/article/details/88370099

  经过一段时间的折腾,第一个静态博客终于建了起来。相比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
  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 [email protected]
   yes
  1. 修改站点配置文件_config.yml(以我的为例)
  deploy:
  type: git
  repo: [email protected]:minghaohao/minghaohao.github.io.git
  branch: master
  1. 推送到github pages
   hexo clean
   hexo g
   hexo d

稍等片刻,访问网址(以我的为例)https://minghaohao.github.io
7. 添加自定义域名(以我的为例)

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

猜你喜欢

转载自blog.csdn.net/qq_41903671/article/details/88370099