使用Angular6+Bootstrap写的博客生成器

起源

我是工作两年才开始写博客的。
之前也产生过写博客的想法,但是为什么没有做呢?主要是觉得自己技术积累的还比较少,没什么可写的。有时候产生了一些想法或者做的一些事情,就直接记在笔记上了,记完之后觉得反正也不会有人看,所以就没想着发表出来。
后来换了一份工作,一下子接触了很多新的东西,感觉脑子有点不够用了,感觉需要把自己掌握的东西好好整理一下,不然,新的东西还没学会,旧的知识却忘记了,这就很糟糕了。
这次终于开始动手了。调研了许多种写博客的方式之后,最终决定用GitHub Pages来写,代码是用angular来写的,没有使用流行的博客生成器jekyll、hexo。原因嘛,一是想试验一些技术,二是想做的灵活一些,可以随意安排网站的结构。博客地址是:http://www.yshhuang.top。目前来看,还是比较粗糙。如果是想要找干货文章的,不建议去看,写的比较少,主要是先随便写几页,把网站框架搭出来。如果是想要学习个人博客的搭建或者体验一种新的风格,可以去看一下。项目的源代码在这:https://github.com/hyschn/hyschn.github.io。感兴趣的可以看一下,欢迎通过issues提建议。
我在写的时候,把文章的标题和个分类列表都是分散在多个component(angular组件)里面的,写了几次感觉这样太分散了,不方便管理,就想把这些都统一放在一个配置文件里面。然后我转念一想,这样的话,我的博客就可以分成angular代码、配置文件、markdown博客文件三部分。代码不是每个人都能写,而且也不需要重复写,但是配置文件(我用的是json格式)和markdown语法却很容易掌握。这样的话,把这两部分单独抽出来,一个简单的博客生成器就实现了。在我原来博客的基础之上,很快就把博客生成器完成了,项目地址在这里:https://github.com/hyschn/qibing。目前功能相对单一,以后还会再完善的。

使用方法

可是直接到项目readme去看。总之,需要一个GitHub账号,需要会Git操作,了解json和markdown(这两个不了解也没关系,5分钟就能简单掌握)。
模板大概长这样:
blog

特点

  • 简单
    和jekyll、hexo等工具相比,不需要安装安装额外的东西,不需要学习新的命令,也不需要build。因为它实际上就是JavaScript,所以可以直接在浏览器运行。
  • 快速
    因为是一个单页面应用(不需要把每个博客都生成一个html),不需要每次跳转都去请求资源。关于单页面的更多优缺点可以参考知乎上的提问
  • 目录式结构
    使用目录式结构对博客分类,而不是标签式的。当然,萝卜青菜各有所爱。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值