使用Hexo与Github搭建个人博客
in Hexo with 5 comments
Read: 2,238

使用Hexo与Github搭建个人博客

in Hexo with 5 comments

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

hexo

基本准备

开发工具

node.js Git

项目平台

Github

掌握

MarkDown

注意事项

快速阅读帮助文章

开始

开发前的准备

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

使用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

本地配置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搭建个人博客的基本操作已经讲完,感谢大家的支持

Responses
  1. zzc

    好漂亮的博客

    Reply
  2. mcb

    你的评论系统是什么

    Reply
    1. @mcb

      typecho自带的评论系统

      Reply
  3. 包子

    楼主,可否加个QQ好友 ,关于个人博客搭建我遇到点问题,想请教你,还望赐教!QQ 315460509

    Reply
    1. @包子

      OK,好的

      Reply