Ubuntu18.04下使用GitHub和Hexo搭建个人博客

一、了解Hexo

Hexo是一个基于node.js的静态博客框架,可以很方便的生成静态网页并托管到Github上。

二、Hexo的搭建

  1. 安装git

sudo apt-get install git

  1. 安装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

  1. 安装npm

sudo apt-get install npm

查看安装的版本

node -v
npm -v

  1. 安装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创建个人仓库

  1. 注册Github账号
  2. 创建仓库
    登陆账号后,点击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
部署文章

部署成功会出现如下内容
在这里插入图片描述

五、优化博客

  1. 更换博客主题
    官网找到心仪的主题,点击进入获取对应的网址
    https://hexo.io/themes/

git clone https://github.com/iissnan/hexo-theme-next themes/next
其中next表示将主题放置该目录下
sudo nano _confog.yml
将theme后面的内容改成上面主题所放位置的目录

  1. 修改index.html内容
    显示的内容都是框架的内容,需要自己进行一些部分的内容,使其成为自己的blog。修改完成后需要使用下面语句,来实现Github上托管的内容也同步发送改变。

hexo d

到此个人博客搭建就完成了,后续可以根据自己的要求进行一些修改,添加一些内容,让其更加完善。

六、参考资料

  1. Ubuntu安装nodejs环境
  2. Ubuntu16.04安装hexo
  3. GitHub+hexo搭建个人博客(2019新版超详细教程)

猜你喜欢

转载自blog.csdn.net/qq_43279579/article/details/110656845