如何用Hexo在GitHub上搭建博客

搭建博客

  • 在GitHub上建一个名为 GitHub用户名.github.io 的项目

  • 电脑上安装了Node.js和Git

  • 打开git命令，输入 npm install -g hexo-cli 开始安装Hexo

  • 安装成功后输入 hexo -v 会显示hexo的版本

  • 在本地磁盘上建一个文件夹（比如blog)

  • 打开blog文件夹，鼠标右键，选择 Git Bash Here

  • 输入 hexo init 将blog文件夹初始化成一个博客文件夹

  • 输入 npm install 安装依赖包

  • 获取GitHub上项目的链接

  • 打开blog文件夹下的 _config.md 文件，找到 #Deployment ,填入以下内容并保存文件：
    deploy:
    type: git
    repository: 项目链接
    branch: master

  • 在Git Bash上输入 npm install hexo-deployer-git --save 安装 hexo-deployer-git

  • 输入 hexo d 得到 INFO Deploy done: git 即为部署成功

  • 在网上找一个自己喜欢的hexo的主题，我用的主题是 even

  • 根据README.md上的指示安装主题

  • 打开blog/_config.yml，找到 theme: 把 Hexo 默认的 lanscape 修改成你的主题名称。 例 theme: even 找到 # Site ，添加博客名称，作者名字等。在 language 后面填入 en 或者 zh-cn，选择英文或者中文。找到 # URL , 填入 博客地址

  • 回到 Git Bash。输入 hexo g -d 就可以了

写博客

  • 在 Git Bash 里，所在路径还是blog文件夹下。输入 hexo new "博客名" 新建一篇博客

  • 在 blog\source\ _posts 路径下，会有一个 博客名.md 的文件。 编辑这个文件，然后保存。

  • 回到 Git Bash，输入 hexo s 就可以在本地 http://localhost:4000/ 上查看效果了

  • 觉得效果可以了，就回到 Git Bash，按 Ctrl+C 结束

  • 输入hexo clean 删除本地静态文件（Public目录）。如果没有执行这一步就去执行下一步，那么原来删除掉的文章依然会存放在public文件夹中。

  • 输入 hexo generate 生成本地静态文件（Public目录）

  • 输入hexo deploy 将本地静态文件推送至github。打开自己的博客，博客就更新了

hexo的一些命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Commands:
  clean     Remove generated files and cache.
  config    Get or set configurations.
  deploy    Deploy your website.
  generate  Generate static files.
  help      Get help on a command.
  init      Create a new Hexo folder.
  list      List the information of the site
  migrate   Migrate your site from other system to Hexo.
  new       Create a new post.
  publish   Moves a draft post from _drafts to _posts folder.
  render    Render files with renderer plugins.
  server    Start the server.
  version   Display version information.