快速搭建属于自己的博客

2020-05-23

博客参考来自于B站的阿婆主CodeSheep的视频

博客框架为Hexo，支持 GitHub Flavored Markdown 的所有功能；下面将演示如何将搭建博客，并且将博客部署到GitHub Pages。文章中使用到一些工具，需要有一点点的命令行、Git基础

一、安装必要的环境

安装node和npm
node.js可以从node官网下载

1 2	# 安装node之后，输入下面的命令检查版本 $ npm -v

安装cnpm，这个比npm快一些

1
2
3

$ npm isntall -g cnpm --registry=https://registry.npm.taobao.org
# 安装完成之后输入下面的命令检查版本
$ cnpm -v

如果cnpm -v命令报错的话，把cnpm的安装路径添加到系统环境变量里去

二、安装hexo博客

$ cnpm install -g hexo-cli

# 安装完成之后输入下面的命令检查版本
$ hexo -v

找个地方建立一个博客的文件夹，例如C:\Users\ovo\blog

1 2	# 进入blog文件夹，执行命令 $ hexo init

启动博客

$　hexo s

三、生成一篇新的博客

1	$ hexo n "我的第一篇博客文章"

写完博客后

1 2	$ hexo clean # 清除所有生成在public中的文件 $ hexo g # 生成一下博客的html页面

在blog文件夹的下面安装一个hexo的git部署插件

1	$ cnpm install --save hexo-deployer-git

四、重点：配置_config.yml

配置底部的deploy节点

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

五、部署到github

如果git已经执行过下面的两行命令，那么可以直接执行hexo d

1 2	$ git config --global user.name "xxxx" $ git config --global user.email xxxx@xxxx.com

部署

$ hexo d

六、更换主题yilia

clone主题yilia

1	$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

如果上面的git clone出问题了，报了如下的错误

error: RPC failed; curl 18 transfer closed with outstanding read data remaining
fatal: The remote end hung up unexpectedly
fatal: early EOF
fatal: index-pack failed

那么可以尝试如下的指令

$ git config --global http.postBuffer 524288000
$ git clone https://github.com/litten/hexo-theme-yilia.git --depth 1 themes/yilia
$ cd themes/yilia
$ git fetch --unshallow

depth用于指定克隆深度，为1即表示只克隆最近一次commit. 使用浅复制可以大大减少下载的数据量，例如， CodeIgniter 项目完整下载有近 100MiB ，而使用浅复制只有 5MiB 多，这样即使在恶劣的网络环境下，也可以快速的获得代码。如果之后又想获取完整历史信息，可以使用命令git fetch --unshallow.

git clone 默认会下载项目的完整历史版本，如果你只关心最新版的代码，而不关心之前的历史信息，可以使用 git 的浅复制功能

更改_config.yml配置文件

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

然后重新执行以下命令来查看效果

1
2
3

$ hexo clean
$ hexo g
$ hexo s