首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

免费构建自己的博客-Jekyll进阶

它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器(如 Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...因此,建议在本地运行插件,然后将生成结果发布到服务器上,这样就不需要依赖服务器的运行环境。...用户在编写自己的博文内容时,使用的是 markdown 进行编写,这样作者就可以专注于内容的编写,而效果上的调整,则可以直接借助于主题功能,进行切换,详细的内容,可以通过右侧链接进行了解:http://...教程链接 免费构建自己的博客-开发环境安装 免费构建自己的博客-编写第一篇博客 免费构建自己的博客-管理博客代码与发布到Github 免费构建自己的博客-Jekyll进阶 免费构建自己的博客-进一步丰富博客

98600

合并 Jekyll 多种类型的页面

合并 Jekyll 多种类型的页面 发布于 2017-10-12 15:48 更新于 2018-08-12...还好多数时候我记得,就像我亲自记得 3 岁时候的一些故事一样。 但今天大脑被一些凌乱的事情撑爆了,心情极度低落。正好近期学着写博客,于是想把一些胡思乱想的事情写在自己的站点上。...阅读本文,将学到如何用 Jekyll 做多种类型的页面,并在首页的列表中将这些不同种类的页面合并按日期排序。...---- 制作除博客之外的新页面类型 Jekyll 不止支持博客(post)页面类型,也可以支持自定义页面类型。当然博客是它唯一的内建类型(hard-coded type)。...第二步:添加自定义页面类型文件夹 需要在 Jekyll 项目根目录建立一个 _article 文件夹,此名称与第一步的类型名称一致,前面加下划线。

73720
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    GitHub Pages 与 Gitee Pages 上的 Jekyll

    GitHub 与 Gitee 提供的 Pages 服务中,均内嵌了 Jekyll 支持(Gitee 还提供了 Hugo 与 Hexo 支持)。...本来我的Jekyll在github pages上,但是国内访问太慢了,准备迁移到Gitee上,结果发现效果完全和Github上不同,必须要在本地环境编译再push, 算了懒得折腾了。...根据GitHub Pages 与 Gitee Pages 上的 Jekyll的分析,可以得出以下几个结论: Gitee Jekyll 的版本很旧了,一整套工具可能只是 2017 年末的「最新版」。...Gitee Jekyll 竟然支持 GitHub 上的远程主题,但是用起来似乎也存在若干问题,不稳定。 以上三条再归纳为一个最终的结论:(目前的)Gitee Jekyll 不可靠。...和 GitHub Pages 比起来,这无疑抬高了使用门槛;这倒不算什么,重要的是在这种情况下 Gitee Jekyll 形同虚设,不会有什么人去用了。

    38710

    github page+jekyll构建博客的解决方案

    想在github page上构建自己的博客,前几个星期就动手搞了起来,但由于自己对于前端这些东西不是很熟,所以断断续续的,直到今天才把所有东西都搞懂,而且构建出自己的github博客了。...这部分网上有很多教程,同学们尽量选择时间上近一些的教程,久一些的可能页面选项都不一样了。 最终输入自己的账号名对应的网址,能够看到构建的页面,就算第一步成功了。...我们提交_config.yml、html、md这些文件,推送到远程的服务器仓库上,github内置的jekyll程序会帮我们,利用这些提交的文件,生成html的静态页面。...这些静态页面就是github page博客上看到的东西。 既然逻辑是这样的,那么我们就要根据jekyll的规则来写_config.yml和html、md这些文件。...jekyll会根据_config.yml中的说明来生成静态页面。 _config.yml是全局的一些配置。

    94910

    如何将 Jekyll 部署到云开发静态网站托管

    它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器(如 Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...在项目根目录直接命令行运行 jekyll build 即可查看构建结果 ➜ blog git:(master) ✗ jekyll build Configuration file: /github...静态网站服初始化一般需要约 3 分钟 qcloud_jekyll_hosting.png 将静态页面部署到托管服务 你阔以直接选择将构建好的静态页面上传到托管服务,但是考虑到博客的更新频率,还是选择使用官方提供的工具来上传...由于博客的内容比较大、加上网络代理,发现有时候会失败,重试即可。

    3.6K105

    如何快速给自己构建一个温馨的家——用Jekyll搭建静态博客

    因为它是不需要数据库的,通过markdown编写静态文件,生成Html页面,它的优点是提升了页面的响应速度,并且让博主可以只专注于写文章,不用再去考虑如何排版。 静态。...Markdown(或 Textile)、Liquid 和 HTML & CSS 构建可发布的静态网站。 博客支持。支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页,理论上和username.com/username.gi… 访问的应该是一模一样的。...,它提供的服务处于我们的网站服务器和我们的网站访问者之间,其原理是缓存了我们服务器上的页面,所以实际用户建立的 HTTPS 连接是用户的浏览器与 Kloudsec 之间的。...+0800 categories: Blog tag: Blog ---复制代码 文章写完之后,通过jekyll build生成页面,jekyll serve -B 通过本地localhost:4000

    1.3K20

    在本地运行 fyne 官网

    我经常乘坐高铁来往杭州、上海两地,地铁、高铁上通常网络比较差,甚至没有网络。为此我特地去研究了一番怎样搭建 fyne 离线文档。...很快我发现 fyne 官网是采用 jekyll 构建的。jekyll 是采用 ruby 语言编写的静态网页工具。jekyll 常用于搭建个人博客。...它支持使用 markdown 语法编写文章,然后自动生成相应的静态页面托管在远程主机上供用户访问。为了能本地运行文档,我们必须先安装 ruby + jekyll 环境。...如果提示命令找不到,则安装失败,或环境变量设置不正确: ? Mac 在 Mac 上可以直接使用 brew 安装 ruby 和 gem。...这是应该有个依赖的版本问题,我们可以使用错误提示中的命令bundle启动: $ bundle exec jekyll serve 运行成功: ?

    6.2K30

    动态构建的多页面vue-cli模版

    vue官方提供了几个vue cli的模版,但都单页面模版,然而在真实的业务场景下还是有多页面模版的需求,百度和google上都能搜索到不少单页面模版改多页面模版的文章,但是没有现成的模版可以直接用,而且多页面模版页面多了之后...这里我fork了官方的单页面webpack模版,并做了动态构建的优化。...v-router的webpack模版页面 访问 http://localhost:8088/pages/module/detail.html 是我写的一个示例简单页面 二、多页面构建原理 多页面构建的原理并不复杂...,开发构建速度慢的问题会越来越严重,博主的项目有几十个页面,每个npm run dev都到等待几十秒时间。...理想的情况是,npm run dev的时候,只构建一个页面,每次访问到新页面的时候,再重新构建这个新页面的内容。

    1.1K40

    探索 JQuery EasyUI:构建简单易用的前端页面

    2.1 下载 EasyUI想象一下,当我们站在技术的巨人肩膀上,所需要的只是一个简单的动作——点击下载。...简单实践构建一个简单的用户管理页面可以让我们演示如何使用 EasyUI 来创建常见的用户界面,并实现基本的数据展示和操作功能。...5.1 构建一个简单的用户管理页面5.1.1 页面布局首先,我们需要创建一个包含用户列表、添加用户按钮和编辑用户对话框的页面布局。的保存结果(成功或失败)通过以上的HTML、JavaScript和PHP代码,我们就创建了一个简单的用户管理页面。...php// 获取表单数据并保存到数据库// 返回 JSON 格式的保存结果(成功或失败)delete_task.php:<?

    58210

    探索 JQuery EasyUI:构建简单易用的前端页面

    2.1 下载 EasyUI 想象一下,当我们站在技术的巨人肩膀上,所需要的只是一个简单的动作——点击下载。...简单实践 构建一个简单的用户管理页面可以让我们演示如何使用 EasyUI 来创建常见的用户界面,并实现基本的数据展示和操作功能。...5.1 构建一个简单的用户管理页面 5.1.1 页面布局 首先,我们需要创建一个包含用户列表、添加用户按钮和编辑用户对话框的页面布局。 <!...php // 获取表单数据并保存到数据库 // 返回 JSON 格式的保存结果(成功或失败) 通过以上的HTML、JavaScript和PHP代码,我们就创建了一个简单的用户管理页面。...php // 获取表单数据并保存到数据库 // 返回 JSON 格式的保存结果(成功或失败) delete_task.php: <?

    9610

    快速构建页面结构的 3D Visualization

    即可以看到页面的一个 3D 层级关系,像是这样: 这个功能有几个不错的作用: 页面层级概览 快速厘清页面 z-index 层级之间的关系 用于排查一些重绘过程(滚动过程)页面卡顿 当然,也会存在一些问题...同时,虽然可以快速厘清页面 z-index 层级之间的关系,但是有的时候没法很好的快速看清整个页面嵌套关系。 同时,它只能看整个页面的概览,无法选取部分节点进行观察。...本文,就将介绍一种,快速通过 CSS,构建页面深度关系的 3D 视图,快速清晰的厘清页面 DOM 层级及深度之间的关系。并且可以运用在不同的节点单独进行观察。...我们需要用到元素本身,和元素的两个伪元素,构建元素的立体效果。...其次,如果父子两层 DIV 完全是大小一模一样完全重叠在一起,在视觉上也会有些影响。

    42020

    构建高大上的黑盒监控平台

    # 构建高大上的黑盒监控平台 # 一、概述 在监控体系里面,通常我们把监控分为:白盒监控和黑盒监控: 黑盒监控:主要关注的现象,一般都是正在发生的东西,例如出现一个告警,业务接口不正常,那么这种监控就是站在用户的角度能看到的监控...,重点在于能对正在发生的故障进行告警。...白盒监控:主要关注的是原因,也就是系统内部暴露的一些指标,例如redis的info中显示redis slave down,这个就是redis info显示的一个内部的指标,重点在于原因,可能是在黑盒监控中看到...Blackbox Exporter 在前面的知识中,我们介绍Prometheus下如何进行白盒监控:我们监控主机的资源用量、容器的运行状态、数据库中间件的运行数据,通过采集相关指标来预测我们的服务健康状态...2、我现在用的方法就是:找各地测试ping 的节点,我们从机房主动ping 看是否到哪个线路有故障,下面我们开始。

    41520

    构建高大上的MySQL监控平台

    概述 对于MySQL的监控平台,相信大家实现起来有很多了:基于天兔的监控,还有基于zabbix相关的二次开发。相信很多同行都应该已经开始玩起来了。...我这边的选型是prometheus + granafa的实现方式。简而言之就是我现在的生产环境使用的是prometheus,还有就是granafa满足的我的日常工作需要。...Seconds_Behind_Master表示slave上SQL thread与IO thread之间的延迟,我们都知道在MySQL的复制环境中,slave先从master上将binlog拉取到本地(通过...所以如果slave拉取到本地的relaylog(实际上就是binlog,只是在slave上习惯称呼relaylog而已)都执行完,此时通过show slave status看到的会是0 Seconds_Behind_Master...在这种情况下,Connection_errors_max_connections 指标就会开始增加,同时,追踪所有失败连接尝试的Aborted_connects 指标也会开始增加。

    1.1K20

    提升OpenShift上的Java构建效率

    它还将配置为在端口8081上具有服务,并在您决定的任何主机名上具有路由,以供外部访问。...要检查我们的构建是否将使用我们的内部关系实例,我们可以浏览到公共组页面并验证当前没有存储依赖项。 让我们创建一个新项目,并使用nexus创建一个示例应用程序。...第一次构建耗时3分11秒,其中包括使用Github上提供的wildfly-9原始镜像以及拉下该镜像所需的时间。该镜像未执行任何依赖项管理。...与上一个示例一样,使用EAP,通过使用工件存储库管理器(例如Nexus),我们可以在构建时间上获得40秒钟以上的收益。...另外,我们可以使用增量构建在基于Java的构建上获得更好的性能,但重要的是要理解,即使这种方法更易于设置,也存在一些缺点,例如需要镜像支持增量模式。

    2.5K50

    18个最佳的产品页面设计(上)

    展示可视化平台功能的最佳方法之一是在产品页面上演示它们。这一页面向用户展示了Wistia的所有功能以及日常用途。 Wistia的产品页面 ? ? 3....到底是什么让这些食品的产品页面如此出色呢?它们以清晰易懂的方式向你展示了超级食物的构成。 查看Daily Harvest的冰沙产品页面。...奥利奥也为这个页面采用了独特的设计。即使饼干本身是单色的,页面也非常丰富多彩,不管是视频还是背景还是图形。 奥利奥的产品页面如下 ? 7....知道用户在离开页面时可能不记得所有细节,但Fitbit抓住了这些功能如何真正改变访客的生活。很棒的设计! Fitbit Charge蓝绿色的产品页面 ? 8....(如果你想看到一个普通的产品页面,他们也有的。) 9. Seattle Cider 西雅图苹果酒的工作人员声称他们的苹果酒“不是普通的苹果酒”。那么,产品页面也不是普通的。

    2.7K30

    如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客

    因为它是不需要数据库的,通过markdown编写静态文件,生成Html页面,它的优点是提升了页面的响应速度,并且让博主可以只专注于写文章,不用再去考虑如何排版。 静态。...Markdown(或 Textile)、Liquid 和 HTML & CSS 构建可发布的静态网站。 博客支持。支持自定义地址、博客分类、页面、文章以及自定义的布局设计。...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页,理论上和username.com/username.gi… 访问的应该是一模一样的。...,它提供的服务处于我们的网站服务器和我们的网站访问者之间,其原理是缓存了我们服务器上的页面,所以实际用户建立的 HTTPS 连接是用户的浏览器与 Kloudsec 之间的。...+0800 categories: Blog tag: Blog --- 文章写完之后,通过jekyll build生成页面,jekyll serve -B 通过本地localhost:4000查看文章

    30310

    技术人如何搭建自己的技术博客

    提供流行的网页主题模板 缺点也是有的: 不支持动态内容,博客必须都是静态网页,一般会使用 Jekyll 来构建内容。...仓库空间不大于1G 每个月的流量不超过100G 每小时更新不超过 10 次 Github Pages 使用 Jekyll 来构建内容,那么 Jekyll 是什么呢?...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...构建一个技术博客很简单,基本上步骤就是网上找一个自己喜欢的主题,直接 Fork 到自己的 Github ,然后在删掉原博客中的内容,在上传自己的文章即可,以我自己的博客为例。...因此后期我在这个主题的基础上做了一些改动,其中有依赖组件的更新,结合个人情况对个别页面进行了改版,就成为了现在的样子: ?

    1.4K10
    领券