利用Hexo搭建个人博客并部署到GitHub

1.准备工作

node.js下载安装:https://nodejs.org/en/
git下载安装:https://git-scm.com/


2.开始搭建博客

2.1安装cnpm

借助npm包管理器安装,但是由于国内镜像源速度慢,所以先利用npm下载cnpm,也就是淘宝的源,这样比较快。

安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.2搭建博客

  • 利用cnpm安装hexo博客框架。
安装hexo博客框架
cnpm install -g hexo-cli
  • 检测是否安装成功,在cmd中输入hexo -v如果显示下列信息,则表示安装成功。
hexo -v

hexo-cli: 4.2.0
os: Windows_NT 10.0.19041 win32 x64
node: 12.18.4
v8: 7.8.279.23-node.39
uv: 1.38.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.16.0
modules: 72
nghttp2: 1.41.0
napi: 6
llhttp: 2.1.2
http_parser: 2.9.3
openssl: 1.1.1g
cldr: 37.0
icu: 67.1
tz: 2019c
unicode: 13.0
  • 创建一个文件夹,我这里取名为blog,打开cmd进入该文件夹目录下,初始化博客,并启动,cmd会给出一个本地访问地址,访问该地址,即可看到刚刚初始化的博客。
初始化博客
hexo init
启动hexo博客
hexo s

2.3写博客文章

  • 在blog/source/_post目录中新建博客文章,再回到blog目录下重新生成一下博客
新建文章
hexo n "文章名称"
清理一下
hexo clean
生成
hexo g
本地启动
hexo s

3.将博客部署到GitHub上

3.1创建GitHub上的博客仓库

  • 在GitHub上创建一个public仓库,仓库名称为:你的github名称.github.io
    ps:.github.io前面的名称必须和你的github名称一致

3.2安装hexo-deployer-git部署插件

  • 在blog目录下安装一个部署插件
安装hexo-deployer-git
cnpm install --save hexo-deployer-git

3.3设置_config.yml文件

  • 在该文件中找到Deployment配置(一般在最下面),第一次执行部署到远端的命令时,会要求输入你的账号和密码。
deploy:
  type: git
  repo: 仓库地址
  branch: master
部署到远端
hexo d

ps:由于是用的git工具,所以如果是第一次使用git,还要配置git的用户名和邮箱

git config user.name "yourName"
git config user.email "yourEmail"

资料:B站:《手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo》—— CodeSheep

猜你喜欢

转载自blog.csdn.net/qq_46402309/article/details/109149244