如何使用Hexo框架搭建属于你自己的博客?

2019-06-05  本文已影响0人  南漪钓隐

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
优点!!!不需要服务器可以直接部署在你的GitHub上

安装

1.安装Git

Windows: git官网 下载后会有一个Git Bash命令行工具
Linux:

sudo apt-get install git

2.安装Node.js

Hexo是基于Node.js编写,所以需要安装一下Node.js和里面的npm包管理工具
Windows:Node.js官网选择LTS版本
Linux:

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

安装完成后打开命令行检查一下是否安装成功

node -v
npm -v

3.安装Hexo

安装完Git和Node.js就可以来安装Hexo了,可以先在桌面创建一个blog文件夹,然后在命令行中cd到该目录下,在命令行中键入命令

npm install -g hexo-cli

老规矩Hexo -v看一下版本号
到此就安装完成了
接下来我们初始化一下我们的Hexo

hexo init blog
cd blog
npm install

我们来看看项目结构
node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题
_config.yml: 博客的配置文件
运行服务,走你

hexo server

在浏览器输入localhost:4000就可以看到你生成的博客了
可以用ctrl+c将服务关掉

4.GitHub上创建个人仓库

首先你得有一个GitHub账号
如果没有的话的就注册一个吧GitHub官网
注册完成后点击New repository新建一个仓库
仓库名称必须为你的用户名.github.io
只有这样以将你博客部署到GitHub的时候才会被识别
假设我的用户名是kumiko77那我的仓库名就是kumiko77.github.io
点击create repository创建完成

5.生成SSH添加到GitHub

打开你的GitBash

ssh-keygen -t rsa -b 4096 -C "你的GitHub邮箱"

然后一路回车 ,此时他会告诉你SSH文件已经生成了
在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
把你的id_rsa.pub里面的信息复制进去
然后在GitBash中查看是否成功

ssh -T git@github.com

6.将Hexo部署到GitHun上

到这一步就可以讲我们的博客和Hexo关联起来了
打开我们的配置文件_config.yml
翻到最下面将内容修改为

deploy:
  type: git
  repo: https://github.com/用户名/用户名.github.io.git
  branch: master

然后我们先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub

npm install hexo-deployer-git --save

接着我们

hexo clean
hexo generate
hexo deploy

可以使用缩写

hexo generate => hexo g
hexo deploy => hexo d

hexo deploy之后可能会要你输入GitHub的用户名和密码
成功之后就可以在http://用户名.github.io看到你的博客了

上一篇下一篇

猜你喜欢

热点阅读