Hexo3+Github搭建免费博客(二)自定义主题

更换主题

找一个你喜欢的主题,clonetheme文件夹,例如官网推荐的一些

执行如下命令

git clone https://<git/repository> themes/<themename>

_config.yml文件中的theme字段设置为与<themename>一致

# Extensions
theme: [themename]

很简单地就替换了。但是不同主题会有不同的差异,还要手动修改。例如默认主题没有categoriestagsabout页面,要自己建立。具体可以看你所用的的主题的指南。

如果主题没有这些页面,自己又需要,可以自己写一个。

Read More

Hexo3+Github搭建免费博客(一)基本安装

前两天有朋友要和我交换博客友情链接,原本博客使用jekyll,换了电脑,要重新配置,有些依赖被墙,各种问题,折腾了一天才弄好。昨天想给博客换皮肤,看到Hexo和jekyll的比较,都说jekyll太重,hexo轻巧很多,所以决定尝试一下。虽然用了很久的jekyll,想自己做主题,但文件太多,搞不清楚哪跟哪。现在换了hexo,简洁明了,真的很容易上手。而且是台湾同胞写的,遇到问题交流起来没那么困难。现在项目还在不断更新中。

网络上很多老文章是hexo2的教程,与hexo3有所差异。本文记录hexo3的。

Read More

Web开发利器推荐(五)

StackEdit

它是一款很棒的Markdown编辑器。 基于PageDown开发而来,已经被 Stack Overflow 和其他 Stack Exchange 站点使用。

StackEdit 能实时预览文档,保存到云端或本地的local storage,导出 Markdown、HTML 或 PDF 格式,与GitHub、Gist、Google Drive、 Dropbox 或者任何 SSH 服务器。

还有其他功能: 支持LaTeX、所见即所得、在线/离线模式、Prettify/Highlight.js语法高亮、支持扩展。

Read More

Gogs:可能是比Gitlab更好的选择

译者注:看到一篇介绍能简单自建git托管服务的项目—— Gogs ——的文章,感觉这个项目很棒,翻译给大家参考一下。
这个项目的四位主要开发者都是中国人,该项目今天蝉联 GitHub Go 语言 Trending 第一。(づ ̄3 ̄)づ莫名的自豪感油然而生。希望能有更多优秀的国产项目出现~

Gitlab是一个很棒的Git托管服务,几乎像GitHub一样强大。 但是,有没有能和Gitlab/Github媲美但操作更简单的项目呢?我认为 Gogs 是很好的选择。

Read More

我是怎么写JavaScript框架的(一)

前言

以前大三的时候写的一个小框架,仿jquery链式结构,纯属练手,大牛勿喷。当时还把JQ的源码全部打印下来(因为在电脑上看不方便做笔记),7600+行代码,300+页A4纸,对照着看别人是怎么写的。还好一个长我一届的学长当时比较闲,我说我想读JQ代码,他也没读过,就找来上两届的学长以前练手写的小框架进行学习。可惜只找到了压缩混淆后的代码,对于一个渣渣来说,阅读起来很困难。在他的指点下,我大致了解了原理,并开始着手自己写。现在陆续有学弟找我要这个代码。虽然现在觉得写得一塌糊涂,但是,可能对于和我当时一样摸不着边的人来说,可能会有帮助。我就打算慢慢解析我是怎么写的,并穿插讲解我对JQ(2.0版)写法的理解。其实源代码里我都写有注释,我也是靠这些注释回忆我当时是怎么想的。可能会有很多不好的地方,轻喷~ 罒ω罒

我给库起名Oct.js,是因为这个是在企鹅实习生应聘失败后为10月校招而写。纪念那个稚嫩的我。

全部代码,看这里看这里~( ̄▽ ̄)~* 
配合使用文档看代码更容易理解

Read More

Web开发利器推荐(三)

看到一个很棒的系列,介绍了很多对web开发很有帮助的利器,解决了很多开发中遇到的繁琐事,翻译来分享一下:

Cloudconvert

出色的在线转换器,支持超过150种格式,支持音频、CAD、文档、电子书、图像、表格、演示文稿、视频文件。 与Dropbox和 Google Drive同步,适用于所有智能手机。 最棒的是,它提供功能强大但使用简单的API。

Read More

Web开发利器推荐(二)

看到一个很棒的系列,介绍了很多对web开发很有帮助的利器,解决了很多开发中遇到的繁琐事,翻译来分享一下:

Webflow

通过这些服务,一个没有HTML/CSS知识的人,就能在55分钟内搭建一个跨浏览器的页面。 这是为网页设计师准备的完美解决方案,已经有超过26 000人在使用Webflow。 只能免费创建两个项目,想要创建更多项目的收费也很合理。 这个工具真的很酷。

如果你和我一样是个不喜欢GUI的前端,就可以在Webflow上导出几个免费的响应式布局模板。 我还想推荐responsive layout generatorResponsive Patterns

Read More

Web开发利器推荐(一)

看到一个很棒的系列,介绍了很多对web开发很有帮助的利器,解决了很多开发中遇到的繁琐事,翻译来分享一下:


Prepros

这是很赞的预处理程序。 Prepros能编译很多种语言 (LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml, Markdown),实时压缩和连接JS,优化图片,当CSS或HTML变化时自动刷新浏览器,多设备测试。

所以你不用购买LiverloadGhostlab,Prepros是开源、免费的。 类似的功能只能通过Grunt实现,但Prepros让事情变得简单。

Read More