快用Hexo+GitHub 搭建属于本身的博客吧~

准备工做:node

  • 注册我的 GitHub 帐号【 github.com/
  • 安装 node.js、npm,并了解相关基础知识
  • 安装 Git,并了解相关基础知识

1、在 GitHub 创建博客仓库

一、打开 GitHub ,点击右上角的加号,选择 New repository 建立新的仓库。 git

二、在 Repository name 这里填【 你的用户名.github.io 】,好比个人就是 mykepler.github.io,而后点击 Create repository ,你就建好了一个存放博客的 GitHub 仓库。

2、配置SSH Keys

一、生成 SSH Keysgithub

ssh-keygen -t rsa -C "Github的注册邮箱地址"
复制代码

而后一路回车。若是你是 Windows 用户,你会在你的 C:\Users\admin.ssh 里找到 id_rsa 和 id_rsa.pub 两个文件,用记事本打开 id_rsa.pub 文件,复制里面的 SSH Keys;若是你是 Mac 用户,直接在终端 使用 pbcopy < ~/.ssh/id_rsa.pub 拷贝 SSH Keys。npm

二、配置 SSH Keys浏览器

进入设置页面,选择 SSH and GPG keys。
点击 New SSH key 按钮,进入下图页面,输入标题(随意取名)和 SSH Keys 👇

3、安装并配置 Hexo

官网: hexo.io/zh-cn/bash

一、新建一个文件夹,用于存放博客。markdown

二、打开终端,进入此文件夹的目录下,而后开始安装 Hexo。hexo

npm install -g hexo-cli
复制代码

安装好 Hexo 后,输入:ssh

hexo
复制代码

若是出现下图,就说明你的 Hexo 安装成功了。post

4、博客初始化

// 创建一个博客文件夹,并初始化博客,<folder>为文件夹的名称
hexo init <folder>
// 进入博客文件夹,<folder>为文件夹的名称
cd <folder>
// node.js的命令,根据博客既定的dependencies配置安装全部的依赖包
npm install
复制代码

安装完成后,你的文件夹会变成下图这样👇

这里的 _config.yml 是你的站点配置文件,你能够打开它修改你的站点信息(每一个:后面都有一个空格) repo 中填入你的仓库地址。

url: http://yoursite.com 把这个改为你的github地址(例如:http://myKepler.github.io)

deploy:
  type: git
  repo: git@github.com:myKepler/myKepler.github.io.git
  branch: master
复制代码

5、第一篇文章

一、新建文章

hexo new "文章标题"
复制代码

新建的 markdown 文件会在 source/_posts 中,文章写在这个 markdown 文件中。文章标题、文章编辑时间、标签、分类等信息都可以手动修改。

博客里面的标签、分类会根据你的命名自动生成和更新。

二、文章本地预览

//在Hexo 3.0 后server被单独出来了,须要安装server
npm install hexo-server --save
hexo s
复制代码

在浏览器中输入 http://localhost:4000 ,你就能看到本身的博客了。

6、博客发布

npm install hexo-deployer-git --save
hexo g
hexo deploy
复制代码

发布成功后,可在你的 GitHub 上看到博客的编译文件。博客地址: xxxxxxx.github.io 🌟

7、主题修改

默认主题 landscape 是比较丑陋的👇

能够在 官网主题模块 选择喜欢的主题。

推荐主题:

  • hexo-theme-jekyll
  • hexo-theme-yilia
  • hexo-theme-next
// 主题下载
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
复制代码

修改 _config.yml 中的 theme: landscape 改成 theme: yilia ,而后从新执行 hexo g 就能够更换主题啦~

若是出现一些莫名其妙的问题,能够先执行 hexo clean 来清理一下public的内容,而后从新生成和发布。

8、绑定域名

若是不想用 xxxxxxx.github.io 做为博客地址,那能够选择绑定域名。

一、添加CNAME 在博客站点的 source 文件夹下新建一个 CNAME 文件 【 注意:CNAME无后缀名 】

CNAME文件中只需写入一行便可,假设域名为 xxxx.com ,那就打开文件写入如下内容,而后保存。

xxxx.com
复制代码

二、申请域名

  • 在腾讯云/阿里云上买个域名
  • 实名认证
  • 添加域名解析记录

主机记录 记录类型 线路类型 记录值 MX优先级 TTL(秒) 最后操做时间
@ CNAME 默认 xxxxxxx.github.io - 3600 -

三、耐心等待解析生效 ✌️

相关文章
相关标签/搜索