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项目。
![](https://img.haomeiwen.com/i2760539/98f241cc8aae9fab.png)
启动本地服务器
在终端中输入cd [folder],进入你的hexo文件夹,输入以下指令部署项目到本地服务器
$ hexo generate
部署以后启动服务器,输入以下指令
$ hexo server
默认情况下,访问网址为: http://localhost:4000/
在某些情况下,你可能4000的端口被占用,可以选择重设端口
$ hexo -p 5000 server
这样的话地址就变成了http://localhost:5000/
打开浏览器,输入地址你就可以看到你初始的博客啦。
二.Github配置
首先需要在你的github里创建一个仓库,仓库的名字是你的github名字加上后缀.github.io
![](https://img.haomeiwen.com/i2760539/b5fc7bb6850c0b7f.png)
![](https://img.haomeiwen.com/i2760539/e94ad917e2c4ec7d.png)
仓库生成以后,在setting中开始github Pages
![](https://img.haomeiwen.com/i2760539/a27327e0e463dcfd.png)
![](https://img.haomeiwen.com/i2760539/19db3a7b3f1704a6.png)
你会看到github Pages会产生一个链接,http://***.github.io,点击choose a theme可以选择一个主题,在浏览器中输入你的网址,你会看到你的GitHub Pages已经生成好一个博客。
三.部署Hexo到Github Pages
打开hexo文件夹下的_config.yml文件,拉倒最下面,添加deploy为以下代码,repository后面的是你的仓库地址
![](https://img.haomeiwen.com/i2760539/1abd54032901c89e.png)
![](https://img.haomeiwen.com/i2760539/6e5edf11cd5433d3.png)
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....
![](https://img.haomeiwen.com/i2760539/0323e6b4cfacfc6f.png)
将生成的sshkey 粘贴到github
![](https://img.haomeiwen.com/i2760539/b9b799f76ace45aa.png)
![](https://img.haomeiwen.com/i2760539/65ec2bac23d61f3c.png)
![](https://img.haomeiwen.com/i2760539/d4f17b1acf882f6b.png)
通过下面的命名进行博客静态页面的生成,以及部署到远端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。
网友评论