基于githup搭建个人博客网站

利用Github Pages搭建自己的个人网站

Github Pages建立网站有多种方式

• 创建个人或者组织网站（我们就是要建立这种）
  • 这种需要注意，项目名一定要是username.github.io，否则的话，创建的就是为每个project创建的网站了
• 为每个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