Github搭建个人博客

今早上考完二级回来,接到腾讯云的每月邮件续费通知。 对于一个小开发来讲,买一个云服务器建站最方便不过,但是对于学生党来说还是有些贵。 一想明年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账号,这个申请不难。这里要注意的是,你的用户名之后与你的个人博客地址相挂钩。所以尽量起好满意名字。 20160613095100532 接下来,登录进去创建github仓库。 20160613095447909 下面要注意的是红线部分,选择public,还有勾上初始化readme文件,特别要注意的是,你的博客地址与Owner一栏显示的名字必须相挂钩。且必须是xxx.github.io形式。xxx是指你的owner一栏显示的文字。 20160613095648691 个人站点配置ok,过个几分钟输入https://hfate.github.io/, 也能看到个人博客的初始状态,只是暂时没有内容。


 

so,开始玩Hexo

打开cmd。 安装Hexo [code lang="linux"] npm install hexo -g [/code] 安装成功后,初始化个人博客,启动服务器 [code lang="linux"] hexo init blog cd blog npm install hexo server [/code]


这时候,访问 主页 就可以看到,本地化个人博客主页了。 也许页面会打不开,因为里面加载了些外网js,css文件,如果你的电脑需要翻墙,或者找到blog下themes/landscape/layout/_partial 的after-footer.ejs 把 [code lang="html"] <script src="https://my.oschina.net//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"> </script> [/code] 替换成 [code lang="html"] <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js“ > </script> [/code] 然后再删掉 header.ejs中的 [code lang="html"] <link href="https://my.oschina.net//fonts.googleapis.com/css?family=Source+Code+Pro" rel=”stylesheet” type=”text/css”> [/code] 到此,Ok了,建议使用翻墙host,并同时操作删改js,css

新建文章

在blog根目录下 [code lang="linux"] hexo new hehe [/code] hexo会在 source/_posts/ 下新建hehe.md 文件。 接下来,你就可以编写你的博客内容咯,具体语法参考 markdown语法. [code lang="xml"] title: 搭建免费博客 date: 2016-10-19 12:56:58 tags: 标签一 categories: 目录一 // 你的内容 <!--more--> // 以上为摘要 [/ode] <h3>将本地的文章发布到网上个人主页,首先需要将页面静态化</h3> 在blog根目录下, [code lang="linux"] hexo g [/code] 此后blog根目录下会生成public文件夹-里面就是刚才生成的静态文件。 然后部署到github,在blog目录下找到 _config.yml文件的如下配置. [code lang="xml"] deploy: type: git repo: https://github.com/Hfate/Hfate.github.io.git [/code]


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

最后回到blog根目录,执行

[code lang="linux"] hexo deploy [/code]

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

至于不满足默认主题的单调,可以试试Hexo的其他主题,这个自行搜索玩玩,反正我不告诉你我用的next!

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

[code lang="linux"] npm install hexo-generator-feed npm install hexo-generator-sitemap [/code] 源码在github上, 点这里

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )