如何搭建一个像这样的静态博客

准备工具

  • 一个GitHub账号
  • 搜索引擎
  • git客户端
  • 你的大脑

第一步：创建博客仓库

在GitHub创建一个仓库，其中仓库名称必须为你的用户名.github.io，仓库类型为公开仓库

类似这样

创建成功后进入下一步

安装博客工具

首先安装nodejs，这一步请自行百度安装

完成后，打开命令行输入npm install -g hexo-cli，等待安装完成

新建一个文件夹，在这个文件夹内打开命令行，输入

1
2
hexo init .
npm install

配置

安装完成后你可以找到一个文件叫做_config.yml，按照这里的说明来修改它
说明

修改完成后请在该文件中修改此处

1
2
3
4
deploy:
  type: git
  repo: 你的仓库地址
  branch: master

仓库地址请在刚刚GitHub仓库创建成功页面查找

你还需要安装一个插件
npm install hexo-deployer-git --save

输入hexo d来部署你的博客到GitHub，也可以使用hexo s开启本地测试服务器

部署时可能要求你输入GitHub的用户名和密码，输入即可

配置GitHub pages

在刚刚的仓库设置界面找到如图配置，由于我已经配置完成，这里只有配置完成后的图片

你的最终效果应该也是这样的

访问

看到那个链接了吗，点击它访问你的博客，当然你也可以将链接分享给其他人

写文章

输入hexo new "文章名称"

文章的md文件将会在source/_posts

打开它!开始写吧！！！