LIFE 五月 01, 2019

Github+Hexo搭建博客(一)

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

  • 零基础搭建博客哦!

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

  • 主要参考了FangZh中关于博客搭建的文章

前言

什么是博客?

为什么要搭建博客?

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

我都需要什么材料?

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

我需要会些什么技能?

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

为什么选择Hexo

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

开始

  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%