写在前面

这篇文章记录了我折腾jekyll,github pages的过程,看到别人的 xxxx.github.io,于是我也想搞一个,了解到大都使用的jekyll来生成的。最开始我还不知道可以直接fork别人在github上面搞好的jekyll blog,然后删除他的文章、图片,修改一些配置比如_config.yml,就可以快速的折腾出自己的网站了。如果知道以上知识,那么其实花不了几分钟,就可以搞完了。于是我是从最麻烦的步骤搞起,首先在我的win10上安装jekyll,然后new出一个blog,然后jekyll build出静态网页,把静态网页push到我的github仓库。这里,我又傻了一次,其实直接把jekyll的这些源文件push上去,github会自己给你jekyll build出静态页面的,不需要你自己电脑build后再push静态网页上去。当然,自己build再push也是可以work的:)

ok,下面的重点也就是了解一下windows下怎么安装使用jekyll,由于墙的存在以及国际网络出口的问题,必须把gem的源修改为国内,主要也就是这些小麻烦了:)

不过,搭完后我就觉得没意思了,github整天被墙,git pages也没啥访问流量,还不如在国内的几个技术博客网站写。所以我乖乖回到博客园:)顺便鄙视一下csdn

windows下安装并运行jekyll

安装 ruby + gem

  • 说明,我的环境是 win10
  • 安装ruby https://rubyinstaller.org/ ,找个最新的下载就行
  • 安装gem(这是ruby的包管理工具) https://rubygems.org/pages/download ,找个zip包安装,解压出来进入目录,执行 ruby setup.rb
  • gem 修改源(国外的源通常下载失败,换个国内源)

    查看当前有哪些源: gem sources 删除掉,通常官方是这个: gem sources --remove https://rubygems.org/

    删除缓存: gem sources -c

    更新缓存: gem sources -u

    添加中科大的源(如果中科大的加不了,搜索一下 gem 国内源): gem sources -a https://mirrors.ustc.edu.cn/rubygems/

安装 jekyll

gem install jekyll
gem install bundler
gem install minima
gem install jekyll-feed

jekyll 创建新的博客出来

cd d:
jekyll new myblog

可能会卡到 Running bundle install in 这一步

这时候 ctrl+c 终止掉,进入新建的项目

将 gemfile 的 source "https://rubygems.org" 改为 source "https://mirrors.ustc.edu.cn/rubygems"

然后运行 bundle install

运行

cd blog目录

jekyll server 或者 bundle exec jekyll serve

浏览器访问 http://127.0.0.1:4000

jekyll+github pages的更多相关文章

  1. 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

  2. 使用Jekyll + GitHub Pages免费搭建个人博客

    使用Jekyll + GitHub Pages免费搭建个人博客 My Blog:无名の辈 | VectorX (vectorxxxx.github.io) Download Ruby:Download ...

  3. 为Jekyll+GitHub Pages添加全文搜索功能

    动态演示如下: [上传失败, 请自行搜索原文] 源码库: program-in-chinese/team_website 找到此JS工具: christian-fei/Simple-Jekyll-Se ...

  4. 使用 jekyll + github pages 搭建个人博客

    1. 新建 github.io 项目 其实 github pages 有两个用途,大家可以在官方网页看到.其中一个是作为个人/组织的主页(每个账号只能有一个),另一个是作为 github 项目的项目主 ...

  5. Jekyll+GitHub Pages部署自己的静态Blog

    混了这么久,一直想拥有自己的博客,通过jekyll和GitHub Pages捣腾出了自己的博客(https://www.ichochy.com) 一.安装jekyll 首先有安装Ruby的开发环境 运 ...

  6. Jekyll + GitHub Pages + Vercel纯免费搭建独立博客

    大家一定不要随便立flag 10月份发了个朋友圈,有好兄弟留言说写个教程,我说好 然后一忙起来就忘了,昨天好兄弟追到知识星球,在一个新flag帖子下催更了 写个无废话极简 VSCode 从这下载:ht ...

  7. 使用jekyll在GitHub Pages上搭建个人博客【转】

    网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...

  8. 可能是最详细的 Hexo + GitHub Pages 搭建博客的教程

    前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客 ...

  9. Github pages + jekyll 博客快速搭建

    Github pages + jekyll 博客快速搭建 寻找喜欢的模版 https://github.com/jekyll/jekyll/wiki/sites http://jekyllthemes ...

  10. Set up Github Pages with Hexo, migrating from Jekyll

    Set up Github Pages with Hexo, migrating from Jekyll. 本文介绍用Hexo建立github pages, 其中包含了从Jekyll迁移过来的过程. ...

随机推荐

  1. idea远程连接云服务器,并将本地代码部署在云端进行运算

    电脑内存和显存过小,需要在云服务器进行运算我的模型,由于一直在自己的电脑上写的代码,于是之间迁移代码到云服务器,只要通过ssh链接到云端后,将python解释器使用云端的解释器就ok 从 file-- ...

  2. 视频直播系统源码,java 随机验证码 、10 分钟有效

    视频直播系统源码,java 随机验证码 .10 分钟有效 1.首先创建一个vo类存放我们验证码相关信息. import lombok.AllArgsConstructor;import lombok. ...

  3. vue资料链接

    vue 官方api:https://cn.vuejs.org/ vue资源精选:http://vue.awesometiny.com/ vue GitHub地址:https://github.com/ ...

  4. VS2019编译Qt4.8.7

    下载4.8.7源码Index of /archive/qt/4.8/4.8.7 复制mkspecs\win32-msvc2015到mkspecs\win32-msvc2019 修改qmake.conf ...

  5. 尝试在virtualbox虚拟机中fedora30中实现文件夹共享

    $ sudo dnf install gcc kernel-devel kernel-headers dkms make bzip2 perl $ rpm -qa|grep kernel|sort 确 ...

  6. springdata(jpa)的基础使用

    jpa与mybatis-plus类似,都属于数据库相关的框架 jpa需要扫描,这里在启动类指定路径 jpa的实体类需要绑定@Entity, 与mysql表映射@Table(@name="数据 ...

  7. C# 在GridView里面使用a标签下载文件(图片)

    不能使用ajax进行下载文件的操作,具体原因需百度 前端页面,在GridView里面使用模板列,模板列放a标签 <cimesui:cimesGridView ID="GridView1 ...

  8. Windows 10 与Windows11 功能比较(红字为不同点)

    Windows 10 与Windows11 功能比较(红字为不同点)

  9. CMMI-QA工作流程(角色区分)

    qa 是如何工作的,如何保证产品质量的? 首先制定质量保证计划->根据过程清单和产品清单对组织级和项目级内容进行检查->不符合项记录在不符合项问题记录表中.反馈项目精力,跟踪问题知道问题解 ...

  10. 怎么在CAD表格中画斜线?CAD表格斜线一分为二绘制步骤

    在Excel表格中经常能看到用一条斜线将单元格一分为二,那么,你知道怎么在CAD表格中画斜线吗?本文小编就以浩辰CAD软件为例来给大家分享一下CAD表格斜线一分为二的绘制步骤,一起来看看吧! CAD表 ...