安装Jekyll 然后我们安装Ruby+Devkit,安装完成后，会出现cmd提醒你安装1,2,3 我们选择3，安装全部组件。(Mingw) 友情提示：他会不断提示多次，其实只需要安装一次即可。...修改open-source文件 这个文件位于pages\open-source.md 这个是因为如果不修改的话，会提示语法错误 Liquid Warning: Liquid syntax error...serve 因为我们是复制主题到该目录，会出现bundle未安装错误。...2021年更新 (1) 在2021年尝试使用本地预览的时候发现如下问题： D:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/jekyll-3.9.0/lib/jekyll/commands...输入cd d:\abc\def\更换文件夹 如果把文件放到xxx.github.io/blog内，则会出现Github Page不更新。
Octopress 是一个很不错的 blog 程序，好处我就不说了，自己查文档，现在把我安装时碰到的问题记录下来，供后来的朋友参考。...ruby脚本的功能： 循环匹配多种代码块，替换为 octopress 格式的代码块 替换url中的汉字为拼音，并去掉不能转换的标点符号等 输出文件到 ansi as utf-8 格式的文件中，避免中文字符乱码...用上面的语句替代 rake 执行命令 第二个: * * Invoke generate (first_time) * * Execute generate # # Generating Site with Jekyll...后面必须要有空格 第三个： D:\Dray\U\Git\MyOctopressBlogTest>bundle exec rake preview Starting to watch source with Jekyll...解决： 这个错误是因为 windows 下 cmd 默认用 ansi 格式的字符串来调用命令，解决的方法是： 打开 shell|cmd 之后，先执行 set LC_ALL=en_US.UTF
制作文档并发布到GitHub 第四篇：Vuepress制作文档并发布到GitHub ---- Jekyll做博客有点复杂，如果说小白，不推荐轻易上手，出现的问题也是很多的，这里仅作为学习和交流...如果你对前端技术很感兴趣，或者你有前端开发经验，那么你开源随意定制化Jekyll模板，相对来说处理出现的错误问题也会比一般人及时一些。由于我对这个还不是很熟悉，希望各位大佬指教。...这里出现的错误，欢迎大家指点。本文简单讲接一下Jekyll如何制作文档。...学习如何使用 drafts. _includes 你可以加载这些包含部分到你的布局或者文章中以方便重用。...---- 三、相关语法官网 Liquid语法: https://help.shopify.com/themes/liquid Jekyll中文网: http://jekyll.com.cn/ 在本地预览博客效果
随着github的出现，这样问题出现了改观，使用gitbub提供的github pages功能可以提供一个独立的站点供我们使用。结合相关的域名配置，我们就可以很方便的搭建属于自己的博客平台。...pages就是为也解决这个问题而出现，允许开发者自定义一个展示页面，来替代原有的代码列表。...详细介绍参见jekyll官方文档。 jekyll安装 jekyll的安装可以参见 windows安装Jekyll linux和MacOS安装Jekyll jekyll使用 1....的支持Liquid 语法,详细参见:Liquid for Designers 4....到这里，我们使用jekyll根据我们写的模板生成了对应的静态页面,下面我们把数据传入到github的gh-pages下面。 git add .
06:49 以前胡思乱想时，有时会讲给小伙伴们听，有时会将想法在微信上发给自己，但多数时候是没有后文的，让胡思乱想烂在脑中。...此后，遍历以生成列表的时候使用 all_posts 集合即可。...---- 参考资料 Concat arrays in Jekyll(liquid) Sorting & ordering collections · Issue #2515 · jekyll/jekyll...jekyll - For loops in Liquid: using reversed in conjunction with limit:1 - Stack Overflow 本文会经常更新...本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。
这时候，[阿成][]同学又出现了，提到另一个方法，就是利用github已支持的jekyll，按要求建目录、文件，然后直接传到github对应的项目中就可以了，github会自动解析模板并显示，此方法优点就是只需要安装...如果你跟着他一步步做下来，无意外的话就能看到一个最简单的博客了。...jekyll Liquid Ruby的一个模板引擎库。...-- tabTrigger：定义快捷字符，可通过快捷字符+tab的方式快速输入 --> co <!...评论系统 网上有几个可以嵌入到静态站点的评论系统，像多说、友言、畅言等等，还有Jekyll模板里默认使用的DISQUS。
jekyll/jekyll Stars: 46.9k License: MIT Language: Ruby Jekyll 是一个用 Ruby 编写的博客静态网站生成器。...简单易用：Jekyll 不会给用户带来不必要的复杂性和配置，它只做你告诉它去做的事情。 高度可定制化：使用 Jekyll，您可以根据自己的需求轻松地创建个人、项目或组织网站，并对其进行完全控制。...Markdown 和 Liquid 模板支持：通过渲染 Markdown 和 Liquid 模板，Jekyll 可以将您提供的内容转换为完整且静态化的可以直接托管在 Apache、Nginx 或其他 Web...内置插件和变量功能：内置 Liquid 扩展，自定义 Permalinks 等特性使得在建立并管理页面时更加简便。...使用 JavaScript 编写，可以将包含不同类型模板的目录转换为 HTML。
实现 代码高亮 Jekyll 代码高亮可以使用 Pygments、Rouge、Prism、Highlight JS等工具实现，据说大部分的高亮博客中基本上都是使用 Pygments。...因为 Rouge 本身是用 Ruby 语言编写的，所以编译时只需要 Ruby 环境。...# prism.rb module Jekyll class PrismBlock < Liquid::Block include Liquid::StandardFilters...其实在 Jekyll 中要做到这个也不是很难，只需要对整个文章的内容进行字符计数即可。...毕竟中英文字符还是有差别的嘛。这个问题在参考资料的博文中做了一些比较深刻的讨论，最后给出来的方案就是这里采用的方案。
但是两年前，情况出现变化，一些程序员开始在ｇithub网站上搭建blog。他们既拥有绝对管理权，又享受github带来的便利—-不管何时何地，只要向主机提交commit，就能发布新文章。...使用Liquid模板语言，{{ page.title }}表示文章标题，{{ content }}表示文章内容，更多模板变量请参考官方文档。...layout:default”，表示该文章的模板使用_layouts目录下的default.html文件；”title: 你好，世界”，表示该文章的标题是”你好，世界”，如果不设置这个值，默认使用嵌入文件名的标题...在yaml文件头后面，就是文章的正式内容，里面可以使用模板变量。...然后，首页使用了{% for post in site.posts %}，表示对所有帖子进行一个遍历。这里要注意的是，Liquid模板语言规定，输出内容使用两层大括号，单纯的命令使用一层大括号。
它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...若要使用 Jekyll 布局，就必须了解 HTML 基本标签的用户，读者可以通过右侧链接进行学习：http://www.w3school.com.cn/html/index.asp 。...代码高亮 本站点模板默认开启了代码高亮，编写博客时只需要使用 markdown 的代码块方法编写即可。...用户在编写自己的博文内容时，使用的是 markdown 进行编写，这样作者就可以专注于内容的编写，而效果上的调整，则可以直接借助于主题功能，进行切换，详细的内容，可以通过右侧链接进行了解：http://
它有一个模版目录，其中包含原始文本格式的文档，通过 Markdown （或者 Textile） 以及 Liquid 转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...使用 Jekyll 搭建博客之前需要安装环境 Git 环境、Ruby 环境、包管理器 RubyGems、 本机已安装好了Git，就不在演示了，git的话，搜索一下，有很多教程的。...如果没有错误出现，就是下面这种情况 ? ? 恭喜。 接下来切换到myblog目录下面、 ? 输入: jekyll serve ?...错误二 运行 jekyll new myblog 的时候出现该错误： Dependency Error: Yikes!
但是两年前，情况出现变化，一些程序员开始在ｇithub网站上搭建blog。他们既拥有绝对管理权，又享受github带来的便利----不管何时何地，只要向主机提交commit，就能发布新文章。...使用Liquid模板语言，{{ page.title }}表示文章标题，{{ content }}表示文章内容，更多模板变量请参考官方文档。...layout:default"，表示该文章的模板使用_layouts目录下的default.html文件；"title: 你好，世界"，表示该文章的标题是"你好，世界"，如果不设置这个值，默认使用嵌入文件名的标题...在yaml文件头后面，就是文章的正式内容，里面可以使用模板变量。...然后，首页使用了{% for post in site.posts %}，表示对所有帖子进行一个遍历。这里要注意的是，Liquid模板语言规定，输出内容使用两层大括号，单纯的命令使用一层大括号。
建议使用RVM有以下几个原因： 安装gems时无需使用sudo 简化在同一台机器上使用多组gems的情况 轻松切换不同版本的Ruby software-properties-common软件包是添加新PPA...本节中的步骤可以从本地计算机或使用Jekyll博客的Linode完成。如果您使用Linode，则可以使用ngrok查看笔记本。...如果日期格式不正确，帖子可能不会出现在博客上： touch YYYY-MM-DD-example-post.md 4.markdown文件应以三个破折号开头并包含标题，这些标题为Jekyll提供了适当的页面数据以便填充帖子的信息...根据帖子内容可能需要转义字符。有关转义字符和格式化块的更多信息，请参阅Jekyll文档。 以下部分显示如何通过调整并设置表格和图像样式以改进显示。...使用Liquid模板，添加逻辑以检查帖子中的mathjax标题： \_includes / scripts.html1 2 3 4 5 {% if page.mathjax %} <script type
使用这个博客模板的朋友们时不时会提出一些问题，我将它们以及对应的解决方案逐渐整理归纳，汇总到这一篇帖子里。...如何本地预览 参考 GitHub 的官方说明： Setting up your Pages site locally with Jekyll 本地预览报错 undefined method map for...TCP connection to api.github.com:443 (Connection refused - connect(2) for "api.github.com" port 443) Liquid...method `map` for false:FalseClass 这条报错之前总是伴随着 Failed to open TCP connection to api.github.com:443 一起出现...如果是使用本模板最新代码，那不用做什么，会自动引用最新版本。
当然也有，我们从 Jekyll 的 layout 机制来想办法。...Jekyll 的 layout 可以理解为页面模板，它是可以继承的，比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html，模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的，它的搜索数据是来自一个动态生成的 JSON 文件。...这些步骤可以通过 GitHub 去年推出的新特性 Actions 来完成，在我们每一次向博客源码仓库 push 代码时自动触发。...相关文章： 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源
下面我就来说明一下自己的博客搭建过程，因为是第一次尝试，所以这篇博客可能出现一些错误，欢迎大家指出~ 搭建过程 搭建博客的思路参考了吴坎师兄的博客，搭建的流程也基本遵从师兄的配置教程与网络上的教程。...它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Pages 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...安装 Ruby 时，一开始因为不想装在C盘我就更改了安装路径，结果不知道出于什么原因，执行gem install jekyll指令时总会出错，最后还是老老实实安装在了默认安装路径。...我的博客选择的是在 Github 上找的博客主题，它对目录中各个文件的内容、功能都有很详细地说明，适合我这样的小白学习使用 Jekyll 。
并且对应的这个 post 文件夹也变了，因此处理方式就是干脆把所有所有转移到 3.0 的新 Proj 算了 所以只需要使用 Jekyll 建立一个新的 Proj jekyll new MyBlog 就会在当前目录建立一个...Enable with --incremental Generating…… Liquid Exception: Included file '_includes/JB/setup' not found...utf8=%E2%9C%93&q=&type=Issues Jekyll.Run Proj 根目录使用jekyll b就可以 build 解决了以上问题终于可以 build 了 D:\Projs\blog...certificate B: certificate verify failed (https://api.rubygems.org/latest_specs.4.8.gz) Win10 中初次使用时出现问题...node_modules - blog pull and debug.bat 参考文献 常用的 Source Download a cacert.pem for RailsInstaller gem 安装时出现
云开发静态托管是云开发提供的静态网站托管的能力，静态资源（HTML、CSS、JavaScript、字体等）的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持 使用Jekyll搭建静态站点...它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...由于系统默认Ruby安装过程中容易出现各种问题，因此建议自定义安装新的Ruby。关于卸载及重装 Ruby 和 Jekyll的详细内容，也可以参考文章iMac搭建Jekyll本地环境。...://blog.bihe0832.com 完整路径打开 http://qcloud.bihe0832.com/index.html 时使用腾讯云托管的服务
当然也行，但后面写新文章时要引用图片，还得手动写这一长串，不方便；万一 jsDeliver 出状况，也不好一键切换回来。有没有一劳永逸的方法？...当然也有，我们从 Jekyll 的 layout 机制来想办法。...Jekyll 的 layout 可以理解为页面模板，它是可以继承的，比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html，模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的，它的搜索数据是来自一个动态生成的 JSON 文件。...这些步骤可以通过 GitHub 去年推出的新特性 Actions 来完成，在我们每一次向博客源码仓库 push 代码时自动触发。
关键时刻，第一时间送达！ 自从我观看了Gary Bernhardt所推崇的视频以后，就对某些编程语言的怪异表现着迷了。一些编程语言比其他语言有更多令人感到意外的表现。...C语言中的”一直走”操作符 当第一次看到操作符的时候，看上去似乎是语法错误。编译的时候，它看起来像是一项没有被归档的语言功能特性。不过，这些想法都是不对的。...C语言中的Trigraph、Digraph和Token 由于历史原因，在C语言中有那些非字母和非数字符号有其替代符。...一些国外的设备，例如IBM3270就没有提供C/C++中常用的一些符号，因此提供了那些digraph、trigraph和token，目的在于不歧视特定的字符集。...作者：Jekyll 译者：白云鹏
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
