用 Hexo 和 Github pages 搭建个人博客

前提及环境

  • 前提
    • 下载及安装 node.js
    • 注册 Github 账号
  • 环境
    windows 7

用 Hexo 初始化本地博客

  • 安装 Hexo
npm install hexo-cli -g
  • 创建路径,初始化 Hexo
cd e:/blog
hexo init myBlog  ## myBlog 为博客文件夹的名字
  • 进入 myBlog 文件夹,开启本地服务器
cd myBlog
npm install
hexo server 
  • 进入下面提示的链接查看博客

将本地博客部署到 Github pages 上

  • 创建个人 Github pages
    有 Github 账号的话,进入这个网站,根据页面说明建立一个 repo。repo 的名字是 username.github.io ,需要注意的是 username 必须是全部是小写的。
    用 Hexo 和 Github pages 搭建个人博客_第1张图片
  • 修改 _config.yml 文件中的 URL 参数
    需要注意的是,参数冒号后面要空一格再加设置内容。
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://caoqi95.github.io/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
  • 部署 Hexo 到 Github Pages
  1. 修改_config.yml 中的参数
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: [email protected]:caoqi95/caoqi95.github.io.git
  branch: master
  1. 在博客路径下执行命令
hexo deploy

一开始可能会报下面的错误:

这时候就要执行下面这个命令:

npm install hexo-deployer-git --save

最后,再次执行 hexo deploy 即可完成部署。

发布文章

cd e:/blog/myBlog
hexo new xxx 

执行完会在 E:\blog\myBlog\source\_posts 路径下看到.md文件。用 markdown 编写保存。最后再重新部署即可。

用 Hexo 和 Github pages 搭建个人博客_第2张图片

你可能感兴趣的:(用 Hexo 和 Github pages 搭建个人博客)