hexo 博客搭建

15分钟速成

前期准备

node.js的安装
git的使用
廖雪峰git教程
永辉git教程
(建议看到配置ssh)

hexo安装

1
npm install hexo -g #-g表示全局安装, npm默认为当前项目安装

开始创建

首先在盘符下打开终端(cmd[按住shift右键,选择在当前目录下打开] 或者 git bash)输入

1
hexo init blog

你将会得到一个初始化完成的文件夹

1
2
3
4
5
6
7
8
9
10
├── .deploy       #需要部署的文件
├── node_modules #Hexo插件
├── public #生成的静态网页文件
├── scaffolds #模板
├── source #博客正文和其他源文件, 404 favicon CNAME 等都应该放在这里
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主题
├── _config.yml #站点配置文件(全局配置文件)
└── package.json

在终端输入本地三连

1
2
3
hexo clean
hexo g
hexo s

你将在本地的8000端口开启Hexo本地服务,可以实时预览。
但是每次预览时必须用开启本地服务(hexo s)

主题优化

先选择自己喜欢的主题可以在hexo官网
知乎推荐

附上一个NEXT主题的配置

本博客目前使用的是huno 配置

同步网络

在你的github仓库创建一个名为
yourname.github.io的库
(yourname必须为你的github用户名,下同)
在你的站点配置文件(_config.yml)修改deploy

1
2
3
4
deploy:
type: git
repository: git@github.com:yourname/yourname.github.io.git
branch: master

以上repository可用其他写法,确保是绝对路径即可(看不懂这句话问题不大,用上面的也可以)

在终端输入同步三连

1
2
3
hexo clean //清除静态文件 
hexo g //生成静态文件
hexo d //上传至github托管

如果无法输入输入hexo d 没有反应,输入

1
npm install hexo-deployer-git --save

至此可以在浏览器中输入yourname.github.io 访问你自己的博客了

编写博客

终端输入

1
hexo new "newfile"

newfile为创建的博客文件名
在./blog/sources/_posts位置下

编写博客需使用markdown语法,文件为.md

markdown教程

本站总访问量