一、了解Hexo
Hexo是一个基于node.js的静态博客框架,可以很方便的生成静态网页并托管到Github上。
二、Hexo的搭建
- 安装git
sudo apt-get install git
- 安装nodejs
sudo apt-get install nodejs
解决方法
sudo apt install curl
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
其中,setup_10.x的10表示版本,可以官网查看最新版本https://nodejs.org,只要改成对于版本就会添加对应的版本的源
sudo apt-get install -y nodejs
- 安装npm
sudo apt-get install npm
查看安装的版本
node -v
npm -v
- 安装hexo
先创建一个文件夹blog,然后进入该文件夹。
npm install -g hexo
直接进行下载,需要等待很长时间,或者根本就一动不动停止。
解决方法
sudo npm config set registry https://registry.npm.taobao.org
更换成淘宝镜像
安装更新版本的工具N
sudo npm install n -g
更新版本
sudo n stable
安装hexo
sudo npm install -g hexo
初始化hexo
hexo init myblog
myblog可以是其他名称
cd myblog
npm install
查看生成的博客网页
hexo g
开启hexo服务
hexo server
在浏览器中输入localhost:4000,看到如下效果
三、Github创建个人仓库
- 注册Github账号
- 创建仓库
登陆账号后,点击New repository
切记
:填写的内容前面一定要和用户名一致,否则在后面会遇到下面内容的错误。
3. 生成SSH并添加到Github
git config --global user.name “yourname(用户名)”
git config --global user.email “youremail(Github注册时使用的邮箱)”
查看输入是否有错误
git config user.name
git config user.email
创建ssh
ssh -keygen -t rsa -C “youremail”
cd /home/lyy/.ssh
ls
打开id_rsa.pub
文件,复制里面的内容
在Github中点击头像,选择settings,进入后点击SSH的选项,接着点击选择SSH key,进入后,title可以自己随便取,将复制的内容粘贴到Key中,最后点击Add SSH key就完成了。
查看是否成功
ssh -T [email protected]
出现图片中内容,就表示成功
四、hexo部署到Github
配置文件
sudo nano _confog.yml
在文件最后添加下面内容
deploy:
type: git
repo: https://github.com/yourgithubname(用户名)/yourgithubname.github.io(仓库名).git
branch: master
安装deploy-git
npm install hexo-deployer-git --save
部署
hexo clean
清楚之前生成的东西
hexo generate
生成静态文章
hexo deploy
部署文章
部署成功会出现如下内容
五、优化博客
- 更换博客主题
官网找到心仪的主题,点击进入获取对应的网址
https://hexo.io/themes/
git clone https://github.com/iissnan/hexo-theme-next themes/next
其中next表示将主题放置该目录下
sudo nano _confog.yml
将theme后面的内容改成上面主题所放位置的目录
- 修改index.html内容
显示的内容都是框架的内容,需要自己进行一些部分的内容,使其成为自己的blog。修改完成后需要使用下面语句,来实现Github上托管的内容也同步发送改变。
hexo d
到此个人博客搭建就完成了,后续可以根据自己的要求进行一些修改,添加一些内容,让其更加完善。