Hexo+Github搭建教程
准备
安装Git Bash
下载地址点我点我,搁这呢!
- 安装步骤:双击下载好的exe文件,一路next就好啦
- 命令:
git version
- 然后你发挥你聪明的脑花了
安装NodeJs
Hexo是基于nodeJS环境的静态博客
- Node.js官网搁这儿呢!
- 下载好msi文件后,双击打开安装,也是一路next,不过在Custom Setup这一步记得选
Add to PATH
,这样你就不用自己去配置电脑上环境变量了,装完在按win + r
快捷键调出运行,然后输入cmd确定,在cmd中输入path可以看到你的node是否配置在里面(环境变量),没有的话你就自由发挥吧。 - 查看版本:命令:
node -v
- 又到了你展现你聪明的脑花的时候了
1. 新建仓库
先上 github
新建一个仓库,仓库名必须为 (你的用户名).github.io
格式,其中 (你的用户名)
是你 github
的昵称。
2. 全局安装hexo
打开命令行,输入下面的命令,全局安装 hexo
。
npm i -g hexo
3. 初始化项目
Just one
命令,hexo init
,就会自动构建一个 hexo
项目,紧接着执行 hexo s
,浏览器访问 localhost:4000
就可以看到效果。
//初始化命令
hexo init
// 本地运行
hexo s
- 解释一下:
- node_modules:是依赖包
- public:存放的是生成的页面
- scaffolds:命令生成文章等的模板
- source:用命令创建的各种文章
- themes:主题
- _config.yml:整个博客的配置
- db.json:source解析所得到的
- package.json:项目所需模块项目的配置信息
4. 部署到github
虽然只有一份 Hello World
,在项目根目录下找到 _congif.yml
,找到 deploy
字段并填写完整。
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: <你的仓库地址> # https://github.com/xxxxxx/xxxxxxx.github.io
branch: master
我们需要额外的一个工具来帮助我们推到仓库上,那就是 hexo-deployer-git
。
npm install hexo-deployer-git --save
执行下面两个命令,就可以把项目自动部署到 github
上。
hexo clean
hexo deploy
5. 查看效果
浏览器访问:https://(你的用户名)
.github.io/ 就可以看到效果咯。
到现在已经完成了个人博客的搭建,也可以在浏览器中访。
如何创建新文章
话不多说,这不直接淦他,直接开始淦博客了!
// [layout] 为布局,可选项为 `post`、`page`、`draft`,决定文章所在文件路径。
// <title> 为文章标题
// 如 hexo new post 今天去输液了,输的什么液,想你的夜!
hexo new [layout] <title>
更换主题皮肤
更换主题方法:下载主题 -> 配置主题,以 xxxx
举个栗子┗|`O′|┛ 嗷~~
# 下载去themes文件夹下
git clone https://github.com/KevinOfNeu/hexo-theme-xoxo xoxo
# 修改 _config.yml 配置
theme: xxx
部署优化
每次都要执行 hexo clean
和 hexo deploy
,写个新的脚本
// package.json
"dev": "hexo s",
"build": "hexo clean & hexo deploy"
部署命令
npm run build
完结撒花!!!!!!!
文章目录
关闭
共有 0 条评论