1. 准备工作
- 安装Nodejs 使用命令node -v查看是否安装完成
- 安装npm 使用命令npm -v查看是否安装完成
- 安装git 使用git --version查看是否安装完成
- 注册好github帐号(好记好写,不带特殊字符),最好有科学上网工具,要不然不管是安装还是上github都有404风险
- 创建密钥,建立与github的链接
2. 开始搭建
2.1. 注册github 并创建仓库
这个注册的仓库名有些特殊,必须是带有你注册github帐号的名字,如
可以什么都不选,直接创建一个空的仓库。
2.2. 使用hexo创建博客
hexo中文网站可以点进来先看看hexo文档
- 创建一个空的文件夹,比如blog,用放hexo的产生的源代码,进入blog文件夹
- 使用命令全局安装hexo
npm i hexo-cli -g
- 初始化hexo
hexo init
npm install
- 本地创建一个博客
hexo new "博客名"
(创建博客)hexo g
(生成网页) - 本地查看 hexo s(打开服务器)
2.3. 部署到github
找到目录下面_config.yml
文件,滑到最底下,修改里面的参数,没有的就创建
第二項 repo设置为SSH的地址,我看了很多教程都是HTTPS,不过用SSH能生效就行,不行再试试HTTPS
此时默认的分支还是main,hexo是我后期加上去的 不管它
到这一步就可以用hexo部署项目了,最后的结果是把编译好的文件上传到github,放在github pagas类似于服务器一样的环境,这样大家就可以访问了
命令如下:
hexo clean
(清除缓存文件,比如换主题就需要这个命令)hexo g
(生成静态文件)hexo d
(发布到github)- 在
github setting
里的Pages里能找到访问路径
3. 不同设备同步更新blog
上面搭建的blog只能在搭建的本机上写blog。换了一台电脑,又要重新搭建环境,又要重写blog。或者blog备份,转移再接着写,很麻烦。
思路:创建分支,main分支保存编译好的代码,用于展示。hexo保存源码,便于多设备切换工作。
一般执行完 hexo d
是把public下的文件同步到github,因此我们把public下的文件放在main分支,hexo网站文件放在hexo分支
可以直接本地创建hexo分支,并推送至远程。并将hexo设为默认分支,这样后面git push推送代码就直接到hexo分支
后面的操作就是:依次执行git add
git commit -m "..."
git push
提交网站相关的文件
执行hexo g -d
生成网站并部署到gitHub上