LIFE 五月 01, 2019

Github+Hexo搭建博客

文章字数 5k 阅读约需 5 mins. 阅读次数 1000000

前言

零基础搭建博客哦!
Github+Hexo搭建博客真的巨方便哦!对于像我这种不会HTML5,不会JavaScript,不会PHP,却又想要有个人博客的人来说,简直就是¥%@#¥@ 我想不出词语来形容了

什么是博客?

为什么要搭建博客?

可以去知乎看看
不过对于想要博客的人,大概不需要太多理由吧

我都需要什么材料?

  1. 一台可操作可上网的电脑(系统Windows,Linux,MacOS都可以, 但是这篇教程只是针对Windows系统
  2. 一个GitHub GayHub 账号

我需要会些什么技能?

并不需要,如果一定要有的话,要会打字
不是只有程序猿才能有博客哇
正常人只要按照教程走,都可以搞定的,当然也免不了要STFW

为什么选择Hexo

简单易上手
Hexo 是一个快速、简洁且高效的博客框架Hexo。使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页

开始

0.步骤

  1. 安装Git
  2. 安装Node.js
  3. 安装Hexo
  4. GitHub创建仓库
  5. 生成ssh key并添加到GitHub
  6. Hexo部署到GitHub
    接下来只是在Windows平台的操作

1.安装Git

Git是目前世界上最先进的分布式版本控制系统(没有之一)。——廖雪峰

仅仅是搭建博客的话,并不需要对Git有深入的了解
打开Git官网,在Downloads页面中选择合适的版本即可
安装,一路next就可以
打开cmd,敲入git --version查看版本,检查是否安装成功
Git安装成功后,就可以用Git Bash代替cmd了,右键-Git Bash Here即可打开

2.安装Node.js

Node.js (Should be at least nodejs 6.9)是Hexo的安装前提
进入Node.js官网,选择LTS(长期支持版)下载
打开命令行(Git Bash、cmd),敲入node -vnpm -v检查是否安装成功

3.安装Hexo

在要放博客文件夹(PS.不是博客文件)的文件夹下右键打开Git Bash
按照Hexo官网的指示,在命令行中敲入npm install hexo-cli -g安装
若npm安装很慢,可以将npm源换成国内镜像源后再安装,只需以下命令

npm config set registry http://registry.npm.taobao.org
#换成淘宝NPM镜像
npm info hexo
#检查是否成功,若成功,则会返回hexo软件包的相关信息

安装完后,敲入hexo -v检查是够安装成功
之后初始化一下Hexo

hexo init myblog
#会生成myblog文件夹,就是你存放博客文件的文件夹,文件夹名任意
hexo cd myblog
#进入myblog文件夹
npm install

初始化完成后,myblog文件夹目录如下

  • node_modules 依赖包
  • public 生成的页面
  • scaffolds 文章模板
  • source 存放文章
  • themes 主题文件
  • __config.yml 博客配置文件
hexo generate
#生成
hexo server
#运行服务

打开Hexo服务后,在浏览器中输入localhost:4000或者127.0.0.1:4000即可查看博客了
默认是landscape主题

1.jpg

4.GitHub创建仓库

登录GitHub,没账号的话注册一个
新建一个repository(仓库),名字填yourname.github.io,比如Acidwits.github.io,其他默认即可,然后点击Create repository

5.生成ssh key并添加到GitHub

Git Bash中

git config --global user.name yourname
#yourname输入你的GitHub用户名
git config --global user.email youremail
#youremail输入你注册GitHub的邮箱
git config user.name
git config user.email
#检查有没有输对
ssh-keygen -t rsa -C youremail
#创建ssh,一直回车即可

之后会告诉你在某个地方生成了.ssh文件夹,找到文件夹
在GitHub的settings里找到SSH and GPG keys,进入并点击New SSH key 这里是传送门
打开.ssh文件夹下的id_rsa.pub文件,将信息全部复制进去
命令行下敲入ssh -T [email protected]看看是否成功

6.Hexo部署到GitHub

先在命令行下npm install hexo-depolyer-git --save安装hexo-depolyer-git
打开myblog文件夹下的站点配置文件__config.yml,翻到最后,按照如下修改

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/yourname/yourname.github.io.git
  branch: master

然后

hexo clean
#清除database和public文件夹
hexo generate
#生成文件 缩写 hexo g
hexo depoly
#部署到GitHub 缩写 hexo d
#也可以 hexo d -g

报错的话建议看看哪里出错了,仔细排查,找不到就上网搜
过一会即可在https://yourname.github.io看到你的博客了
看到博客的话,初步的设置到此就成功了

参考

0%