用jekyll和github把网站建起来!】的更多相关文章

先把这些天学习的用jekyll在github上搭建网站的步骤记录下来,留作参考. #安装jekyll 确定系统安装 Git, Ruby, RubyGems, Nodejs, Python2.7. 如何安装,狗狗一搜就可以.mac上基本自带,注意update一下到最新版本. $ gem install jekyll bundler $ jekyll -v # 检查安装帮版本 $ jekyll new my-awesome-site $ cd my-awesome-site $ jekyll ser…
最近在玩github,突然发现很多说明网站或者一些介绍页面全部在一个域名是*****.github.io上. 好奇!!!真的好奇!!!怎么弄的?我也要一个~~~ 于是去网站上查询了一下,找到了https://pages.github.com/官方网站. 只可以写html静态页面.在最下方找到了一个github推荐的Jekyll. jekyll原网站是英文的,这里有个翻译的网站:http://jekyll.bootcss.com/.不过貌似有些日子没更新了,还是推荐看回官网. 于是,通过jekyl…
一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Github账号,需要注册一个,进入Github官网, 在Jekyll模板中选择自己喜欢的模板clone到本地(这里选Bef做实例) 对模板中的信息进行修改(注释掉_config.yml文件里:baseurl:"/bef"),将模板push到自己的库中,然后访问xxx.github.io,可访…
本来打算买域名,买空间,用wordpress写博客的.后来问了一个师兄,他说他是用github的空间,用Jekyll写博客,说很多人都这么做.于是我就研究了一下. 比较有价值的文章有这么几篇: http://kyle.xlau.org/posts/blogging-like-a-hacker.html  :这个是Jekyll原作者的文章的译文,必读 http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html  这个就是标题中提…
用Jekyll在github上写博客——<搭建一个免费的,无限流量的Blog>的注脚 本来打算买域名,买空间,用wordpress写博客的.后来问了一个师兄,他说他是用github的空间,用Jekyll写博客,说很多人都这么做.于是我就研究了一下. 比较有价值的文章有这么几篇: http://kyle.xlau.org/posts/blogging-like-a-hacker.html  :这个是Jekyll原作者的文章的译文,必读 http://www.ruanyifeng.com/blog…
前言 昨天花了差不多一天的时间,使用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)…
JERRY-Hexo-GitHub <JERRY Hexo & GitHub 静态网站搭建说明> 原创内容,转载请注明出处! 一.前言 1.1 什么是 Hexo? 一个基于 Node.js 设计的快速.简洁且高效的博客框架 超快速度 支持 Markdown 一键部署 插件和可扩展性 免费开源 1.2 什么是 GitHub? 一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式,故名 GitHub 全球最活跃开源社区 开源社交平台 企业项目管理平台 1.3 什么…
https://www.jekyll.com.cn/ https://github.com/onevcat/vno-jekyll https://help.github.com/articles/using-a-custom-domain-with-github-pages/ http://kresnik.wang/works/tech/2015/06/07/%E5%9C%A8github-pages%E7%BD%91%E7%AB%99%E4%B8%8B%E7%94%A8jekyll%E5%88…
网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…
使用github托管你的博客 效果: http://wuya1234.github.io/blog/2013/11/09/start-github-blog/ 样式神马的还没整 电脑系统 我使用的是mac os 10.8.5,所以以下所有描述都仅仅针对mac os系统 为什么要使用github托管博客 目前,可作为博客托管的环境且比较知名的免费服务有: 新浪的sae ,支持python,php 百度的bae,支持python,php,nodejs(处于内测阶段,我申请了好几次也不给我,擦) 另外…
http://blog.csdn.net/pipisorry/article/details/51707366 使用github建站 github设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表.所以,github Pages可以被认为是用户编写的.托管在github上的静态网页.github提供模板,允许站内生成网页,但也允许用户自己编写网页,然后上传.有意思的是,这种上传并不是单纯的上传,而是会经过Jekyll程序的再处理. Jekyll(发音/'dʒiːk əl/,"杰…
一.安装ruby环境 Windows下载地址: http://rubyinstaller.org/ Ruby官网: http://www.ruby-lang.org/zh_cn/ 下载安装即可 环境配置 安装好之后必须配置环境变量 在环境变量中PATH字段中增加 你的安装路径\Ruby22-x64\bin 比如 : D:\ProgramFiles\Ruby22-x64\bin 除此之外还必须新增一个字段 SSL_CERT_FILE,内容为cacert.pem所在路径,比如D:\ProgramFi…
能快乐旅行的人,一定是轻装旅行的人 前言 应广大的网友(装逼~~哈哈)要求,决定写个Jekyll+Giuhub搭建博客的教程,以便帮助更多的人,毕竟我也是这么过来的.这是我的博客地址,可以先看看效果. 首先介绍一下Jekyll这个框架,这个框架是Ruby语言一个基于静态文件的框架,因为不需要数据库,直接用静态文件来渲染,再加上有Github的支持所以成了搭建博客的不二之选.目前支持Markdown和 Textile两种格式的文件.但是当你的博客写的越多的时候加载的就越慢,所以这就是静态文件的缺点…
最近公司要制作个文档库,直接就可以将jekyll应用到实际中. 模版使用了Jekyll Clean,这么模版相对内部简单一点,学习成本不会很大,而复杂的Minimal Mistakes就当作参考. 模版使用的CSS是Bootstrap v3.2.0版本的.为了省时点,我就直接将Bootstrap官网中的CSS和JS拉了下来. 一.全局配置 在_config.yml文件中可以有多种设置,包括全局配置.编译选项等. #网站根目录 baseurl: /docs # 生成的文件路径 destinatio…
很多人会制作自己的主页,页面美观简洁,一直很在意是怎么做的. 最近公司需要做个文档库的主页,就研究了一些开源的工具,后面发现了jekyll(读杰克尔),将纯文本转换为静态博客网站. 一.Ruby jekyll提供了很多现成的主题可以使用,里面有很多高大上的款式. 官网上面有专门一节是介绍安装的,不过在实际安装中还是会有一些问题. 需要有下载Ruby环境,选最新的那个版本即可,官网上面安装列中有一个RubyGems,但Ruby1.9.1 以后版本已经自带了,所以无需额外下载. 二.切换source…
写在前面:本博客为本人原创,严禁任何形式的转载!本博客只允许放在博客园(.cnblogs.com),如果您在其他网站看到这篇博文,请通过下面这个唯一的合法链接转到原文! 本博客全网唯一合法URL:http://www.cnblogs.com/acm-icpcer/p/8448129.html 互联网上有许多非常优质的资源,一不小心发现一个都会让你惊喜很久- 上个学期选了一门前端开发技术的课程,课程final是搭建一个自己的个人网页.这个作业着实让我头疼了很久,写html和css是很简单的,js也…
1.准备工作 ①购买一个阿里云域名,这里测试的域名为 www.cores.vip ②创建一个github账号 (注意:一个github账号只能建立一个username.github.io的网站,不能建立多个) ③git客户端(用于将CNAME文件和index.html上传到github中) 2.配置github上的步骤 ①创建一个新的仓库 ② ③新建一个username.github.io这样的仓库名称(其中username就是你github的用户名,也只能是你的username!) 3.配置阿…
本地安装Jekyll 首先安装Ruby及gem Ruby的安装 Ruby官网进行下载 从RubyInstaller下载ruby [新手推荐] 我采用的是RubyInstaller,无脑简单 勾选时我配置如下 devkit 在RubyInstaller页面中往下拉就能看到.选择自己版本的Ruby(我的是2.2.3)对应的devkit:For use with Ruby 2.0 and above (x64 - 64bits only)DevKit-mingw64-64-4.7.2-20130224…
今天刚刚完成了自己的一个小项目,想把他上传到服务器上,想到到我使用的Visual Stdio Code具有git功能,于是想到使用github作为代码仓库来同步代码. 大体步骤分为这几步:创建远程代码仓库及本地代码仓库,配置仓库设置,修改并提交代码,服务器同步代码 1.创建代码仓库 首先登陆https://github.com,创建自己的代码仓库,记住代码仓库的地址,我这里是 https://github.com/wzhxyz/uva.git 然后新建个目录,执行一系列配置 mkdir uva…
最近老大push项目,正常的git clone每次都是下载一部分就断掉了.下面介绍网上找到的两种方法: 方法一: 1.打开网站https://www.ipaddress.com/: 2.分别在上面打开的网站中查找github.com和github.global.ssl.fastly.net的IP地址: 3.将上面的两个IP地址存到本地hosts文件中(该文件的地址一般在C:\Windows\System32\drivers\etc\下): 4.打开cmd,在cmd命令行输入:ipconfig/f…
前言 笔者在用 Jekyll 搭建个人博客时踩了很多的坑,最后发现了一款不错的主题 jekyll-theme-next,但网上关于 Jekyll 版的 Next 主题优化教程少之又少,于是就决定自己写一篇以供参考. My Blog ? 传送门 本文仅讲述 Next (Jekyll) 主题的深度优化操作,关于主题的基础配置请移步官方文档. 主题优化 修改内容区域的宽度 打开 _sass/_custom/custom.scss 文件,新增变量: // 修改成你期望的宽度 $content-deskt…
一.将代码上传到GitHub存储库中 第一步:创建Github新账户 第二步:新建仓库 第三步:安装Github shell程序,地址:http://windows.github.com/ 第四步:打开Git Shell,输入以下命令生成密钥来验证身份 ssh-keygen -C 'your@email.address' -t rsa 把文件夹下的id_rsa.pub文件内容全部复制. 然后打开github账户设置,如图 右上角点击New SSH key title随便输入,key栏粘贴刚才id…
https://hub.fastgit.org…
官网地址:https://help.github.com/categories/github-pages-basics/ GitHub页面是什么? GitHub页面是一个静态的站点托管服务. GitHub页面的设计目的是直接从GitHub存储库中托管您的个人.组织或项目页面.要了解更多关于GitHub网站的不同类型,请参见"用户.组织和项目页面". 您可以使用Jekyll主题选择器在网上创建和发布GitHub页面.如果您喜欢在本地工作,您可以使用GitHub桌面或命令行. GitHub…
GitHub搭建个人网站,大家在网上一搜能搜到一大把的教程,但是大部分都讲的差不多,并不能满足自己想搭建的网站详细需求.我之前在搭建本站的时候也是查了较多资料,学习了下jekyll语法,参考了几个主题模板,才把符合我需求网站搭建出来.那么今天我将详细介绍下本站从github代码托管,jekyll安装,jekyll主题选择,jekyll目录结构,jekyll基本语法,jekyll主题修改,网站留言,访问量统计等子功能整入的详细过程.顺便当作自己记录下吧,防止以后忘记了.也欢迎大家star本站源码改…
最近花了三天时间制作了我的第一个jekyll theme--BoHu.一款知乎风格的模板,使用jekyll模板引擎,十分钟就能搭建属于你自己的静态博客网站. 本主题的特征为: 知乎风格 分页导航使用的是具体页码而不是单纯的上一页下一页 支持博文搜索功能 支持文章分类和显示近期文章 首页能统计博文数量 内置中文和英文的艺术字体 内置音乐播放器 支持多说和disqus评论系统 移动设备浏览效果良好 使用MIT许可 具体步骤如下: 首先,你需要有GitHub帐号. 到我的GitHub上的bohu-je…
尝试自己写 Blog 的人,一般会经历三个阶段. 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章. 大多数人,都停留在第一和第二阶段,因为第三阶段不太容易到达:你很难找到俯首听命.愿意为你管理服务器的人. 前两天在站长之家里面看到一个文章,讲的是如何在 github 上搭建 Blog,现在分享给大家.比较详细的介绍了…
使用 GitHub, Jekyll 打造自己的免费独立博客 GitHub是一个代码托管网站,现在很多开源项目都放在GitHub上. 利用GitHub,可以让全球各地的程序员们一起协作开发.GitHub 提供了一种功能,叫 GitHub Pages, 利用这个功能,我 们可以为项目建立网站,当然,这也意味着我们可以通过 GitHub Pages 建立自己的网站. Jekyll是一个简单的,针对博客设计的静态网站生成器.使用 GitHub 和 Jekyll,我们可以打造自己的独立博客,你可以自由地定…
在Github上搭建 - 参考链接 搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门 GitHub + Jekyll 搭建并美化个人网站 用Jekyll搭建的Github Pages个人博客 在oschina上搭建 - 参考链接 免费个人博客搭建教程详解:Hexo+OSChina Hexo使用指南 hexo安装成功,并且正确运行,但是localhost:4000不能访问 最简单的使用Hexo+OSChina(码云)+git搭建自己的静态blog博客网站教程 U…
https://pages.github.com/ http://jekyllbootstrap.com/usage/jekyll-quick-start.html Jekyll是一个静态网站生成器,用ruby编写而成,结合了markdown 等技术,简化了静态网站的构建过程,可以方便的生成具有简单动态功能的网站,我的gitpage :http://zhouyongtao.github.io/  ,跑Jekyll的环境还得本地配置发布,个人觉得过于麻烦. 创建版本库 创建一个新的版本库,命名为…