利用Github Pages+Hexo搭建个人博客
2017-12-23 14:37
471 查看
利用Github Pages+Hexo搭建个人博客
技术简介
Github Pages
GitHub Pages 本来用于介绍托管在Github上的项目,由于它的空间免费稳定,因此适合用来搭建博客。每个帐号只能有一个仓库来存放个人主页,且仓库的名字必须是
username/username.github.io。你可以通过
http://username.github.io来访问你的个人主页
个人主页的网站内容是在master分支下
Hexo
Hexo是一个快速、简洁高效的博客框架,具有如下特点:生成静态网页
支持Markdown
一键部署博客到Github Pages
丰富插件
七牛云
使用七牛云作为图床。认证后的七牛云存储提供10G的免费空间以及每月10G的流量
配置环境
Git
安装Git
进入网站https://git-scm.com/下载安装即可
Node.JS
安装Node.JS
进入网站https://nodejs.org/en/,下载安装即可
Hexo
安装Hexo
在任意位置右键点击Git Bash Here
使用
npm安装
hexo,可以先切换npm源,加速安装过程
npm config set registry https://registry.npm.taobao.org npm install -g hexo
出现以下图示表示安装完成。
【注】若提示
This package is no longer maintained,耐心等待安装即可。
配置Hexo
创建hexo文件夹在某一文件夹下如
F:\hexo\blog,右键
Git Bash Here,使用以下命令创建建立网站需要的文件
hexo init
安装依赖包
npm install
生成静态文件
hexo generate #生成静态文件,会在当前目录下生成一个新的名为public的文件夹
启动Hexo
hexo server -p 5000 #使用hexo server 默认端口4000,会无法访问localhost:4000,因此改为5000端口
常用hexo命令
hexo help #查看帮助 hexo -v #查看本地环境 hexo init #初始化一个目录 hexo new "postName" #新建文章 hexo new page "pageName" #新建页面 hexo gernerate #生成网页,可以在public目录查看整个网站的文件 hexo server #本地预览 Ctrl+C关闭 hexo deploy #或hexo d 部署到远端如github、heroku hexo clean #清除缓存 建议每次执行命令前先清理缓存,每次部署前先删除 .deploy文件夹
#常用缩写 hexo n #hexo new hexo g #hexo generate hexo s #hexo server hexo d #hexo deploy
#常用组合 hexo d -g #生成部署 hexo s -g #生成预览
操作流程
Github Pages
创建页面仓库
创建一个仓库,需要和帐号对应,格式yourname.github.io,创建仓库
生成SSH密钥
任意地方右键Git Bash Here,执行以下命令
ssh-keygen -t rsa -C "你的邮箱地址"
出现
Enter file in which to save the key (.....)直接回车选择默认位置
出现
Enter passphrase(empty for no passphrase)直接两次回车不设密码以及确认
在Github上添加SSH密钥
打开id_rsa.pub,复制内容。
进入
https://github.com/settings/ssh。
点击
New SSH key
填写后点击
Add SSH key
Hexo
目录结构
deploy #需要部署的文件
node_modules #Hexo插件
public #生成的静态网页文件
scaffolds #模板
source #博客正文和其他源文件
drafs #草稿
posts #文章
themes #主题
config.yml #配置文件
部署
原理上述步骤中在Github上创建的那个仓库
username.github.io,可以通过该链接访问
Hexo -g 会生成一个静态网站,第一次会生成一个public目录,这个静态文件可以直接访问
需要将Hexo生成的静态网站,提交(git commit)到github上
过程
需要在
_config.yml中修改
deploy: type: git repository: http://github.com/tianwenyu/tianwenyu.github.io.git branch: master
【注】
repository:后面的
tianwenyu/tainwenyu.github.io.git要与自己创建的仓库名保持一致
.yml文件对格式要求严格,
type:
repository:
branch:前面两个空格,冒号后面一个空格
安装依赖包
npm install hexo-deployer-git --save
配置好之后执行
hexo genearte hexo deploy
【注】以上命令执行的环境必须在执行
hexo init创建的文件夹下执行
执行完以上命令,会出现页面输入你的github用户名和密码,验证后就可以上传成功
访问
tianwenyu.github.io,成功打开页面即部署成功
相关文章推荐
- 利用Github Pages和Hexo搭建个人博客
- 利用GitHub Pages和Hexo搭建个人博客
- Hexo+GitHub Pages搭建的个人博客
- 利用github和hexo一步步生成个人博客(1)---环境搭建
- 使用Hexo和Github Pages搭建个人独立的博客
- github pages + Hexo + 域名绑定搭建个人博客增强版
- 利用github与hexo搭建个人博客
- 利用github和hexo搭建个人博客
- github pages + Hexo + 域名绑定搭建个人博客
- GithubPages+Hexo搭建个人博客
- 利用Github和Hexo搭建独立的个人博客--基础篇
- 使用github pages, hexo搭建个人博客教程
- 利用 Jekyll + Github pages 搭建个人博客
- Hexo搭建Github Pages托管的静态个人博客
- Windows上利用github和hexo搭建个人博客
- GitHubPages+Hexo搭建免费个人博客(windows平台)
- 用Hexo-GithubPages-CodingPages搭建自己的个人博客
- 使用 Github Pages 和 Hexo 搭建个人博客
- Hexo+GitHub pages 搭建个人博客
- GitHub Pages + Hexo搭建个人博客