Fork me on GitHub

hexo+github搭建个人博客

博主我用过很多云服务器、云主机搭建个人博客网站,但没用过github的page页,想尝试下,搞了一会就搭建完成了,总的来说很顺利,在这里分享给大家。

安装Hexo

安装node.js

申请Github账号

  • Github注册页面

  • 输入用户名,Email,密码,注册账号。比如我的用户名是:JasonZhangCauc

创建博客仓库

安装git

配置ssh

  • 打开git bash终端。

  • 设置user.name和user.email。

git config –global user.name “你的GitHub用户名”

git config –global user.email “你的GitHub注册邮箱”

  • 生成ssh密匙

ssh-keygen -t rsa -C “你的GitHub注册邮箱”

  • 此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件id_rsa和id_rsa.pub。

将公匙添加到github上

  • 详细教程自行baidu。

  • 用户头像→Settings→SSH and GPG keys→New SSH
    key→将id_rsa.pub中的内容复制到Key文本框中,然后点击Add SSH
    key(添加SSH)按钮。

安装hexo

  • 执行以下命令安装hexo。

# 安装hexo

npm install hexo-cli g# 初始化博客文件夹

hexo init blog# 切换到该路径cd blog# 安装hexo的扩展插件

npm install# 安装其它插件

npm install hexo-server –save

npm install hexo-admin –save

npm install hexo-generator-archive –save

npm install hexo-generator-feed –save

npm install hexo-generator-search –save

npm install hexo-generator-tag –save

npm install hexo-deployer-git –save

npm install hexo-generator-sitemap –save

初探hexo

  • 第一次使用hexo,在本地创建服务器使用。

# 生成静态页面

hexo generate# 开启本地服务器

hexo s

  • 打开浏览器,地址栏中输入:http://localhost:4000/,应该可以看见刚刚创建的博客了。

  • 问题:为什么访问http://localhost:4000/,无反应?

    • 解决方法:可能是由于端口问题引起的。使用Ctrl+C中断本地服务,使用命令hexo
      s -p
      5000重新开启本地服务,访问http://localhost:5000/可以看到博客页面了。

将hexo博客部署到github上

  • 修改配置文件blog/_config.yml,修改deploy项的内容,如下所示:

# Deployment 注释## Docs: https://hexo.io/docs/deployment.htmldeploy:

# 类型

type: git

# 仓库

repo: git\@github.com:JasonZhangCauc/JasonZhangCauc.github.io.git

# 分支

branch: master

  • 注意:type: git中的冒号后面由空格。

  • 注意:将git\@github.com:JasonZhangCauc/JasonZhangCauc.github.io.git中的用户名换成自己的用户名git\@github.com:github_username/github_username.github.io.git。

部署hexo

  • 输入下面的命令将hexo博客部署到github中:

# 清空静态页面

hexo clean# 生成静态页面

hexo generate# 部署

hexo deploy

hexo命令缩写

  • hexo支持命令缩写,如下所示。hexo g等价于hexo generate。

hexo g:hexo generate

hexo c:hexo clean

hexo s:hexo server

hexo d:hexo deploy

hexo组合命令

# 清除、生成、启动

hexo clean && hexo g -s# 清除、生成、部署

hexo clean && hexo g -d

附博客维护方法:

http://theme-next.iissnan.com/getting-started.html

-------------Ending!Thanks for your reading.-------------
0%
;