simple 这是针对移动端开发的响应式 Jekyll 主题,效果看 demo,源码在 GitHub,觉得不错点个 star. 主题特性包括但不限于: 在线编辑.新建.发布文章 GitHub 官方语法写作 MathJax 支持属性公式渲染 mermaid 提供流程图渲染 支持 B 站.YouTube 视频嵌入 Gitalk 提供评论支持 原生 JS 实现站内搜索 快速搭建 你可以选择直接在 GitHub 上操作,或者在本地上修改主题再发布到自己的仓库里. 线上操作 fork 本仓库 修改仓库名为…

最近花了三天时间制作了我的第一个jekyll theme--BoHu.一款知乎风格的模板,使用jekyll模板引擎,十分钟就能搭建属于你自己的静态博客网站. 本主题的特征为: 知乎风格 分页导航使用的是具体页码而不是单纯的上一页下一页 支持博文搜索功能 支持文章分类和显示近期文章 首页能统计博文数量 内置中文和英文的艺术字体 内置音乐播放器 支持多说和disqus评论系统 移动设备浏览效果良好 使用MIT许可 具体步骤如下: 首先,你需要有GitHub帐号. 到我的GitHub上的bohu-je…

github上面有很多基于jekyll的主题 https://github.com/theme4jekyll 使用起来也非常方便.直接clone到本地 这些主题,包括了很多模板,在新建博客的时候可以在开头需要写一些标签,如果为了方便的话,提前写好一个程序来完成将会变得非常方便. 比如我写了一个.这个就在主题文件夹下面(newPost.rb) time = Time.new timestr = time.strftime("%Y-%m-%d-") puts "title: &q…

前言 笔者在用 Jekyll 搭建个人博客时踩了很多的坑,最后发现了一款不错的主题 jekyll-theme-next,但网上关于 Jekyll 版的 Next 主题优化教程少之又少,于是就决定自己写一篇以供参考. My Blog ? 传送门 本文仅讲述 Next (Jekyll) 主题的深度优化操作,关于主题的基础配置请移步官方文档. 主题优化 修改内容区域的宽度 打开 _sass/_custom/custom.scss 文件,新增变量: // 修改成你期望的宽度 $content-deskt…

网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…

使用jekyll将markdown文件生成静态的html文件,并使用主题有序的进行布局,形成最终的博客页面. 特点 基于ruby 使用Markdown书写文章 无需数据库 可以使用GitHub Pages发布 安装Ruby环境 由于我的是在windows的操作,所以这里用rubyinstaller--http://rubyinstaller.org/downloads/,linux和mac的朋友就直接官网的ruby. 我使用的版本:rubyinstaller-2.2.3-x64.exe(17.1…

喜欢写Blog的人,会经历三个阶段. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章. 大多数Blog作者,都停留在第一和第二阶段,因为第三阶段不太容易到达:你很难找到俯首听命.愿意为你管理服务器的人. 但是两年前,情况出现变化,一些程序员开始在github网站上搭建blog.他们既拥有绝对管理权,又享受github带…

jekyll主题下载: https://mademistakes.com/work/jekyll-themes/ https://github.com/jekyll/jekyll/wiki/Themes https://www.jekyllthemes.net/item-category/themes/…

使用 GitHub, Jekyll 打造自己的免费独立博客 GitHub是一个代码托管网站,现在很多开源项目都放在GitHub上. 利用GitHub,可以让全球各地的程序员们一起协作开发.GitHub 提供了一种功能,叫 GitHub Pages, 利用这个功能,我 们可以为项目建立网站,当然,这也意味着我们可以通过 GitHub Pages 建立自己的网站. Jekyll是一个简单的,针对博客设计的静态网站生成器.使用 GitHub 和 Jekyll,我们可以打造自己的独立博客,你可以自由地定…

title: deepin/ubuntu下搭建Jekyll环境 最近用github搭建了个博客,正好也学习一下markdown语法,由于markdown写完后不是立即可见,所以每次写完文章都要经过在线调试,而在线调试就得上线文章,每次上线都得重复git add, git commit, git push这三步. 安装ruby $ sudo apt install ruby $ sudo apt-get install ruby-dev 设置国内ruby的源 $ gem sources --add…

前言 昨天花了差不多一天的时间,使用Jekyll搭建起了一套Github博客,感觉不错,也特将搭建过程记录下来,方便有需要的朋友自行搭建. 搭建步骤 本环境是在Linux环境下搭建完成的 安装前建议使用命令sudo apt-get update更新源 安装Ruby 使用命令sudo apt-get install ruby安装ruby. 使用命令ruby -v查看ruby是否安装成功(成功会出现类似如下字符串:ruby 1.9.3p484 (2013-11-22 revision 43786)…

最近突发奇想,想试试GitHub pages来搭建博客.网上一搜一大堆,嗯...看来还是挺简单的...于是自己撸起袖子干...... 结果对于我这种GitHub注册过,git 没用过,ruby.jekyll 是么都不知道的小白来说,一路踩坑的感觉,真的不要太酸爽...... 下面记录我从零开始搭建博客的过程: 说一句,大神请绕道,不喜勿喷啊,内容有点多... 复杂方法: 第一大步:注册github并创建一个仓库 1.用自己的邮箱注册 注:用户名建议用小写,后面会提到原因. 2.新建一个仓库 登录…

1. 新建 github.io 项目 其实 github pages 有两个用途,大家可以在官方网页看到.其中一个是作为个人/组织的主页(每个账号只能有一个),另一个是作为 github 项目的项目主页(每个项目可以有一个). 而 github pages 本身就支持 jekyll ,所以二者的结合使用非常方便. 这两种静态页面怎么生成在 https://pages.github.com/ 这里都有详细步骤. 所以现在既然我们要建的是个人博客,就是第一种用途了. 在 github 上新建一个 r…

Jekyll是一款静态博客生成器,也是github page支持的后台引擎,所以如果你有以下需求,极力推荐使用jekyll搭建博客,>>浏览我的博客 个性化的展示界面,站点逻辑 个性化的域名 几乎没有后端的繁琐 专注于写作 本教程适合任何人群,当然如果你有HTML和CSS基础将会更好.你可以快速地在几个钟之内搭建自己的博客. 入门 如果你使用过github,应该知道github page服务,你可以在两个钟内了解博客在github上是如何生成的,不需要一开始就配置很多东西,所有操作在浏览器上实…

关于Jekyll Jekyll 是一个简单的博客形态的静态站点生产机器.它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Textile) 以及 Liquid 转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上.Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面.博客或者网站,而且是完全免费的. 书写博客是一个很好地习惯,所以就整理创建一个博客系统来记录自己的所见所闻所得! 另外,个人感…

GitHub搭建个人网站,大家在网上一搜能搜到一大把的教程,但是大部分都讲的差不多,并不能满足自己想搭建的网站详细需求.我之前在搭建本站的时候也是查了较多资料,学习了下jekyll语法,参考了几个主题模板,才把符合我需求网站搭建出来.那么今天我将详细介绍下本站从github代码托管,jekyll安装,jekyll主题选择,jekyll目录结构,jekyll基本语法,jekyll主题修改,网站留言,访问量统计等子功能整入的详细过程.顺便当作自己记录下吧,防止以后忘记了.也欢迎大家star本站源码改…

前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据库敲定,到实际代码编写,越写越发现自己要弄的东西太多太多,而且,没有模板,没有原型,当初我的审美还是很欠缺的,每写一行css都是怀疑的,痛苦的,直到一年以后,我的博客还处于代码阶段,且中间好几次因为工作太忙,长时间没碰它,想法越来越弱,直至搁浅. 这段时间换了工作,昨天发版,今天闲的不行,于是这想法…

上次有人留言说,技术博客是程序员的标配,但据我所知绝大部分技术同学到现在仍然没有自己的技术博客.原因有很多,有的是懒的写,有的是怕写不好,还有的是一直想憋个大招,幻想做到完美再发出来,结果一直胎死腹中.但其实更多程序员是不知道如何去搭建一个博客,其实如今搭建一个个人技术博客非常简单,其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了,我的博客就是使用这种技术. GitHub Pages Github Pages 是面向用户.组织和项目开放的公共静态页面搭建托管服务,站点可…

能快乐旅行的人,一定是轻装旅行的人 前言 应广大的网友(装逼~~哈哈)要求,决定写个Jekyll+Giuhub搭建博客的教程,以便帮助更多的人,毕竟我也是这么过来的.这是我的博客地址,可以先看看效果. 首先介绍一下Jekyll这个框架,这个框架是Ruby语言一个基于静态文件的框架,因为不需要数据库,直接用静态文件来渲染,再加上有Github的支持所以成了搭建博客的不二之选.目前支持Markdown和 Textile两种格式的文件.但是当你的博客写的越多的时候加载的就越慢,所以这就是静态文件的缺点…

GitHub 与 Gitee 提供的 Pages 服务中,均内嵌了 Jekyll 支持(Gitee 还提供了 Hugo 与 Hexo 支持).所谓「支持」,即指这些生成工具挂在云端:你只需要提供原始代码(如 Markdown 文档.Sass/Stylus/Less 样式表),再由 Pages 服务自动编译.部署即可.这样,搭建网站的技术门槛进一步下降,你只需要会两件事就能搭建网站了: 会写 Markdown 文档: 注册 GitHub 或 Gitee 账号,点点鼠标,在你的代码仓库中启用 Pag…

混了这么久,一直想拥有自己的博客,通过jekyll和GitHub Pages捣腾出了自己的博客(https://www.ichochy.com) 一.安装jekyll 首先有安装Ruby的开发环境 运行gem install jekyll bundler安装jekyll和bundler 运行jekyll new myBlog创建默认的blog 文件目录: -rw-r--r-- 1 mleo staff 35 2 13 15:02 .gitignore -rw-r--r-- 1 mleo staf…

在 Github 上 Star 太多了,有时候很难找到自己想要的开源库,所以在此记录下来.便于自己开发使用,也顺便分享给大家. 动画 awesome-ios-animation收集了iOS平台下比较主流炫酷的几款动画框架 RCTRefreshControlqq的下拉刷新 TBIconTransitionKiticon 的点击动画过渡效果 PullToBounce类似百度外卖的下拉刷新动画 LiquidFloatingActionButton可定制水滴型浮动动态按钮组件及演示 CardAnimat…

前言 已经好几天没玩LOL了,实在手痒,下载了游戏,又卸载了,坦言:毛爷爷说的”好好天天向上“,真不容易.但还是回到学习个状态了,开始写,就“根本停不下来”,我也慢慢感受到代码的快乐了,并且想总结出一套学习IT语言及项目的方法,并加强培养锻练.话不多说,看看这几天的学习结果 内容 Demo下载地址:点这里 后记:想了解这个Demo,请看前两篇文章 计划: Jekyll主题-还有三个页面就可以完成了,估什考试前完成不了解了.接下来,劳资要边学习边练习Liquid语法了,尽量7月份完成吧!求点赞,求…

在 Github 上 Star 太多了,有时候很难找到自己想要的开源库,所以在此记录下来.便于自己开发使用,也顺便分享给大家. 动画 awesome-ios-animation收集了iOS平台下比较主流炫酷的几款动画框架 RCTRefreshControlqq的下拉刷新 TBIconTransitionKiticon 的点击动画过渡效果 PullToBounce类似百度外卖的下拉刷新动画 LiquidFloatingActionButton可定制水滴型浮动动态按钮组件及演示 CardAnimat…

Joey's Blog 长大后才发现政府建造 GFW 真是太 TM 机智了,由于本人自制力较差,且不说 91porn, youporn 等两性知识网站的超强战斗力,单单一个Youtube就可以让我瞬间强撸灰飞烟灭.即使本人意志力足够强,万一不小心点击进了大纪元,遭受到了轮子思想的侵袭,动摇了我无条件支持 CCP 的 自干五 情怀那也是极其不好的. 下面问题来了,翻越 GFW 难道一无是处吗?当然不是,可以努力的薅万恶的资本主义国家羊毛嘛. 下面是作者自建 Github 主页的详细过程,教程中部分…

Github Pages可以创建免费的静态站点,支持自带主题.支持自制页面等,并且可以使用Jekyll或者Hexo等静态博客框架进行管理. 独立博客是博客园等博客平台之外的一个良好补充,相比使用虚拟主机或者云服务器搭建站点,静态博客管理和使用简洁,使用Github Pages搭建博客不失为一个好选择. 使用Github很快就可以搭建一个站点,可以分为以下几步: 在Github创建对应仓库 配置Jekyll或者Hexo环境 设置主题,安装评论等插件 一.使用Github创建站点 1.创建一个新的仓…

Github Pages可以创建免费的静态站点,支持自带主题.支持自制页面等,并且可以使用Jekyll或者Hexo等静态博客框架进行管理. 独立博客是博客园等博客平台之外的一个良好补充,相比使用虚拟主机或者云服务器搭建站点,静态博客管理和使用简洁,使用Github Pages搭建博客不失为一个好选择. 使用Github很快就可以搭建一个站点,可以分为以下几步: 在Github创建对应仓库 配置Jekyll或者Hexo环境 设置主题,安装评论等插件 一.使用Github创建站点 1.创建一个新的仓…

时间回到2016年的7月10号,那时候我刚刚开始正式在博客园写博客,博客园的交流氛围很好,但鉴于博客园古老的界面,同时计划创建一个自己独立的博客,毕竟自己的博客怎么折腾都行. 那时候正在研究 Spring Boot ,正是开源项目云收藏的启动阶段,在网上找 Gradle 的使用方法,在 Github 上发现一个比较好的学习资源:Gradle User Guide 中文版,看完之后顺便查看了一下作者的 Github 主页,发现有一个 Jekyll 主题 Yummy Jekyll Theme. 通过…

真是不容易,我都要哭了.熬了半天终于弄完了!! 终于可以坐这儿挺会小曲,写写感受了. 作为一个程序写的不咋滴的程序员,倒是特别喜欢写博客,也是绝了. 高三的时候,用OneNote,后来转到Lofter(http://all4snow.lofter.com).复读后就再也没更新了.这两天还特意上去看了下,还是觉得Lofter太文青了,没有MarkDown,不适合挂代码.(看来我离谈恋爱越来越远了啊~) 上了大学,开始学习单片机的时候就在博客园更新文章,当时还不太会用,没有别人那么多的骚操作.只能用…

笔者自己在建个人网站/个人博客的时候其实遇到了不少麻烦,但是都一一解决了,这里教给大家最简单的方式. 首先你需要一个GitHub账号,访问https://github.com创建新账号即可. 然后访问https://github.com/Logos23333/Logos23333.github.io 点击Fork之后,这个项目就会保存到你自己的github上. 然后改名,我的github名字是logos23333, 选择Settings,将项目名字改成username.github.io,这个项…