今早上考完试回来,接到腾讯云的每月邮件续费通知。

对于一个小开发来讲,买一个云服务器建站最方便不过,但是对于学生党来说还是有些贵。

一想明年7月份,云服务器就一元每月变65每月,加上30来块的域名费,每年下来也得花800块,打心底不愿意。

于是想捡起老早就建好模型的GitHubPage,300M的免费空间放点静态页面还是管够的,我也没多少交互,评论啊分享啊订阅什么的都由第三方服务代理就好了。

这是个无开源不程序的年代,与此同时,github上的个人项目在业内变得越来越有分量。

在github上搭建个人博客也慢慢成了潮流,毕竟自己码出来的东西,还是挺愿意维护的。

所以折腾三两小时,俺学习了下node.js+Hexo+Git建站。

node.js相信业内人士是不陌生的,下载过来一路确定就安装完了,老司机我想要说的实际整个建站流程并不需要自己写一行Node.js代码,只是用到了Node.js附带的npm这只包管理工具,用来下载Hexo的各种模块。

准备工作

Git也是耳熟能详的东东啦,下载过来一路确定就是咯,至于怎么使用,看完安装git和添加远程库两篇就可以了。

Hexo是一只基于Node.js的静态博客框架,所以装node.js,有心情可以自行查看文档.

这里只想简单带大家Windows版绕坑。

首先,你得有个人的github账号,这个申请不难。这里要注意的是,你的用户名之后与你的个人博客地址相挂钩。所以尽量起好满意名字。

接下来,登录进去创建github仓库。

下面要注意的是红线部分,选择public,还有勾上初始化readme文件,特别要注意的是,你的博客地址与Owner一栏显示的名字必须相挂钩。且必须是xxx.github.io形式。xxx是指你的owner一栏显示的文字。

个人站点配置ok,过个几分钟输入https://hfate.github.io/, 也能看到个人博客的初始状态,只是暂时没有内容。

So,开始玩Hexo

打开cmd。

安装Hexo

npm install hexo -g

安装成功后,初始化个人博客,启动服务器

hexo init blog

cd blog

npm install

hexo server

这时候,访问 http://localhost:4000/ 就可以看到,本地化个人博客主页了。

新建文章

在blog根目录下

hexo new hehe

hexo会在 source/_posts/ 下新建hehe.md 文件。

接下来,你就可以编写你的博客内容咯,具体语法参考markdown语法(百度)。

title: 搭建免费博客

date: 2016-10-39 12:56:61

tags: 标签一

categories: 目录一

// 你的内容

// 以上为摘要

将本地的文章发布到网上个人主页,首先需要将页面静态化

在blog根目录下,

hexo g

此后blog根目录下会生成public文件夹-里面就是刚才生成的静态文件。

然后部署到github,在blog目录下找到 _config.yml文件的如下配置

deploy:

type: git

repo: https://github.com/Hfate/Hfate.github.io.git

这里repo填写自己的github个人主页仓库地址

最后回到blog根目录,执行

hexo deploy

至此,刷个十秒手机访问Hfate.github.io.git便可以看到自己的个人主页了。

至于不满足默认主题的单调,可以试试Hexo的其他主题,这个自行搜索玩玩!

插件安装示例,rss订阅及siteMap

npm install hexo-generator-feed

npm install hexo-generator-sitemap

node mysql 搭建博客_node.js+Hexo+Git搭建个人博客相关推荐

  1. node mysql 连接池创建_Node.js使用MySQL连接池的方法实例

    本文实例讲述了Node.js使用MysqL连接池的方法.分享给大家供大家参考,具体如下: Nodejs如何使用MysqL Nodejs要连接MysqL,可以使用Nodejs的MysqL驱动来实现.比如 ...

  2. 搭建好看的静态博客(使用Hexo进行搭建)

    经常看到大牛的博客非常的高大帅气,虽然我很渣,但是逼格不能输,所以有了以下的搭建记录. 我的成果ninwoo,喜欢的可以参考下面的记录一起来动手搞起来. 安装Git Bash 访问git下载最新版本的 ...

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

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

  4. node 没有界面的浏览器_node.js爬虫入门(二)爬取动态页面(puppeteer)

    之前第一篇爬虫教程node.js爬虫入门(一)爬取静态页面讲解了静态网页的爬取,十分简单,但是遇到一些动态网页(ajax)的话,直接用之前的方法发送请求就无法获得我们想要的数据.这时就需要通过爬取动态 ...

  5. Node mysql mvc vue_net MVC +Vue.js+Element UI 笔记

    最近项目需求,要在MVC里用Vue 与 Element UI,故而做个笔记来记录一些遇到的问题和处理思路 (方式比较麻瓜,如果不是临时用的话,建议还是学一下Vue-cli,新项目还是老老实实前后端分离 ...

  6. 齐博 src=/do/js.php?id=775,齐博CMS存储型XSS可getshell(组合利用)

    齐博cms,利用威胁不大的前台存储型xss+没有任何危害的后台CSRF+几乎无影响可忽略的后台getshell 3个0day 结合起来的威力拿下齐博cms,虽然不算什么严重的漏洞,但是中途遇到的问题和 ...

  7. 齐博 src=/do/js.php?id=775,齐博CMS列表页,内容页的边栏,用不同的模板显示的方法...

    齐博CMS让 列表也,内容页 的 边栏(就是"最新文章""热门文章""推荐文章"那些) 用不同的模板显示的方法 首先,说说思路: 边栏的样式 ...

  8. 使用Git搭建个人博客

    为什么要搭建个人博客 好记性不如烂笔头,方便日后整理回顾 免费方便,不需要服务器不需要后台,不需要依赖除了git的外部服务 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的 ...

  9. 基于Hexo+Node.js+github+coding搭建个人博客——进阶篇(从入门到入土)

    前言 先附上个人博客链接:http://yangbingdong.com/2017/build-blog-hexo-advanced/ 好久没更新了,因为懒- - 前面介绍了Hexo的一些基本搭建→基 ...

最新文章

  1. nova6的4g版能支持鸿蒙,鸿蒙公测新增6款手机,都是nova系列,包括一款4G手机
  2. 测试Robotium
  3. 看不到日志_Kubernetes中常用的日志收集方案
  4. python课程将主要介绍哪些内容-Python窗口的基本介绍
  5. SpringAMQP--DirectExchange
  6. linux添加cmd命令行参数,Windows 终端命令行参数 | Microsoft Docs
  7. vs2010项目属性配置
  8. Taro+react开发(15)--对应文件编译
  9. Golang实践录:xorm使用记录
  10. c# 打开的窗口显示在最前面_了解各种切换程序窗口的方法,提高工作效率
  11. Spring AOP(二)之AfterReturning增强处理
  12. JS学习笔记(不断更新)
  13. python加法运算符_python 入门之 – 基本运算符(七)
  14. ifconfig 配置ip,netmask,gw
  15. 多家波卡生态项目招聘开发者,高薪职位等你来 Pick
  16. 求最小码距 (10 分)
  17. MySQL的varchar水真的太深了——InnoDB记录存储结构
  18. 出塞二首 唐 · 王昌龄
  19. python中geometry用法_Python geometry.Point方法代码示例
  20. 高数--反常积分与无穷级数的关系

热门文章

  1. spring component-scan配置扫描多个包
  2. java 遍历arrayList的四种方法
  3. Ofbiz架构讲解与讨论(crud)
  4. window 2008 搭建的DHCP服务器
  5. keepalived 负载 mysql 3306端口问题
  6. C++ RTTI 简介
  7. PL/SQL 12.0配置连接远程Oracle数据库
  8. 【impala学习之一】impala
  9. 分分钟学会系列:mac地址泛洪攻击实验
  10. javascript常用tool.js