Hexo搭建个人博客教程

在寒假期间,我用hexo+github搭建了自己的博客,比较方便、省钱,而且网上相关教程也很多。在搭建的过程中,遇到了一些问题,折腾相关的配置花了不少时间,现在把搭建博客的过程记录下来,方便以后查询,也希望能让搭建博客的新人少走一些弯路。

本地博客搭建

  1. 安装Node.js。下载网址:https://nodejs.org/en/download/ 根据自己的操作系统,选择下载,安装完成即可。
  2. 安装Git。下载网址:https://git-scm.com/downloads 根据需要下载安装即可。Git参考文档:http://git.oschina.net/progit/
  3. 安装Hexo。桌面鼠标右键,点击Git Bash Here
npm install hexo-cli -g
npm install hexo --save
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. Hexo初始化。建立博客文件夹目录(如:F:\Blog\Hexo),进入该目录下,鼠标右键,点击Git Bash Here,输入:
hexo init
npm install
  1. Hexo插件安装。
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
  1. 查看本地博客。输入下列命令,执行完成后,打开浏览器,输入localhost:4000,即可查看博客。
hexo generate
hexo server

将博客部署到GitHub上

  1. Github账户设置。没有Github账户,需要先注册账户(https://github.com/) 已经注册过的,直接登录。
  2. 创建项目代码库。库名为:yourname(github的名称).github.io。
  3. 配置SSH密钥。可以参考这篇博客(http://www.cnblogs.com/ayseeing/p/3572582.html)
  4. 设置用户信息。
git config --global user.name "yourname"//用户名
git config --global user.email  "[email protected]"//填写自己的邮箱
  1. 找到刚才在Github上创建的yourname.github.io库,点击进入;找到clone or download按钮,点击,将出现的链接复制(默认用https开头的超链接);打开自己电脑上创建的Hexo文件夹(F:\Blog\Hexo),找到_config.yml文件,用记事本打开,在里面进行下列修改:
deploy:
  type: git
  repo: 填写刚才复制的链接
  branch: master
  1. 在Hexo文件夹下,鼠标右键点击Git Bash Here,执行下列代码:
hexo g -d
  1. 完成github部署博客。打开浏览器,输入yourname.github.io就可以看见你的博客啦!

配置域名

  1. 可以选择在阿里云上购买域名。(https://wanwang.aliyun.com/domain/?spm=5176.383338.1907008.1.LWIFhw)
  2. 添加域名解析。登录进入阿里云后台管理,找到你想添加解析的域名,点击解析,ip就填写yourname.github.io对应的ip,不知道的可以在Cmd中ping一下博客的网址。
  3. 在Hexo文件夹下的source文件夹下创建文件CNAME(无后缀),里面内容就填写刚才购买的域名,保存。
  4. 在Hexo文件夹下右键鼠标,运行Git Bash Here,执行hexo g -d,执行完毕,在浏览器输入你的域名,就可以查看自己的博客啦。

参考资料

  1. 博客一之博客搭建
  2. Hexo搭建博客教程
  3. github设置添加SSH

你可能感兴趣的:(经验技巧,Hexo,博客搭建,Node.Js)