目录
1. 了解Github Pages
2. 搭建环境
3. Hexo更换主题-NexT
1. 了解Github Pages
2. 搭建环境
本文只针对Mac用户,windows用户以及Linux用户可自行Google。在Mac上,推荐先安装homebrew。homebrew是Mac OS上的软件包管理工具。
2.1 Git安装和Github设置
- 使用homebrew安装git
brew install git
- 查看git是否已安装成功
git --version
- 确认Github上已经创建名为“你的用户名.github.io”的仓库
2.2 Node.js安装
- 使用homebrew安装node
brew install node
- node.js的包中已经集成了npm,npm是Node.js的模块依赖管理工具
- 查看node和npm是否已安装成功
node -v
和npm -v
2.3 Hexo安装
-
Hexo是一个基于Node.js的静态博客框架,作者是
@tommy351
cd到你在本地的博客文件夹,然后执行下面的安装命令
npm install hexo-cli -g
2.4 Hexo本地部署
- cd到你在本地的博客文件夹,然后执行下面的命令
cd /users/jason_yuan/Desktop/my_blog_folder
hexo init #执行init命令初始化hexo到当前目录
hexo new post "post_name" # 新建一篇文章
hexo g # g == generate 自动根据当前目录下文件,生成静态网页
hexo s # s == server 运行本地服务
- 最后,可以在本地查看
localhost:4000
- 在Mac terminal按下
ctrl+C
结束
2.5 Hexo部署到Github
- 首先安装插件
npm install hexo-deployer-git --save
注:其他插件根据需要,可自行安装 - 打开
_config.yml
,进行如下修改
- 稍等,即可访问
用户名.github.io
3. Hexo更换主题-NexT
关于NexT主题,小伙伴们可以直接移步NexT的github主页,查看详细文档。
Sample来了!Code Chemistry就是我通过github Pages和Hexo搭建的博客。
参考资料
Hexo官网
如何搭建一个独立博客——简明Github Pages与Hexo教程
通过Hexo在Github上搭建博客教程
Hexo码农圈