2.Hexo_博客搭建-Github同步部署

当前系统环境: Deepin 15.5

安装环境

搭建Node.js

sudo apt-get install nodejs
sudo apt-get install npm

搭建Git环境

sudo apt-get install git

安装hexo框架

在桌面打开终端,将hexo安装到桌面

npm install -g hexo-cli

安装NEXT主题

第一步: 进入hexo文件夹
第二步: 进入themes文件夹
第三步: 打开终端输入git clone https://github.com/theme-next/hexo-theme-next.git

自定义博客界面

尝试在本地打开博客

  • 打开浏览器
  • 输入localhost:5000(这里5000是默认值)
    tips: 如果你遇到端口被占用的情况
    用文本打开hexo配置文件,如图修改端口即可
    修改端口.png

尝试修改博客主题和模板

易错点

1.冒号:后面一定要记得打空格
2.不懂的参数绝对不要瞎改
3.如果想要我这样的动态背景,修改canvas_nesttrue即可~
(备选)第三条无效方才使用~直接进入hexo/themes/hexo-theme-next/source/lib目录
打开终端执行:
git clone https://github.com/theme-next/theme-next-nest-canvas-nest source/lib/canvas-nest

让hexo于github关联起来

在Github创建 New Repository

创建repository.png
一定要保证你的github创建过repository,去检查下无妨

在桌面创建SSH

打开终端输入:
ssh -keygen -t rsa -C “your_email@example.com
强烈建议一直回车到底

此时生成两个文件 id_rsaid_rsa.pub,将它保存好.

将SSH生成的公匙添加到Github的ssh的key中

打开id_rsa.pub将文本复制添加到你自己github下的SSH中
创建ssh.png

我这SSH部分粗略的过了~关于SSH的详细指南

测试Github是否于本地建立连接

终端输入
ssh -T git@github.com

成功连接输出是这样

Hi username! You’ve successfully authenticated, but GitHub does notprovide shell access.

三条命令将Blog部署到Github

hexo clean
hexo g
hexo d

检验成果

在浏览器输入

https://yourname.github.io

注:请保证github中存放博客的项目名字和你的网址名字一致yourname.github.io
github库名一致.png