使用Hexo与Github搭建个人博客

最近在折腾Hexo, 官网解释Hexo是A fast, simple & powerful blog framework,经过一般折腾,发现的确如此,哈哈,本篇博客,予以记录如何使用Hexo与Github搭建个人博客

hexo

基本准备

开发工具

node.js Git

项目平台

Github

掌握

MarkDown

注意事项

快速阅读帮助文章

开始

开发前的准备

  • 安装node.js , 下载安装包一步一步安装即可

  • 安装Git ,下载安装包一步步安装即可

  • 配置Git,在使用过程中,我们需要对Git进行简单的配置,主要的目的是为了让Git知道"你是谁?"

git config --global user.name "your name"
git config --global user.email "your email"

  • 创建Github账号,根据网站中的注册向导进行注册

  • 注册完成后,创建一个项目,名字为: yourname.github.io 项目 , 在注册时候有个Initialize this repository with a README,勾号可以不选,也可以选,其实就是为了说明这个仓库是用来干什么用的罢了

  • 注意:在这篇博客中,可能有人会说我不会使用Git,在这里会不会Git对搭建没影响的

使用Hexo在本地搭建个人博客

  1. 阅读hexo docs文档

  2. 在电脑中创建任意文件夹,在该文件夹下执行以下命令

$ npm install -g hexo-cli
  1. 执行完命令后表明你的hexo本地网站已经搭建成功,一条命令默认默认的博客系统已经搭建成功

  2. 搭建成功后,我们还需要了解如何去运行它

4.1 使用以下命令生成发布的界面(简写:hexo g)

 hexo generate

4.2 使用一下命令开启本地服务器(简写:hexo s)

 hexo s --debug  //开启debug模式,实时查看日志

4.3 浏览器运行http://localhost:4000/

  1. 到此位置一个本地的使用hexo搭建的个人博客已经完成

使用个人博客

在这里将介绍常用命令,具体命令请观看官方文档(https://hexo.io)


$ hexo new title  //创建一个新的md文章

$ hexo new page tags  //创建一个名为tag的页面

博客系统的结构组成

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

  • _config.yml : 博客的配置文件
  • package.json :博客的Application data.
  • scaffolds : 模板文件,当你创建一个博客或者页面,将采用这个文件夹下的对应的模板
  • source: 源文件,包含用户编辑的网站内容
  • themes : 博客的主题(更多主题可去hexo themes下载安装使用)

本地配置Github属性

在hexo的_config.yml的deploy中加入以下语句

deploy:
  type: git
  repo: github的对应仓库地址,即我们刚才在github创建的仓库
  branch: master

发布至Github

执行hexo d ,系统将部署到Github对应的仓库

网站访问

访问 yourName.github.io 即可 (注意yourname : 这个名字为你之前创建仓库起得名字,也就是你的github名字)

绑定域名

购买域名

我们可以去万网 购买域名,在此之前需要进行登录注册

域名认证

购买域名后需要按照相关设置对域名进行使用认证

解析域名

解析完成后,对域名进行解析,解析为Github

 记录类型: A

 主机记录: @ www

 记录值:192.30.252.154

 提示:需要添加两次解析,分别问@的和www的解析

github的相关配置

在你的项目中创建CNAME文件,内容为你的域名

提醒:如果在hexo项目中,需要在public文件夹下创建该文件,因为Hexo部署项目为部署的public文件夹的文件


至此关于使用hexo与Github搭建个人博客的基本操作已经讲完,感谢大家的支持

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值