利用Github Pages搭建自己的个人网站
Github Pages建立网站有多种方式
- 创建个人或者组织网站(我们就是要建立这种)
- 这种需要注意,项目名一定要是username
.github.io,否则的话,创建的就是为每个project创建的网站了
- 这种需要注意,项目名一定要是username
- 为每个project建立网站
单纯的使用Githup Pages搭建自己的个人网站还是很简单的,有如下的步骤
- 申请githup账号
- 创建Repositories
- 项目名必须得是username.githup.io,如果不是,最终生成的个人网址就是https://username.github.io/project/
- 在Repositories中生成一个html文件,里面随便写点啥
- 点击Settings -> GitHub Pages -> 选择分支以及文件夹,上面出现绿色的'Your site is published at'就成功了
基于 hexo + github 的个人博客搭建
nodejs安装
到官网下载nodejs安装包
xz -d xxx.tar.xz
tar xvf xxx.tar
配置环境变量
最后检验是否安装成功
node -v
npm -v
hexo安装
- 首先更新apt-get的源,这里为了提高速度,把源改成了aliyun,具体可以看https://www.cnblogs.com/gabin/p/6519352.html
sudo apt-get update
sudo apt-get upgrade
- 安装hexo
npm install -g hexo
hexo 初始化
在本地创建一个文件夹,也就是之后存放代码的地方,例如blog
cd blog && hexo init
hexo会自动下载一些文件到这个目录,这个过程需要联网
hexo g # 生成html
hexo s # 启动服务
执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的:
hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容
修改主题
这里选择的主题是ayer,首先下载这个主题
git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer
下载后的主题都在这个文件夹
修改_config.yml中的theme: landscape改为theme: ayer
发布到githup上
hexo d
上传到github
deploy:
type: git
repository: git@github.com:xxxn/xxx.github.io.git
branch: master
此时直接执行hexo d的话一般会报如下错误:
Deployer not found: github 或者 Deployer not found: git
原因是还需要安装一个插件:
npm install hexo-deployer-git --save