5分钟快速搭建hexo博客并部署到github

举报
北极光之夜。 发表于 2021/06/02 22:45:11 2021/06/02
【摘要】 前提:一般我们在学习了一段时间后,一般会想弄一个博客去写文章,别人在网上可以访问。自己写博客底层框架太久,所以这里用hexo博客框架快速生成自己的博客,自己只管写文章和魔改就行。 实现:1.安装node.js和git:去下载就好,下载完就默认安装~链接:node.jsgit安装就不过多阐述了~2.出现版本号就是安装好了在cmd里面输入:node -v npm -v3.下载hexo框架:继续...

前提:

一般我们在学习了一段时间后,一般会想弄一个博客去写文章,别人在网上可以访问。自己写博客底层框架太久,所以这里用hexo博客框架快速生成自己的博客,自己只管写文章和魔改就行。

实现:

1.安装node.js和git:
去下载就好,下载完就默认安装~
链接:
node.js
git
安装就不过多阐述了~

2.出现版本号就是安装好了
在cmd里面输入:

node -v
 npm -v

在这里插入图片描述
3.下载hexo框架:
继续在cmd里输入以下:

npm install -g hexo-cli

在这里插入图片描述
回车然后等待安装~
在这里插入图片描述

4.生成博客文件夹:
输入后回车:

hexo init blog

1
blog是文件夹的名字,可按自己喜好更改,出现下面就是安装完成~
在这里插入图片描述
去你安装的目录可以看到有一个文件夹,这就是已经好了:
在这里插入图片描述
5.运行默认的博客样式:
cmd进入blog目录后输入:

hexo s

会看到以下本地网址,复制然后网页打开就能看到博客了:
在这里插入图片描述
在这里插入图片描述
这是默认样式,可以去hexo官方文档查看使用怎么发文章和改样式等等操作:官方使用文档
这样默认博客就安装好了;

6.(可跳过)更改默认博客样式,换成更好看的,比如:
hexo-theme-matery
点链接进去有安装和使用的方法;

7.部署到github上面:
首先去github官网注册账号:
github官网
注册好了就新建仓库:
在这里插入图片描述
名字必须是这个样式,把luo1831251387换成你自己的用户名,我报错是因为我装过了,写完然后就点创建就好。

8.安装github部署插件

cnpm install --save hexo-deployer-git

在这之前可以先安装一个cnpm包管理器:

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

9.去blog文件夹下的_confing.yml文件修改它,一般在文件最后,按照以下格式编辑,注意格式正确:

deploy:
  type: 'git'
  repo: https://github.com/你的用户名/你的用户名.github.io.git
  branch: master

10.上传文件,在目录空白里右键然后选Git Bash Here:
在这里插入图片描述
先后输入:

hexo clean
hexo d -g

在这里插入图片描述
在这里插入图片描述
期间会有两次叫你输入github的账号密码,输入就行

11.查看博客
在浏览器输入网址查看博客:
https://你的用户名.github.io/
加载可能会比较慢,这是我的效果,我修改过一些样式:
在这里插入图片描述

总结:

这样看有自己博客然后可以写文章上传了~至于部署到比如阿里云服务器和域名访问后面下期讲。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。