搭建一个自己的blog

September 03, 2018

要求

Git账号和基本的Git命令使用。
会用Markdown文章。
会配置基于SSH的Git访问。

环境

使用 GitHub Pages 和 hexo 搭建一个属于自己的无限流量的博客系统。自己不需要拥有服务器，不需要拥有域名。

使用Mac做教程，其他系统请自行研究。

搭建

第一步：创建一个仓库

第一步

第二步：拉取到本地仓库

第二步

第三步：写index.html

第三步

第四步：提交

第四步

之后在浏览器中输入https://username.github.io. 就可以进行访问了。可直接参考官网步骤。

第五步：安装hexo

# 本地安装hexo,需要先安装npm。
$ brew install npm
$ npm install hexo-cli -g
# 安装完成之后,验证是否成功
$ hexo -v

第六步：初始化项目

# 初始化一个hexo 项目
$ hexo init blog
$ cd blog
$ npm install
# 上面三步就初始化好一个项目了，执行如下命令，启动查看。
$ hexo server

第七步：部署项目到GitHub Pages上

#首先需要配置ssh key到github上
# 生产sshkey
$ ssh-keygen -t rsa -C "邮箱"
$ clip < ~/.ssh/id_rsa.pub
#1.复制key到剪贴板
#2.登录github
#3.点击右上方的Accounting settings图标
#4.选择 SSH key
#5.点击 Add SSH key
# 测试是否配置成功
$ ssh -T git@github.com
# 修改项目下的_config.yml文件,修改如下内容
deploy:
  type: git
  repo: git@github.com:lengrongfu/lengrongfu.github.io.git
  branch: master
# 安装如下扩展
$ npm install hexo-deployer-git --save
# 部署
$ hexo deploy

主题设置

我使用的是 next 主题，如果需要使用其他的，请官网找，设置方法一样。

# 下载最新版，使用方法查看官网。
$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

图片插入问题

使用 hexo-asset-image 来使用本地的图片，不使用其他存储。具体使用方法参考官方配置。

其他问题参考

多个ssh问题,参考：http://riny.net/2014/git-ssh-key/