在GitHub上使用Hexo搭建静态博客

时间:2021-06-09 20:33:55

搭建静态博客需要一个前提是电脑上有安装git并且有github帐号,这个不懂可以看廖雪峰先生的git教程

1、下载nodejs,在官网上可以下载

2、使用git进入你新建的一个文件夹,输入命令 npm install -g hexo

3、接着输入hexo init ~/hexo ,会建立一个初始化的目录,目录名为hexo,这时你要进入到根目录下的hexo文件夹,可以在git中输入命令 cd ~/hexo
在git中输入npm install

输入 hexo g 生成静态问津

输入 hexo s 会在本地预览你的博客,在浏览器中输入localhost:4000/即可看到

4、将博客上传到github上,需要在github上新建一个库,如果你的github是https://github.com/username,那么你就需要建的库名是username.github.io

5、修改hexo文件夹下的_config.yml,尤其要注意格式,注意最后三行的缩进,repsitory需要填你的git库的地址(ssh格式的,不是https格式的)

 

# Deployment

## Docs:http://hexo.io/docs/deployment.html

deploy:

  type: git

  repository:git@github.com:fonxian/fonxian.github.io.git

  branch: master


6、完成yml的配置后输入命令

npm install hexo-deployer-git --save

再输入 hexo clean

输入hexo g

输入hexo d 即可完成

 


在GitHub上使用Hexo搭建静态博客


7、当你需要改首页的一些内容的时候,就在本地的_config.yml中改,比如改title,改author这样的值之后,输入命令hexo clean

hexo g 生成新的静态内容

hexo d 推送到git上

8、如何与域名绑定?ping github.io得到ip地址,写到万网的域名解析中,然后在Github的库中新建一个CNAME,内容是要绑定的域名,因为每次hexo d 都会将github上的CNAME覆盖,所以最好的解决办法是在hexo的source文件夹下新建一个CNAME,每次hexo d上传到github的时候,就会自动生成

9、改主页的目录,首先使用hexo new page"about" ,然后就会在source文件夹中找到about文件夹下的index.md,在index中编辑你想要添加的内容,然后在themes/{主题名}下面找到_config.yml,在menu下面添加

About:/about ,最后在hexo -g ,hexo -d,就完成目录的添加