美文网首页
Hexo + Github Page搭建个人博客

Hexo + Github Page搭建个人博客

作者: Peter杰 | 来源:发表于2019-05-22 16:42 被阅读0次

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Github是全球最大的开源社区,Github Page是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在Github上。

准备

1.Github账号:官网:Github

2.Node.js:你可以通过Node.js下载安装程序,也可以用Git Bash安装

3.Markdown编辑器:用于写文章,如果你还不知道Markdown,强烈建议你去了解下Markdown的语法

一.Hexo

安装

在终端中输入以下指令安装hexo

$ npm install hexo-cli -g

初始化hexo

在终端中输入以下指令初始化hexo

$ hexo init [folder]

[folder]代表的是你的hexo文件夹名,如果不写,就默认在当前文件夹初始化。 输入命令后会在本地生成hexo项目。

启动本地服务器

在终端中输入cd [folder],进入你的hexo文件夹,输入以下指令部署项目到本地服务器

$ hexo generate

部署以后启动服务器,输入以下指令

$ hexo server

默认情况下,访问网址为: http://localhost:4000/ 

在某些情况下,你可能4000的端口被占用,可以选择重设端口

$ hexo -p 5000 server

这样的话地址就变成了http://localhost:5000/ 

打开浏览器,输入地址你就可以看到你初始的博客啦。

二.Github配置

首先需要在你的github里创建一个仓库,仓库的名字是你的github名字加上后缀.github.io

点击创建github账户 注意:仓库命一定是github名字加后缀.github.io

仓库生成以后,在setting中开始github Pages

你会看到github Pages会产生一个链接,http://***.github.io,点击choose a theme可以选择一个主题,在浏览器中输入你的网址,你会看到你的GitHub Pages已经生成好一个博客。

三.部署Hexo到Github Pages

打开hexo文件夹下的_config.yml文件,拉倒最下面,添加deploy为以下代码,repository后面的是你的仓库地址

github仓库地址

deploy:

  type:  git  repository:git@github.com:***/***.github.io.git

  branch: master

部署前需要将你本机的SSH Key 添加到GitHub到GitHub,生成SSH Key步骤步骤如下

你可以按如下命令来生成 sshkey:

ssh-keygen -t rsa -C "xxxxx@xxxxx.com"

按照提示完成三次回车,即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容,获取到你的 public key

cat ~/.ssh/id_rsa.pub 

# ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC6eNtGpNGwstc....

将生成的sshkey 粘贴到github

通过下面的命名进行博客静态页面的生成,以及部署到远端Github Pages

#删除静态文件,即 public 文件

$ hexo clean

#生成静态文件,即 public 文件

$ hexo generate

#部署到远程站点

$ hexo deploy

使用 hexo deploy 命名部署到github失败,报 ERROR Deployer not found: git 时,安装下面的插件即可解决:

$ npm install hexo-deployer-git --save

至此,Hexo+Github Pages构建个人博客网站已经基本完成了。你可以点击你的Github Pages链接,访问你的个人博客如:https://wwj1993.github.io

相关文章

网友评论

      本文标题:Hexo + Github Page搭建个人博客

      本文链接:https://www.haomeiwen.com/subject/nsipoqtx.html