基于node下heox快速搭建一个免费的github个人博客

配图与本文无关

首先标题要长。。。其次本篇文章主要说的是用heox搭建一个个人博客

本人是一大四毕业狗,一直想要搭建一个个人博客,苦于前段时间忙于毕设与答辩还有公司实习(以上都是借口)。收起借口,搭建一个博客不用30分钟。

首先感谢一下文章,这些文章使我少走了很多弯路:

20分钟教你使用hexo搭建github博客

使用hexo+github搭建免费个人博客详细教程

github-Pages官网
hexo官网

该博客所需:

  1. NodeJs环境Node官网
  2. github账号,可自己免费申请
  3. git环境,可下载gitbash gitbash官网或者在github官网下载桌面版github

git和node环境基本都是下载了直接下一步即可

创建步骤

创建步骤:

创建存储库转到GitHub并创建一个名为username .github.io 的新存储库,其中username是您在GitHub上的用户名(或组织名称)。PS:如果存储库的第一部分与您的用户名不完全匹配,它将无法正常工作,因此请确保正确。
强调!!如果不用自己的username,就会页面404

就这样就结束了,如果没有秘钥的同学可以参考创建秘钥详细教学

在这里我简略说一下:

打开gitbash运行一下命令:(不加$)

// 一、查看本机有没有ssh秘钥
$ cd ~/.ssh
$ ls
// 创建秘钥后可回车跳过设置
$ ssh-keygen -t rsa -C "your_email@example.com"
// 最后把id_rsa.pub用记事本打开,将里面的内容放到github设置里的ssh中复制粘贴到github的ssh管理上即可

设置github的ssh网址直通车github-ssh

通常id_rsa.pub会在c盘中的用户里


通常id_rsa.pub会在c盘中的用户里

接下来使用hexo,据我粗略了解这是一个台湾人写的,也就是说这个文档对国人很友好。Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


hexo

按照官网输入以下命令就可以快速使用官方脚手架搭建起一个静态页面,可以在本地浏览;

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

如果想要跑在github上需要配置,简单的了解几个配置有更多需求可在官网上进行配置。

部署
Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。

$ hexo deploy
在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,例如:

deploy:
  type: git

您可同时使用多个 deployer,Hexo 会依照顺序执行每个 deployer。

deploy:
- type: git
  repo:
- type: heroku
  repo:

type为git还需要安装一个插件命令行输入 npm install hexo-deployer-git --save即可。
缩进要和_config.yml一致

// 修改配置
/*
*rope:你的创建仓库的地址
*branch:这里使用主分支master
*/
deploy:
  type: git
  repo: https://github.com/FengYangLiu/FengYangLiu.github.io.git
  branch: master

本地的可以运行后在命令太输入 hexo ghexo d就能跑在github上了

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help  #查看帮助
hexo version  #查看Hexo的版本
// 缩写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
// 组合命令
hexo s -g #生成并本地预览
hexo d -g #生成并上传

新建的文章会在本地博客文件夹source/_posts中他是.md的markdown文件,可以使用atom打开或者使用支持markdown的编辑器打开都可以。

// 文章内部格式
---
title: postName #文章页面上的显示名称,一般是中文
date: 2017-05-20 10:10:16 #文章生成时间,一般不改,当然也可以任意修改
categories: 默认分类 #分类
tags: [tag1,tag2,tag3] #文章标签,可空,多标签请用格式,注意:后面有个空格
description: 附加一段文章摘要,字数最好在140字以内,会出现在meta的description里面
---

以下是正文

如果有需要显示更多可在需要显示更多的文章中加一个 , 后面的内容就不会显示出来了

输入当时填写(your_user_name.github.io)的地址,就能显示了,快去试试吧 我的博客

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

推荐阅读更多精彩内容