hexo+github从0到1搭建免费个人博客

本教程详细记录了使用hexo+github从0到1搭建免费个人博客
示例:https://qq756585379.github.io

基础环境搭建

安装node.js

安装git

全局安装Hexo,装完成后输入hexo -v,出现版本信息则表示安装成功。

npm install hexo-cli -g

新建hexo文件夹,然后输入cd hexo(进入该文件夹),在依次执行如下操作

hexo init   
npm install 

安装hexo的插件

npm install hexo-server --save     #搭建本地服务器所需插件
npm install hexo-deployer-git --save   #使用git方式进行部署博客所需插件

在本地生成博客静态页面并预览

hexo g (hexo generate的简写)
npm s (hexo server的简写)

这条指令运行完成后可在本地启动服务器并预览博客,默认网址为:http://localhost:4000
如果以上步骤都不出意外的话,你就会看到一个Hexo博客初始化的页面。

1.png

创建Github pages并SSH授权

在我们的GitHub上面右上角的New repository来创建一个仓库。

仓库名必须遵守相应格式:github_username.github.io, 这样子在访问主页的时候直接用:github_username.github.io就能访问。

创建好仓库之后,要本地生成 SSH 秘钥,方便电脑上的 git 软件好提交内容到 Github上

命令行下输入ssh-keygen -t rsa -C ‘你的邮箱地址’,然后回车

生成密钥后,在你电脑目录:C:\Users\你的计算机用户名.ssh 下,会生成两个文件:
私钥:id_rsa,公钥:id_rsa.pub

用记事本打开 id_rsa.pub,复制文件中的所有内容,访问:https://github.com/settings/ssh ,点击添加新秘钥(New SSH key)

本地博客同步到GitHub上

编辑hexo文件夹下的配置文件: _config.yml

修改下面内容

# Site,这一块区域主要是设置博客的主要说明,需要注意的是:每个冒号后面都是有一个空格,然后再书写自己的内容的
title: 杨俊的博客
subtitle: 记录所有技术相关
description: 技术栈
keywords:
author: yangjun
language: zh-Hans
timezone:

# URL,这一块一般可以设置的是 url 这个参数,比如我要设置绑定域名的,这里就需要填写我的域名信息
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:qq756585379/qq756585379.github.io.git
  branch: master

部署

hexo clean #会清除缓存文件db.json及之前生成的静态文件夹public;
hexo g #会重新生成静态文件夹public;
hexo d #发布

在浏览器中访问博客地址github_username.github.io(github_username为你的github名称)

更换主题

更换主题主要是两步,先下载主题然后放到hexo文件夹下面的themes文件夹(专门用来存放主题)下,再修改主题的配置文件_config.yml中相关参数,启用themes文件夹下新增的主题。这里用Next主题做示例。

这里用Next主题做示例。theme-next

$ cd hexo
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

启用主题

在_config.yml文件中找到 theme 字段,并将其值更改为 next(注意冒号后面要留一个 空格)。

清除并重新生成hexo静态文件,启动本地服务器,然后通过 http://localhost:4000/ 预览博客:

hexo clean      #清除静态文件
hexo g          #重新生成静态文件
hexo s      #启动服务器

在hexo/theme/next/_config.yml文件中找到 scheme 字段
目前 NexT 有以下几种 Scheme,将你需用启用的 scheme 前面注释 # 去除即可。
Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
Mist - Muse 的紧凑版本,整洁有序的单栏外观
Pisces - 双栏 Scheme,小家碧玉似的清新
Gemini - 左侧网站信息及目录,块+片段结构布局

hexo/theme/next/_config.yml文件里还有很多配置,自己可以按需修改。

配置自定义域名

注册域名

新建CNAME文件
新建一个CNAME文件(文件名叫 CNAME,没有文件后缀的),把该文件放在 hexo\source 目录下
CNAME 上的内容需要写你具体要绑定的域名

域名解析设置
查看github空间服务IP:ping www.github_username.github.io

2.png

登录阿里云【域名-点击域名列表中的域名-域名解析】进入域名的解析后台,添加如下两条解析记录:

3.png

设置好之后,等过几分钟域名解析好之后,我们即可通过域名访问到你的博客了。

博客操作

新建文章
hexo new post 背影

创建页面
hexo new page 'tags'

把页面路径添加到菜单中
编辑主题配置文件(hexo/themes/_config.yml),找到munu字段,添加tag: /tags


menu:
  Home: /
  tag: /tags

参考链接:

https://www.jianshu.com/p/b020607c2a7d

https://blog.csdn.net/weixin_39345384/article/details/80787998

https://blog.csdn.net/qq_32454537/article/details/79482896

https://www.jianshu.com/p/21c94eb7bcd1

https://blog.csdn.net/linshuhe1/article/details/52424573

https://www.jianshu.com/p/1c98aed8d92e

https://www.jianshu.com/p/ea5ac6162a96

https://blog.csdn.net/u011976726/article/details/78217467

https://www.cnblogs.com/wanghuaijun/p/7073296.html

https://www.cnblogs.com/zhangqie/p/7978394.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容