本文主要介绍在 Github Page 和 Jekyll 下搭建个人博客的路与坑！ ---- 我的博客地址：https://flyinglsj.github.io/ ? 1....安装 Jekyll 因为我们是在 Github 上搭建博客，要显示效果，你需要 Push 到 Github 上才能显示效果。Jekyll 主要的功能就是可以在本地实时显示你的博客，仅此而已。...github.com/leopardpan/leopardpan.github.io/ ?...这是因为 Jekyll 和 ffi 与 Github page 版本不匹配的原因，这是你要对你的本地环境进行更新。输入代码进行更新即可 ?...---- 我们已经和 Google、Baidu 达成战略协议，大家有什么疑问，可以先与他们联系，有什么解决不了的，可以互坑。 欢迎关注、fork、star、点好看～
Jekyll 也可以运行在 GitHub Pages 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...GitHub Pages 是一个静态网站托管服务，直接从github仓库托管你个人、公司或者项目页面 ，并且不需要你写任何后端语言来支持。...创建完成后，进入所创建的库，在settings页面找到GitHub Pages进行设置，如果你的库有按照上述方式进行命名，则它会自动进行设置，设置成功后会该页面出现绿色的提示，成功后可选择 Choose...我在对这个模板进行改造的过程中也慢慢熟悉了 jekyll 的目录结构和操作方式。...参考资料 本次博客的搭建主要参考了以下内容，感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建（基于GitHub和Jekyll主题 ） Jekyll +
证据2：Jekyll的官方网站配置说明 4 证据3：Jekyll的宣传图和音乐剧海报 5 证据4：Jekyll的logo Jekyll是一个简单的静态网站生成器，github pages默认就会用这个生成器...它由GitHub联合创始人汤姆·普雷斯顿·沃纳(Tom Preston-Werner)用Ruby编写，并根据MIT许可证发布。...事实上，Jekyll取名很可能来自于 Jekyll and Hyde (变身怪医) 这个词，《变身怪医》是 罗伯特·路易斯·史蒂文森 的名作，因书中人物杰奇和海德善恶截然不同的性格让人印象深刻，后来"Jekyll...证据2：Jekyll的官方网站配置说明 当我们打开Jekyll官网的Front matter默认配置页面 Front Matter Defaults - Jekyll Configuration时，可以清楚地看到...Hyde, 如下图: image.png 证据3：Jekyll的宣传图和音乐剧海报 Jekyll以前官网的宣传语(slogan)是: Jekyll: transform your text into
之前是想着用react搭建前台页面，后台用bmob，但是放置久了，心也就冷了，索然不做了。最近才发现原来github的gh-pages也可以使用jekyll来搭建，好吧，怪自己孤陋寡闻。...这里我已经准备好了，点ruby和DevKit下载。点击exe文件进行自定义目录安装。安装完成之后，确保ruby的环境已经配置到了系统的变量中。...ssh -T git@github.com 设置git的username和email git config --global user.name "rynxiao" git config -...// 提交本地仓库代码到远程仓库 连上仓库之后会让你输入用户名和密码，然后就可以提交代码了。.../jekyll-github.html http://blog.csdn.net/u014015972/article/details/50497254
阅读本文，将学到如何用 Jekyll 做多种类型的页面，并在首页的列表中将这些不同种类的页面合并按日期排序。...---- 制作除博客之外的新页面类型 Jekyll 不止支持博客（post）页面类型，也可以支持自定义页面类型。当然博客是它唯一的内建类型（hard-coded type）。...第二步：添加自定义页面类型文件夹 需要在 Jekyll 项目根目录建立一个 _article 文件夹，此名称与第一步的类型名称一致，前面加下划线。...可以参考我的 posts 布局文件和 article 布局文件，两者几乎一样都是可以的，只是 article 遍历的时候使用 site.article。...制作一个合并了博客和其他页面类型的页面列表 我希望在首页中混杂我的博客和胡思乱想，于是必须将两种不同类型的集合合并。
以上两个步骤操作完成后，在 CMD 窗口执行如下命令安装Jekyll： gem install jekyll #安装jekyll jekyll -v #查看jekyll版本号 2.本地搭建博客...例如：2019-10-11-5分钟搭建博客.md 3.部署代码到 Github 1.创建 Github 账号 注：这里我使用的 Github 托管静态博客的，你也可以选择把代码托管到 码云 或者其他平台上...没有 Github 账号的朋友可以注册一个账号，有账号的朋友可跳过。 2.创建代码仓库 创建一个名称为 ‘账号名称.github.io’。...丰富的主题自由选择 这里推荐两款 Jekyll 主题的网站： 1.官方主题网站：http://jekyllthemes.org/ 2.Github 上的博客模板：https://github.com/jekyll...手把手博客搭建 参考资料 1.使用 github + jekyll 搭建个人博客 https://www.cnblogs.com/wangfupeng1988/p/5702324.html 2.Github
so bundle the tzinfo-data gem gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 在步骤3和4...修改_config.yml 除了要修改基本信息之外，还需要把 gems: - jekyll-github-metadata - rouge # 修改为: plugins_dir...: - jekyll-github-metadata - rouge 否则会提示： Deprecation: The ‘gems’ configuration option has...，解决方法 bundle add webrick 之后再 bundle exec jekyll serve (2) GitHub本身识别出underscore.js存在漏洞，我直接搜索最新版替换，发现对网站无影响...原因是GitHub只会阅读Jekyll中xxx.github.io/_includes,而不会进入blog/_includes 导致。该问题是可以解决的。
本来我的Jekyll在github pages上，但是国内访问太慢了，准备迁移到Gitee上，结果发现效果完全和Github上不同，必须要在本地环境编译再push, 算了懒得折腾了。...根据GitHub Pages 与 Gitee Pages 上的 Jekyll的分析，可以得出以下几个结论： Gitee Jekyll 的版本很旧了，一整套工具可能只是 2017 年末的「最新版」。...Gitee Jekyll 跟 GitHub Jekyll 对接不良，迁移或同步的话得增补很多信息，并且不少插件用不了。...Gitee Jekyll 竟然支持 GitHub 上的远程主题，但是用起来似乎也存在若干问题，不稳定。 以上三条再归纳为一个最终的结论：（目前的）Gitee Jekyll 不可靠。...和 GitHub Pages 比起来，这无疑抬高了使用门槛；这倒不算什么，重要的是在这种情况下 Gitee Jekyll 形同虚设，不会有什么人去用了。
概述 不久之前我们聊过使用 github pages + Hexo 搭建个人博客和搭建个人博客完善篇两篇文章。教大家搭建一个属于自己的博客网站。...除了使用 Hexo外，我们今天教大家使用Github+Jekyll搭建个人博客系统。 创建博客 首先，你得有个Github的账号。如果没有Github账号，请登录Github创建一个。...Fork 一个Jekyll模板 在Github的搜索框里输入jekyll-now找到此仓库，点击fork。 ? ?...配置博客 接下来我们需要对jekyll做一些配置，在自己的博客仓库下，找到_config.yml 文件，点击打开。 ? 配置一些名字什么的。...profile pic)avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png
这部分网上有很多教程，同学们尽量选择时间上近一些的教程，久一些的可能页面选项都不一样了。 最终输入自己的账号名对应的网址，能够看到构建的页面，就算第一步成功了。...比如笔者输入https://chenjx85.github.io，可以看到自己的页面。 3、下载并安装github desktop软件，登陆上自己的账号，把自己的仓库克隆到本地。...我们提交_config.yml、html、md这些文件，推送到远程的服务器仓库上，github内置的jekyll程序会帮我们，利用这些提交的文件，生成html的静态页面。...这些静态页面就是github page博客上看到的东西。 既然逻辑是这样的，那么我们就要根据jekyll的规则来写_config.yml和html、md这些文件。...jekyll会根据_config.yml中的说明来生成静态页面。 _config.yml是全局的一些配置。
搭建博客方便很多，开始一直想着自己搭建博客，然后一直没什么时间，在做另外一个项目，所以现在就考虑用Jekyll在GITHUB上搭建博客了。...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...是/ 这两个目录分别为你Ruby和devkit的安装目录。 如果和我安装的目录不在同一个下面，不要和我的写成一样了哦。 保存后关闭文件。...获取最简单 Jekyll 模板并生成静态页面 需要的环境搭建好了之后，就是获取最简单 Jekyll 模板并生成静态页面、 安装 jekyll gem install jekyll 等待下载完成…...切换的G:\Github下输入: jekyll new myblog 在这里你可能会遇到一个错误,见错误二(没有的，可忽略)，该错误课看本篇后面的可能的错误以及解决办法。 ?
（二）Github Pages是什么 Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点，也同样支持纯 HTML文档。...jekyll-gist ` 上面对软件安装完毕后，你就可以在github上搜索一个基于jekyll模版对项目，当然你可以从网上搜索任何你喜欢的主题风格，找到之后使用git clone到自己本地： git...-04-11-spark sql大数据量下的调优和实践.md ` 前面是日期，中间是标题，后缀一般是md，看起来比较简洁。...* 你只要用自己喜欢的编辑器写文章就可以了，其他事情一概不用操心，都由github处理。 ` 缺点： * 有一定技术门槛，你必须要懂一点git和网页开发。
以及grafna的监控环境，需要监控mysql服务器的性能，因此用到了mysqld_exporter这个插件，但是这个插件需要使用go语言编译，无奈国内下载go环境无果，最后还是使用项目Release页面下编译好的插件
大多数Blog作者，都停留在第一和第二阶段，因为第三阶段不太容易到达：你很难找到俯首听命、愿意为你管理服务器的人。 ? 但是两年前，情况出现变化，一些程序员开始在ｇithub网站上搭建blog。...* 你只要用自己喜欢的编辑器写文章就可以了，其他事情一概不用操心，都由github处理。 它的缺点是： * 有一定技术门槛，你必须要懂一点git和网页开发。 ...$ cd jekyll_demo $ git init 然后，创建一个没有父节点的分支gh-pages。因为github规定，只有该分支中的页面，才会生成网页文件。 ...它用三根短划线"---"，标记开始和结束，里面每一行设置一种元数据。"...文章页面： ? 第七步，绑定域名。 如果你不想用http://username.github.com/jekyll_demo/这个域名，可以换成自己的域名。
jekyll是一个简单的免费的Blog生成工具，类似WordPress。但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具，不需要数据库支持。...最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。...3 安装bundler 输入 gem install bundler 执行安装 4 安装jekyll 输入命令： gem install jekyll 检查jekyll是否安装成功 jekyll -v...具体可以参考jekyll官方文档：https://jekyllrb.com/docs/installation/windows/ 4 使用jekyll创建简单的博客 4.1 创建博客 输入命令： jekyll...new myblog 4.2 本地运行博客 切换到myblog目录下，输入如下命令 bundle exec jekyll serve
您可以使用Jekyll主题选择器在网上创建和发布GitHub页面。如果您喜欢在本地工作，您可以使用GitHub桌面或命令行。...具有这种存储库名称的用户和组织页面仅从主分支发布。 有关不同类型的GitHub页面站点的更多信息，请参见“用户、组织和项目页面”。 没有用户名命名方案的存储库的默认源设置。...用户、组织和项目页面。 GitHub页面有两种基本类型:用户/组织页面和项目页面。它们几乎相同，但它们之间有一些重要的区别。 GitHub页面创建于2016年6月15日之后，使用GitHub。...对于使用Jekyll的GitHub Pages网站，您的HTML文件很可能会存储在_layouts文件夹中。一般来说，CSS是在HTML文件的一部分中找到的。...进一步阅读GitHub页面 请参阅“ 自定义GitHub页面 ”了解更多关于使用批准的Jekyll插件和GitHub Pages网站，创建自定义404页面以及查看可用存储库元数据的更多信息。
在github上创建一个公开的项目，这个就不用解释了。 ? 按照箭头的顺序，创建一个公开的项目。 2.进入项目 ----> setting ?...3、打开settings，有一个Github Pages 的设置，点击 source 中的本来的 None ，使其变成 master 分支，也就是作为部署github pages 的分支，然后点击 save...4、页面刷新之后，再看 github pages 设置框处，多了一行网址。 5、直接访问对应的网址中你的页面。 ?
第二篇：Hexo制作文档并发布到GitHub 第三篇：Jekyll制作文档并发布到GitHub 第四篇：Vuepress制作文档并发布到GitHub ---- Jekyll...做博客有点复杂，如果说小白，不推荐轻易上手，出现的问题也是很多的，这里仅作为学习和交流。...The permalinks 可以在文章中自己定制，但是数据和标记语言都是根据文件名来确定的。...完成转换，就会将生成的页面放在这里（默认）。...---- 四、比较好的Jekyll模板 https://github.com/mzlogin/mzlogin.github.io https://github.com/Huxpro/huxpro.github.io
✨ 项目基本结构 目录结构如下： ├── css │ └── style.css └── index.html 本节教程我会带大家使用 HTML 和 CSS 来制作一个仿 GitHub 的登录界面...text-decoration 属性 outline 属性 display 属性 box-shadow 属性 border 属性 cursor 属性 伪类选择器 登录表单的基本结构 首先还是跟往常一样新建一个 HTML 页面...在登录页面添加徽标 接下来在 class=“wrapper” 的 div 的最顶部添加一个图标。在这里使用了 GitHub 网站的 logo。...登录页面的效果就实现啦！...地址（给个star ❤️ 吧）：https://github.com/wanghao221/moyu 总结 希望通过上面的教程，大家已经学会了如何使用 HTML 和 CSS 代码来创建仿 GitHub
▲ 主题首页 搭建过程参考了下面搭建的文章： Github+jekyll：建立你自己的博客网站 github + jekyll 建自己的博客 GitHub | 个人静态博客搭建 Jekyll 主要步骤总结...： 创建GitHub仓库，需要注意的是，仓库名格式：.github.io 下载 RubyGems 并解压至任意目录 安装 Jekyll cd '解压路径' ruby setup.rb...gem install jekyll 选择jekyll主题并配置 推送至GitHub的远程仓库 具体步骤可以查看：Github+jekyll：建立你自己的博客网站 ---- 踩坑之一：Windows...---- 踩坑之二：Linux下Jekyll本地调试可以访问静态资源，但是上传至GitHub无法访问 本地仓库文件推送至GitHub上，GitHub -> Actions -> build 报错如下...解决方法： 继续搜用Jekyll和GitHub搭建个人博客的文章，直至我发现了这篇文章： Jekyll + Github Pages 搭建个人免费博客 里面说到将_site目录下的文件提交到GitHub
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
